.settings-page-shell{isolation:isolate;--settings-bg-start:color-mix(in srgb, var(--background) 96%, #101820 4%);--settings-bg-mid:color-mix(in srgb, var(--background) 92%, var(--surface) 8%);--settings-bg-end:color-mix(in srgb, var(--background) 97%, #0b1117 3%);--settings-accent-primary:#ff7a1a;--settings-accent-primary-hover:#ea580c;--settings-accent-soft:#ff7a1a21;--settings-accent-border:#ff7a1a5c;--settings-accent-ink:#fff;--settings-panel-bg:color-mix(in srgb, var(--surface) 88%, #0b1117 12%);--settings-panel-bg-soft:color-mix(in srgb, var(--surface-elevated) 86%, #0b1117 14%);--settings-panel-flat:color-mix(in srgb, var(--surface) 82%, #111820 18%);--settings-panel-flat-hover:color-mix(in srgb, var(--surface) 74%, #111820 26%);--settings-panel-outline:color-mix(in srgb, var(--border) 82%, transparent);--settings-panel-divider:color-mix(in srgb, var(--border) 64%, transparent);--settings-panel-shadow:0 12px 28px color-mix(in srgb, var(--background) 48%, transparent);--settings-panel-shadow-soft:0 10px 22px color-mix(in srgb, var(--background) 34%, transparent);--settings-text-strong:var(--on-surface);--settings-text:color-mix(in srgb, var(--on-surface) 94%, transparent);--settings-text-muted:color-mix(in srgb, var(--muted-text) 96%, transparent);--settings-text-soft:color-mix(in srgb, var(--muted-text) 84%, transparent);min-height:100dvh;position:relative}.light .settings-page-shell{--settings-accent-primary:#ffb020;--settings-accent-primary-hover:#ffa21a;--settings-accent-soft:#ffb0201f;--settings-accent-border:#ffb0204d;--settings-accent-ink:#0b1117;--settings-bg-start:color-mix(in srgb, var(--background) 92%, #fff7ed 8%);--settings-bg-mid:color-mix(in srgb, var(--background) 94%, #fff 6%);--settings-bg-end:color-mix(in srgb, var(--background) 88%, #f8fafc 12%);--settings-panel-bg:color-mix(in srgb, var(--surface) 96%, white 4%);--settings-panel-bg-soft:color-mix(in srgb, var(--surface-elevated) 92%, white 8%);--settings-panel-flat:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);--settings-panel-flat-hover:color-mix(in srgb, var(--surface) 84%, var(--surface-elevated) 16%);--settings-panel-outline:color-mix(in srgb, var(--border) 88%, transparent);--settings-panel-divider:color-mix(in srgb, var(--border) 78%, transparent);--settings-panel-shadow:0 12px 28px #0f172a12;--settings-panel-shadow-soft:0 10px 22px #0f172a0f}.settings-page-backdrop{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--settings-bg-start) 0%, var(--settings-bg-mid) 48%, var(--settings-bg-end) 100%);position:absolute;inset:0}.settings-page-root{position:relative}.settings-page-content{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.settings-main{box-sizing:border-box;width:100%;max-width:1320px;margin-inline:auto;padding:1.25rem 1rem 0}.settings-layout{align-items:start;gap:28px;display:grid}.settings-sidebar{border-right:1px solid var(--settings-panel-divider);min-width:0;padding-right:24px}.settings-sidebar-inner{flex-direction:column;gap:12px;display:flex}.settings-page-title{color:var(--settings-text-strong);letter-spacing:0;margin:0;padding:0 4px 4px;font-size:clamp(2rem,3.2vw,2.6rem);font-weight:750;line-height:1}.settings-panel{box-shadow:none;background:0 0;border:0;border-radius:0}.settings-nav-panel,.settings-action-panel{padding:0}.settings-nav{gap:4px;display:grid}.settings-nav-button{width:100%;min-height:40px;color:var(--settings-text-muted);text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.settings-nav-button:hover{background:color-mix(in srgb, var(--on-surface) 6%, transparent);color:var(--settings-text-strong)}.settings-nav-button.is-active{background:var(--settings-panel-flat);color:var(--settings-text-strong);box-shadow:inset 0 0 0 .5px var(--settings-panel-outline)}.light .settings-nav-button.is-active{border-color:color-mix(in srgb, var(--border) 80%, transparent);background:#fff;box-shadow:0 1px 3px #0000000d}.settings-nav-button:focus-visible{outline:2px solid color-mix(in srgb, var(--settings-text-muted) 58%, transparent);outline-offset:2px}.settings-nav-icon{width:16px;height:16px;color:var(--settings-text-muted);flex-shrink:0}.settings-save-button,.settings-action-button{--settings-action-button-height:44px;min-height:var(--settings-action-button-height);border:1px solid var(--settings-panel-outline);color:var(--settings-text);text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;line-height:1.15;transition:background .15s,border-color .15s,color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.settings-action-button{min-width:0;min-height:var(--settings-action-button-height)}.settings-action-button--icon{width:44px;min-width:44px;padding:0}.settings-save-button{border-color:var(--settings-accent-primary);background:var(--settings-accent-primary);width:100%;min-height:40px;color:var(--settings-accent-ink);font-size:13px;box-shadow:0 1px 2px #0000001f}.settings-save-button:hover,.settings-action-button--primary:hover{border-color:var(--settings-accent-primary-hover);background:var(--settings-accent-primary-hover)}.settings-save-button.is-success{color:#06130f;background:#10b981;border-color:#10b9818c}.settings-save-button.is-error{color:#fff;background:#ef4444;border-color:#f871718c}.settings-signout-button{width:100%;min-height:38px;color:var(--settings-text-muted);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.settings-signout-button:hover{color:#fca5a5;background:#f8717114;border-color:#f871712e}.settings-content{min-width:0;padding-left:4px}.settings-section-stack{gap:0;display:grid}.settings-section-card{scroll-margin-top:calc(var(--navbar-height) + 1rem);border:0;border-bottom:1px solid var(--settings-panel-divider);box-shadow:none;background:0 0;border-radius:0;padding-bottom:28px;overflow:visible}.settings-section-card+.settings-section-card{padding-top:28px}.settings-section-card:last-child{border-bottom:0}.settings-section-card.is-danger{background:0 0}.settings-section-header,.settings-section-body{padding:0}.settings-section-header{background:0 0;border-bottom:0;margin-bottom:18px}.settings-section-heading{gap:3px;display:grid}.settings-section-title{color:var(--settings-text-strong);letter-spacing:0;margin:0;font-size:20px;font-weight:750;line-height:1.2}.settings-section-description{color:var(--settings-text-soft);margin:0;font-size:13px;line-height:1.4}.settings-kicker{color:var(--settings-text-soft);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.settings-row{border-bottom:1px solid var(--settings-panel-divider);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.settings-row:last-child{border-bottom:0}.settings-row-title{color:var(--settings-text-strong);font-size:14px;font-weight:600}.settings-row-description{color:var(--settings-text-soft);margin-top:2px;font-size:12px;line-height:1.35}.settings-card-group{border:1px solid var(--settings-panel-outline);background:color-mix(in srgb, var(--surface) 90%, #0c1218 10%);border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 2px #0000000f}.light .settings-card-group{border-color:color-mix(in srgb, var(--border) 88%, transparent);background:#fff;box-shadow:0 1px 3px #0000000a}.settings-card-group>.settings-row,.settings-card-group>.settings-card-row,.settings-card-group>div:not(.settings-note):not(.settings-passkey-item){border-bottom:1px solid var(--settings-panel-divider);padding:14px 18px;transition:background .15s}.settings-card-group>.settings-row:hover,.settings-card-group>.settings-card-row:hover,.settings-card-group>div:not(.settings-note):hover{background:color-mix(in srgb, var(--on-surface) 2.5%, transparent)}.settings-card-group>.settings-row:last-child,.settings-card-group>.settings-card-row:last-child,.settings-card-group>div:last-child{border-bottom:0}.settings-select-trigger{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--on-surface) 6%, transparent);height:34px;color:var(--settings-text-strong);border-radius:10px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.settings-select-trigger:hover{background:color-mix(in srgb, var(--on-surface) 10%, transparent);border-color:color-mix(in srgb, var(--border) 100%, transparent)}.settings-subpanel,.settings-inner-row,.settings-note{background:0 0;border:0;border-radius:0}.settings-subpanel{padding:0}.settings-inner-row{border-bottom:1px solid var(--settings-panel-divider);padding:10px 0}.settings-inner-row:last-child{border-bottom:0}.settings-note{background:color-mix(in srgb, var(--settings-panel-flat) 44%, transparent);color:var(--settings-text-soft);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45}.settings-icon-tile{border:1px solid var(--settings-panel-outline);background:color-mix(in srgb, var(--settings-panel-flat) 64%, transparent);width:40px;height:40px;color:var(--settings-text-muted);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.settings-icon-tile--neutral{border-color:var(--settings-panel-outline);background:color-mix(in srgb, var(--settings-panel-flat) 64%, transparent);color:var(--settings-text-muted)}.settings-passkey-list-icon{color:var(--settings-text-muted)}.settings-action-button--primary{border-color:var(--settings-accent-primary);background:var(--settings-accent-primary);color:var(--settings-accent-ink)}.settings-action-button--secondary{background:var(--settings-panel-flat)}.settings-action-button--secondary:hover{background:var(--settings-panel-flat-hover);color:var(--settings-text-strong)}.settings-action-button--row{min-width:0;min-height:36px;color:var(--settings-text-muted);background:0 0;border-color:#0000;padding-inline:8px;font-size:12px}.settings-action-button--row:hover{background:var(--settings-panel-flat-hover);color:var(--settings-text-strong);border-color:#0000}.settings-action-button--row:active{background:color-mix(in srgb, var(--settings-panel-flat-hover) 78%, transparent)}.settings-action-button--row:disabled{cursor:not-allowed;color:var(--settings-text-soft);background:0 0}.settings-action-button--danger{color:#fff;background:#dc2626;border-color:#f8717180}.settings-action-button--danger:hover{color:#120707;background:#f87171}.settings-action-button--danger-ghost{color:#f87171;border-color:#f8717170}.settings-action-button--danger-ghost:hover{background:#f871711f}.settings-toggle{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--on-surface) 15%, transparent);border-radius:999px;align-items:center;width:40px;height:22px;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex;position:relative}.settings-toggle.is-on{border-color:var(--settings-accent-primary);background:var(--settings-accent-primary)}.settings-toggle-knob{background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .15s;display:inline-block;transform:translate(2px);box-shadow:0 1px 2px #0003}.settings-toggle.is-on .settings-toggle-knob{background:#fff;transform:translate(20px)}.settings-modal-panel{border:1px solid var(--settings-panel-outline);background:var(--settings-panel-bg);width:min(100% - 2rem,28rem);box-shadow:var(--settings-panel-shadow);border-radius:16px;padding:22px}.settings-modal-title{color:var(--settings-text-strong);letter-spacing:0;font-size:20px;font-weight:750}.settings-input,.settings-readonly-field{border:1px solid var(--settings-panel-outline);background:var(--settings-panel-flat);width:100%;color:var(--settings-text-strong);border-radius:10px;padding:12px 14px}.settings-input:focus{border-color:var(--settings-accent-primary);box-shadow:0 0 0 .5px var(--settings-accent-primary);outline:none}.settings-agent-create{gap:16px;max-width:640px;display:grid}.settings-agent-section{min-width:0}.settings-agent-client-picker{border:0;min-width:0;margin:0;padding:0}.settings-agent-client-picker legend{color:var(--settings-text-strong);font-size:15px;font-weight:720;line-height:1.35}.settings-agent-client-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.settings-agent-client-option{border:1px solid var(--settings-panel-outline);min-width:0;min-height:44px;color:var(--settings-text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;transition:background .16s,border-color .16s,color .16s;display:flex;position:relative}.settings-agent-client-option:hover{border-color:color-mix(in srgb, var(--settings-text-soft) 44%, var(--settings-panel-outline));background:var(--settings-panel-flat-hover);color:var(--settings-text-strong)}.settings-agent-client-option:has(input:focus-visible){outline:2px solid color-mix(in srgb, var(--settings-accent-primary) 72%, transparent);outline-offset:2px}.settings-agent-client-option.is-selected{border-color:var(--settings-accent-primary);background:var(--settings-accent-soft);color:var(--settings-text-strong)}.settings-agent-client-picker:disabled .settings-agent-client-option{cursor:wait;opacity:.68}.settings-agent-client-icon{object-fit:contain;border-radius:5px;flex:none;width:22px;height:22px}.settings-agent-client-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:650;overflow:hidden}.settings-agent-client-indicator{border:1px solid color-mix(in srgb, var(--settings-text-soft) 72%, var(--settings-panel-outline));border-radius:50%;flex:none;width:14px;height:14px;transition:border-color .16s;position:relative}.settings-agent-client-indicator:after{background:var(--settings-accent-primary);content:"";opacity:0;border-radius:50%;transition:opacity .16s;position:absolute;inset:3px}.settings-agent-client-option.is-selected .settings-agent-client-indicator{border-color:var(--settings-accent-primary)}.settings-agent-client-option.is-selected .settings-agent-client-indicator:after{opacity:1}.settings-agent-field{color:var(--settings-text-muted);gap:8px;font-size:12px;font-weight:700;display:grid}.settings-agent-toggle{border-top:1px solid var(--settings-panel-divider);border-bottom:1px solid var(--settings-panel-divider);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;display:flex}.settings-agent-reveal{border-top:1px solid var(--settings-panel-divider);gap:14px;padding-top:16px;display:grid}.settings-agent-reveal-header{gap:4px;display:grid}.settings-agent-reveal-title{color:var(--settings-text-strong);font-size:14px;font-weight:650;line-height:1.35}.settings-agent-secret{color:color-mix(in srgb, var(--settings-text-strong) 92%, var(--settings-accent-primary))}.settings-agent-credential-row{gap:8px;min-width:0;display:grid}.settings-agent-code{overflow-wrap:anywhere;background:color-mix(in srgb, var(--settings-panel-flat) 62%, transparent);min-width:0;color:var(--settings-text-strong);border:0;border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;display:block}.settings-agent-connect-button{width:fit-content;min-width:160px;min-height:44px}.settings-agent-connect-button:disabled{border-color:var(--settings-panel-outline);background:var(--settings-panel-flat);color:var(--settings-text-soft);cursor:not-allowed;opacity:.58}.settings-agent-connect-button:disabled:hover{border-color:var(--settings-panel-outline);background:var(--settings-panel-flat);color:var(--settings-text-soft)}.settings-agent-advanced{border-top:1px solid var(--settings-panel-divider);padding-top:4px}.settings-agent-advanced>summary{min-height:40px;color:var(--settings-text-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;list-style:none;display:flex}.settings-agent-advanced>summary::-webkit-details-marker{display:none}.settings-agent-advanced>summary:after{content:"+";color:var(--settings-text-muted);font-size:18px;font-weight:400;line-height:1;transition:transform .18s}.settings-agent-advanced[open]>summary:after{transform:rotate(45deg)}.settings-agent-advanced-body{gap:14px;padding:6px 0 4px;display:grid}.settings-agent-advanced-body>p{max-width:62ch;color:var(--settings-text-soft);margin:0;font-size:12px;line-height:1.5}.settings-agent-error{color:#f87171;padding:0;font-size:12px;line-height:1.5}.settings-agent-launch-note{color:var(--settings-text-muted);padding:0;font-size:12px;line-height:1.5}.settings-agent-deeplink{color:var(--settings-accent-primary);text-underline-offset:2px;font-weight:600;text-decoration:underline}.settings-agent-deeplink:hover{color:var(--on-surface)}.settings-action-button:focus-visible,.settings-agent-advanced>summary:focus-visible{outline:2px solid color-mix(in srgb, var(--settings-accent-primary) 72%, transparent);outline-offset:2px}.settings-agent-copy-button{width:100%}.settings-agent-command-group{gap:8px;display:grid}.settings-agent-command-label{color:var(--settings-text-soft);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.settings-agent-command{white-space:nowrap;overflow-x:auto}.settings-agent-list{gap:0;display:grid}.settings-agent-subheading{color:var(--settings-text-muted);margin:0;font-size:13px;font-weight:650;line-height:1.4}.settings-agent-key-row{border-bottom:1px solid var(--settings-panel-divider);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-agent-key-row:last-child{border-bottom:0}.settings-agent-key-title{color:var(--settings-text-strong);align-items:center;gap:10px;font-weight:700;display:flex}.settings-agent-status{border:1px solid var(--settings-panel-outline);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:750;display:inline-flex}.settings-agent-status.is-active{color:#34d399;background:#10b9811f;border-color:#10b98152}.settings-agent-status.is-revoked{color:var(--settings-text-soft);border-color:#94a3b847}.settings-agent-key-meta{color:var(--settings-text-soft);flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:12px;line-height:1.4;display:flex}.settings-agent-key-meta span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}@media (min-width:900px){.settings-main{padding:calc(var(--navbar-height) + 1rem) 1rem 2rem}.settings-layout{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:48px}.settings-sidebar{border-right:0;align-self:stretch;padding-right:0}.settings-sidebar-inner{flex-direction:column;display:flex}.settings-sidebar-inner--fixed{top:var(--settings-sidebar-top,calc(var(--navbar-height) + 1rem));left:var(--settings-sidebar-left,0);width:var(--settings-sidebar-width,260px);z-index:2;box-sizing:border-box;max-height:calc(100dvh - var(--navbar-height) - 2rem);overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:20px;position:fixed;overflow-y:auto}.settings-action-panel{margin-top:auto}.settings-content{border-left:1px solid var(--settings-panel-divider);min-height:0;padding-left:24px;padding-right:6px}}@media (min-width:720px){.settings-agent-credential-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.settings-agent-copy-button{width:auto}}@media (max-width:899px){.settings-main{padding:calc(var(--navbar-height) + 1.25rem) 1rem 2rem}.settings-sidebar{border-right:0;border-bottom:1px solid var(--settings-panel-divider);padding-bottom:18px;padding-right:0}.settings-content{padding-left:0}}@media (max-width:640px){.settings-main{padding-inline:.75rem}.settings-row{flex-direction:column;align-items:flex-start}.settings-section-header,.settings-section-body{padding:16px}.settings-agent-key-row{flex-direction:column;align-items:flex-start}.settings-agent-toggle{align-items:center}.settings-agent-client-options{gap:6px}.settings-agent-client-option{gap:6px;min-height:44px;padding-inline:8px}.settings-agent-client-icon{width:20px;height:20px}.settings-agent-client-name{font-size:12px}.settings-agent-connect-button{width:100%}.settings-action-button--row{min-height:40px;padding-inline:10px}}