/* AgentTwin workspace: neutral surfaces, one focal action, progressive detail.
   The sidebar and generous command surface take cues from Claude / ChatGPT. */
:root{--ink:#eeeae5;--stage-ink:#eeeae5;--muted:#aaa7a1;--line:#363532;--soft:#252523;--accent:#e9e5de;--good:#a7ccb2;--bad:#e8aaa0;--workspace:#20201e;--sidebar:#171715;--surface:#292927}
html{background:var(--workspace);color-scheme:dark}body,.app-frame{background:var(--workspace);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.announce-strip{display:none}.app-frame{min-height:100dvh}.app-layout{grid-template-columns:240px minmax(0,1fr);background:var(--workspace)}
.topbar{height:64px;background:var(--workspace);border:0;padding:0 24px 0 20px;gap:16px;box-shadow:none}.brand{width:204px;flex:none;font-size:18px;letter-spacing:-.6px;font-weight:600;gap:10px}.brand img{width:30px;height:30px;background:transparent;border:0;padding:0;border-radius:8px}.workspace-name{font-size:13px;color:var(--muted);gap:10px}.workspace-divider{opacity:.4}#current-view{font-weight:450;color:#c7c3bd}.workspace-avatar{margin-left:auto;width:28px;height:28px;border:1px solid var(--line);background:#33332f;border-radius:50%;font-size:10px;color:#d8d4ce}
button,.upload{font-family:inherit;transition:background 150ms ease,color 150ms ease,border-color 150ms ease,transform 100ms ease;min-height:36px;border:1px solid #42413d;background:#2a2a27;color:var(--ink);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:450;line-height:1.4;box-shadow:none}button:hover,.upload:hover{background:#343430;border-color:#575650;color:#fff}button:active{transform:translateY(1px)}button:disabled{background:#2a2a27;color:#83817b;border-color:var(--line);opacity:.6;cursor:not-allowed}button.primary,.terminal-command button{background:#e9e5de;color:#232320;border-color:#e9e5de;font-weight:550}button.primary:hover,.terminal-command button:hover{background:#fffaf1;border-color:#fffaf1;color:#171715}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #9891ce;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9891ce;outline-offset:2px}
.sidebar-toggle{display:grid;place-items:center;flex:none;width:32px;height:32px;min-height:32px;padding:6px;border:0;background:transparent;color:#b3b0a9}.sidebar-toggle svg,.sidebar-create svg{width:20px;height:20px;flex:none}.app-nav{background:var(--sidebar);border:0;padding:18px 12px 20px;top:64px;height:calc(100dvh - 64px)}.app-nav .sidebar-label{font-size:11px;font-weight:450;color:#86837d;padding:0 12px;margin:27px 0 8px}.sidebar-create{display:flex;align-items:center;gap:10px;text-align:left;min-height:42px;margin:0 4px;padding:10px 9px;border:0;background:transparent;color:#eeebe5;font-size:13px}.sidebar-create:hover{background:#292925}.app-nav .nav-item{min-height:40px;padding:10px 12px;border-radius:8px;font-size:13px;color:#b9b6b0;gap:12px}.app-nav .nav-item:hover{background:#242421;color:#f5f1e9}.app-nav .nav-item.active{background:#2d2d29;color:#f3efe7;box-shadow:none;border:0}.app-nav .nav-item img,.app-nav .nav-icon{width:17px;height:17px;opacity:.85}.app-nav .sidebar-note{border-color:#31312d;color:#8b8881;gap:9px;margin-top:20px;padding-top:18px}.app-nav .sidebar-note strong{font-weight:450;color:#b9b6ae}.app-nav .sidebar-note p{font-size:11px;color:#8b8881}.runtime-dot{background:#a9b8a8}.app-nav .nav-external{color:#77756f}
main{padding:34px 44px 28px;max-width:1440px;margin:0 auto;width:100%;min-width:0}.heading{gap:20px;margin:0 0 32px;align-items:center}.heading h1{font-size:30px;font-weight:550;line-height:1.25;letter-spacing:-1px;color:var(--ink)}.heading .muted{font-size:14px;line-height:1.6;color:var(--muted);margin-top:9px;max-width:64ch}.eyebrow{display:none}.section-title h2,h2{font-size:15px;font-weight:550;letter-spacing:-.2px}h3{font-weight:550}p{line-height:1.65}input,textarea,select{background:#252522;color:var(--ink);border-color:#44433d;border-radius:8px;font-size:13px;padding:11px 12px}input::placeholder,textarea::placeholder{color:#87847d}label{color:#bbb7b0;font-size:12px}pre{background:#171715;border:1px solid #36352f;border-radius:10px;color:#d3cfc7;font-size:12px;line-height:1.8;padding:18px}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.coverage,.setup-note{color:var(--muted);font-size:12px;line-height:1.7}.coverage-strip{border-color:var(--line);font-size:12px;padding:18px 0;gap:24px}.coverage-strip b{color:var(--ink);font-weight:500}
/* First-use state has one action, rather than an empty analytics dashboard. */
#environment-view:not(.has-discovery){padding-top:clamp(48px,10vh,110px);max-width:800px;margin:0 auto}#environment-view:not(.has-discovery)>.heading{display:block;text-align:center;margin-bottom:30px}#environment-view:not(.has-discovery) .heading h1{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-1.5px;line-height:1.2;text-wrap:balance}#environment-view:not(.has-discovery) .heading .muted{max-width:45ch;margin:15px auto 0;font-size:15px;line-height:1.7}#environment-view:not(.has-discovery) .heading .actions{justify-content:center;margin-top:20px}#environment-view:not(.has-discovery) .heading .upload{font-size:12px;border:0;background:transparent;color:#a9a59e;text-decoration:underline;text-underline-offset:4px}#environment-view:not(.has-discovery) #configure-run{display:none}#environment-view:not(.has-discovery) .discovery-onboarding{display:block;max-width:660px;margin:0 auto}#environment-view:not(.has-discovery) .workflow-area,#environment-view:not(.has-discovery) .environment-grid,#environment-view:not(.has-discovery) #environment-coverage,#environment-view:not(.has-discovery) .catalog-drawer,#environment-view:not(.has-discovery)>.coverage-note{display:none}
.terminal-panel{background:var(--surface);border:1px solid #41403a;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #00000012}.terminal-title{background:transparent;border:0;padding:20px 22px 0;align-items:center}.terminal-title h2{font-size:13px;font-weight:500;color:#ccc7bd}.terminal-title>span{font-size:11px;color:#99958d}.terminal-content{padding:18px 22px 20px}.terminal-command{border:0;background:transparent;padding:0;gap:12px;align-items:center;flex-wrap:wrap}.terminal-command code{font-size:16px;color:#f2ede3;font-weight:400;letter-spacing:-.3px;flex:1;white-space:nowrap}.command-prompt{color:#969087;font-size:18px}.terminal-command button{font-size:12px;min-height:36px;border-radius:8px;padding:8px 12px;gap:8px;display:flex;align-items:center}.terminal-command button span{font-size:15px}.terminal-comment{font:11px/1.6 Inter,sans-serif;color:#a29b8f;margin:13px 0 0}.terminal-output{font:12px/1.6 Inter,sans-serif;color:#b3ada2;margin:14px 0 0;padding:0;border:0}.terminal-output p{margin:0}.discovery-help{padding-top:12px;margin-top:12px;border-top:1px solid #3b3933;color:#b8b1a7;font-size:12px}.discovery-help summary{list-style:none;color:#c2bbb0;display:flex;justify-content:space-between;align-items:center}.discovery-help summary::after{content:'+';font-size:17px;color:#9b948a}.discovery-help[open] summary::after{content:'−'}.discovery-help summary::-webkit-details-marker{display:none}.discovery-help p{font-size:12px;max-width:60ch;margin:14px 0;line-height:1.8}.discovery-help button{background:transparent;border:0;padding:0;min-height:28px;color:var(--ink)}
.welcome-next{max-width:660px;margin:28px auto 0;text-align:center}.welcome-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;text-align:left}.welcome-steps li{display:flex;gap:12px;align-items:start;padding:12px 0}.welcome-steps li>span{color:#77736b;font:11px/1.9 var(--mono)}.welcome-steps strong{font-size:12px;font-weight:500;color:#ccc6bb}.welcome-steps p{font-size:11px;color:#999387;line-height:1.6;margin:4px 0 0}.welcome-next>button{background:transparent;border:0;color:#a59e93;font-size:12px;margin-top:17px;gap:8px}.welcome-next>button:hover{color:#efe8db}.has-discovery .welcome-next{display:none}.has-discovery .discovery-onboarding{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-bottom:30px}.has-discovery .terminal-panel{border-radius:12px;box-shadow:none}.workflow-area{background:transparent;border:0;padding:8px 0}.workflow-area .section-title{margin-bottom:18px}.workflow-area .section-title button{padding:0;min-height:24px;background:transparent;border:0;color:#b5afa4;font-size:12px}.workflow-area .tool-entry{padding:14px 0;border-bottom:1px solid var(--line);background:transparent}.tool-entry small{display:none}.tool-entry p{font:11px/1.7 var(--mono);color:#a7a092;overflow-wrap:anywhere}.tool-entry strong{font-size:13px;font-weight:500}.tool-route{background:transparent;color:#989184;border:0;font-size:10px}
/* The same system continues through map, execution, receipts and settings. */
.topology-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#232320}.topology-heading{padding:16px 18px;background:#252522;border-color:var(--line)}.topology-heading h3{font-size:14px}.topology-heading>span{color:var(--muted);font-size:11px}.map-controls button{background:transparent;border-color:#444139;color:#c1baaf;font-size:11px;padding:6px 9px;min-height:28px}.topology-canvas{background-color:#20201d;background-image:radial-gradient(#4a473e .75px,transparent .75px);background-size:18px 18px;border-color:var(--line)}.resource-card,.environment-project{background:#2b2a26;border:1px solid #4a473e;border-radius:10px;box-shadow:0 3px 9px #00000017;color:var(--ink)}.resource-card:hover,.resource-card.map-selected{background:#333129;border-color:#827b6b}.resource-card strong{font-size:12px;color:#ede6d8}.resource-card p{color:#ada495}.resource-icon{background:#e6e2da;border-radius:7px;padding:4px}.resource-badge{border-radius:4px;font-size:9px}.map-resource-rail,.map-pagination{background:#252521;border-color:var(--line)}.map-resource-rail input{background:#20201d;font-size:12px}.map-resource-row{border-color:var(--line)}.map-resource-row:hover,.map-resource-row.active{background:#333129}.map-resource-row img{background:#e4e0d7;border-radius:5px;padding:2px}.map-hint,.topology-label{background:#302e27;color:#b9b09e;border:0;border-radius:5px}.map-empty{background:#252521;border-color:#454137;border-radius:12px}.map-empty p{font-size:12px}.discovery-area>.section-title{margin-top:24px}.catalog-drawer,.coverage-note{border-color:var(--line)}.catalog-drawer{margin-top:22px}.catalog-drawer summary,.coverage-note summary{font-size:12px;color:#b8b1a4}.connector-catalog{border-color:var(--line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.connector-option{background:#252521;border-color:var(--line)}.connector-option:hover,.connector-option[aria-pressed=true]{background:#333128}.connector-option small{color:#a79f91}.connector-check{color:#d1c6b0}.connector-initial{background:#39352d;color:#d1c6b0}.connector-option img{background:#e4e0d7;border-radius:6px;padding:3px}.app-declaration{background:#292823;border-radius:12px}.environment-project .project-icon{background:transparent}
.workflow-register,.workflow-path{border-color:var(--line)}.workflow-register{margin-bottom:28px}.workflow-search{max-width:420px;margin:22px 0}.workflow-search input{background:#282824;padding:11px 13px}.candidate-row{padding:20px 4px;gap:24px;border-color:#37362f;border-radius:0;background:transparent}.candidate-row:hover{background:#272721}.candidate-row h3{font-size:14px;font-weight:500;color:#e8e2d6}.candidate-row .mono{color:#989080;font-size:11px;margin-top:6px}.candidate-row .muted{font-size:12px;line-height:1.65}.candidate-row button{font-size:12px;white-space:nowrap;background:transparent;border-color:#4b463b}.workspace-empty{padding:36px 0;max-width:65ch}.workspace-empty h3{font-size:17px;font-weight:500}.workspace-empty p{font-size:13px;margin:10px 0 20px}.workflow-path{margin:24px 0 30px;padding:22px 0}.workflow-path h2{font-size:13px}.workflow-path li::before{color:#a99f8b}.workflow-path li b{color:#d5cdbd;font-size:12px;font-weight:500}.workflow-path li span{font-size:12px;color:#a79e8d}.bundle-upload,.setup-card{background:#282823;border:1px solid #3e3b32;border-radius:12px;padding:24px}.bundle-upload{margin-bottom:24px}.bundle-consent{font-size:12px;line-height:1.7;color:#bdb39f}.bundle-consent input{accent-color:#d9ceba}.connection-note{border-color:#444036;color:#b9b09e;margin:16px 0}.connection-note button{color:#e4d8c0;text-decoration:underline;text-underline-offset:3px}.run-configuration{border-color:var(--line);border-radius:12px;overflow:hidden}.configuration-body{background:#23231e;padding:22px}.service-chip{background:#292822;border-color:#494435;border-radius:9px}.service-chip[aria-pressed=true]{background:#373328;border-color:#827257}.service-chip small,.service-chip[aria-pressed=true] small{color:#b7aa94}.run-configuration summary{padding:20px 22px;background:#272620}.configuration-toggle{font-size:11px;color:#b9aa91}.session-control{color:#d0c3ac}.prepared-world{background:#25231d;border-color:var(--line)}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:20px;margin:26px 0}.stat p{color:#a99d88;font-size:11px}.stat strong{font-size:28px;font-weight:450;font-variant-numeric:tabular-nums}.stat small{color:#938873}.workspace{border:1px solid #3e392e;border-radius:12px;grid-template-columns:240px minmax(0,1fr)}.run-sidebar{background:#26231d;border-color:#3e392e}.detail{background:#24221c;padding:26px}.run-row:hover,.run-row[aria-pressed=true]{background:#353027;border-color:#514635}.run-row strong{font-size:12px}.run-row .sub{color:#a59780}.tabs{gap:20px;border-color:#463c2d}.tabs button{color:#b4a388;font-size:12px}.tabs button[aria-selected=true]{color:#eee2ca;border-bottom-color:#d5c19a}.result-banner,.result-banner.passed{background:#293027;border-color:#49553f;border-radius:9px}.result-banner:not(.passed){background:#352821;border-color:#664c39}.result-banner strong{font-size:13px}.result-banner p{font-size:12px}.table-scroll{border:1px solid #41372a;border-radius:8px}table th{background:#30291f;font-size:11px;color:#b3a186}table td{border-color:#41372a;padding:13px 12px;font-size:12px}table td small{color:#a79578}.fact{border-color:#463a29}.fact dt{color:#b5a080}.fact dd{color:#dfcbaa}.metadata{color:#a99b83}.status{background:transparent!important;padding:0;color:#abc49b}.status.failed,.status.error{color:#e5b096}.section-title h2,.candidate-row h3,.workflow-path h2{color:var(--ink)}#settings-view{max-width:760px}#api-connect{padding:28px;border-radius:14px}#api-connect label{display:block;margin:0 0 8px;color:#c3b497;font-weight:450}#api-connect input{margin:0 0 24px;background:#25221b}#api-connect .actions{gap:10px}.setup-note{max-width:65ch}
/* All surfaces use neutral grays; status color communicates recorded state only. */
.workflow-path,.configuration-body,.service-chip,.bundle-upload,.setup-card,.prepared-world,.run-configuration summary,.run-sidebar,.detail,#api-connect input,.connector-option,.map-resource-rail,.map-pagination,.app-declaration{background:var(--soft);border-color:var(--line)}.candidate-row:hover,.run-row:hover,.run-row[aria-pressed=true],.connector-option:hover,.connector-option[aria-pressed=true],.service-chip[aria-pressed=true]{background:#34342f;border-color:#626158}.candidate-row .mono,.workflow-path li span,.service-chip small,.service-chip[aria-pressed=true] small,.run-row .sub,.metadata,.fact dt,.stat p,.stat small,table td small,#api-connect label,.runtime-coverage-list small{color:var(--muted)}.workflow-path li b,.fact dd,.tabs button[aria-selected=true]{color:var(--ink)}table th{background:#2d2d28;color:#bcb9b0}table td,.fact,.tabs,.table-scroll,.run-configuration{border-color:var(--line)}.tabs button[aria-selected=true]{border-bottom-color:#ddd8cd}.connector-check,.configuration-toggle,.session-control{color:#bcb6a9}#api-message:not(:empty){background:#2b2b26;color:#d8d1c2;border-left:2px solid #918776;border-radius:6px;font-size:12px;padding:12px 16px}.workspace-empty h3{color:var(--ink)}footer{border:0;color:#79766e;font-size:11px;justify-content:center;margin-top:36px;padding:12px 0}footer a{display:none}.sidebar-collapsed .app-layout{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .app-nav{display:none}.sidebar-collapsed .brand{width:auto}.sidebar-collapsed main{max-width:1440px}.welcome-next~.coverage-note{font-size:12px}
@media(min-width:1500px){main{padding:42px 56px}.topbar{padding-right:32px}#environment-view:not(.has-discovery){padding-top:12vh}}
@media(max-width:1050px){.app-layout{grid-template-columns:210px minmax(0,1fr)}.brand{width:174px}main{padding:28px}.has-discovery .discovery-onboarding{grid-template-columns:1fr}.terminal-command code{font-size:14px}.workspace{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){.app-layout{grid-template-columns:170px minmax(0,1fr)}.brand{width:134px;font-size:15px}.brand img{width:26px;height:26px}.topbar{padding:0 14px;gap:10px}.workspace-name>span:first-child,.workspace-divider{display:none}.app-nav{padding:12px 8px}.app-nav .nav-item{font-size:12px;gap:9px;padding:10px}.sidebar-create{font-size:12px;gap:8px;margin:0;padding:10px}.sidebar-create svg{width:17px}.sidebar-note{margin-left:10px!important;margin-right:10px!important}main{padding:24px 18px}#environment-view:not(.has-discovery){padding-top:34px}.heading{display:block}.heading .actions{margin-top:16px}#environment-view:not(.has-discovery) .heading h1{font-size:29px;letter-spacing:-.9px}.heading h1{font-size:26px}.terminal-title{padding:17px 16px 0}.terminal-title>span{display:none}.terminal-content{padding:16px}.terminal-command code{font-size:13px;letter-spacing:-.5px}.terminal-command button{width:100%;justify-content:center;margin-top:5px}.welcome-steps{grid-template-columns:1fr;gap:0;max-width:240px;margin:0 auto}.welcome-next>button{text-align:center}.coverage-strip{flex-wrap:wrap;gap:12px}.candidate-row{flex-wrap:wrap;gap:12px}.candidate-row button{max-width:100%;white-space:normal}.connector-catalog{grid-template-columns:1fr}.connector-option{border-right:0}.workspace{grid-template-columns:1fr}.run-sidebar{border-right:0;border-bottom:1px solid var(--line)}.detail{padding:18px}.stats{grid-template-columns:repeat(2,1fr);gap:18px}.stat:nth-child(2){border:0}.map-controls{flex-wrap:wrap}.topology-heading{flex-wrap:wrap;padding:14px}.setup-card{padding:20px}.workflow-path ol{grid-template-columns:1fr}footer{line-height:1.6;text-align:center}.workspace-name{font-size:12px}.sidebar-collapsed #environment-view:not(.has-discovery){padding-top:8vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
main{background:var(--workspace)}
#environment-view:not(.has-discovery){padding-top:clamp(20px,5vh,60px)}
#environment-view:not(.has-discovery) .catalog-drawer[open]{display:block}
.workflow-intro,.run-empty{max-width:550px;margin:36px auto 44px;padding:28px 20px;text-align:center}.workflow-intro h2,.run-empty h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:10px 0}.workflow-intro p,.run-empty p{font-size:14px;line-height:1.8;color:var(--muted);max-width:45ch;margin:12px auto 22px}.intro-mark{display:block;font-size:38px;line-height:1;color:#c4bfb3;font-weight:300;margin:0 0 22px}.workflow-intro button,.run-empty button{background:#e6e1d7;color:#252521;border-color:#e6e1d7}.workflow-intro button:hover,.run-empty button:hover{background:#f5f0e6;color:#171715}
#configure-view:not(.has-workflows) .workflow-path{display:none}#configure-view:not(.has-workflows) .bundle-upload{max-width:720px;margin:0 auto 24px}#configure-view:not(.has-workflows) .run-configuration,#configure-view:not(.has-workflows)>.coverage-note{max-width:720px;margin:22px auto}.workflow-search{max-width:100%;font-size:0}.workflow-search input{font-size:13px}
#history-view:not(.has-results) .stats,#history-view:not(.has-results) .workspace{display:none}#history-view:not(.account-connected) .submitted-jobs>.section-title{display:none}#history-view:not(.account-connected) #refresh-api-jobs{display:none}#history-view:not(.account-connected) #api-jobs{min-height:340px}.run-empty{margin:48px auto}
#settings-view{max-width:660px;margin:0 auto}.setup-card label{color:var(--ink)}.status.passed{color:#a8c3a8}.workflow-area .workflow-empty{padding:16px 0}.workflow-area .workflow-empty img{opacity:.5;filter:invert(1)}

@media(max-width:540px){.app-layout{grid-template-columns:64px minmax(0,1fr)}.app-nav{padding:12px 8px}.app-nav .nav-item,.sidebar-create{font-size:0;justify-content:center;padding:12px 8px;gap:0}.app-nav .sidebar-label,.app-nav .sidebar-note,.app-nav .nav-external{display:none}.app-nav .nav-item img,.app-nav .nav-icon,.sidebar-create svg{width:20px;height:20px}.brand{width:auto}.topbar{gap:12px}.terminal-command code{white-space:normal;overflow-wrap:anywhere}.heading .actions{flex-wrap:wrap}.welcome-next{padding-top:18px}#environment-view:not(.has-discovery){padding-top:20px}.workflow-intro,.run-empty{padding:20px 0;margin:24px auto}.bundle-upload{padding:16px}.service-grid{grid-template-columns:1fr}#api-connect{padding:20px}.sidebar-collapsed .app-layout{grid-template-columns:minmax(0,1fr)}}

#history-view.has-results:not(.account-connected) .submitted-jobs{display:none}
/* Account controls and practical browser-scoped settings. */
.account-control{position:relative;margin-left:auto;flex:none}.account-control .workspace-avatar{margin:0;padding:0;min-height:32px;width:32px;height:32px;cursor:pointer}.account-control .workspace-avatar:hover{background:#45453f}.account-menu{position:absolute;right:0;top:43px;width:245px;background:#292927;border:1px solid #484841;border-radius:12px;box-shadow:0 12px 40px #0006;z-index:50;padding:16px 8px 8px}.account-menu[hidden]{display:none}.account-menu .menu-label{font-size:11px;color:var(--muted);margin:0 8px 4px}.account-menu strong{display:block;font-size:14px;font-weight:500;margin:0 8px;overflow-wrap:anywhere}.account-menu p.muted{font-size:12px;margin:6px 8px 14px}.account-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:7px}.account-menu button:hover{background:#383833}.account-menu button:disabled{color:#77776f}.account-menu button:last-child{border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:6px;padding-top:12px}
#settings-view{max-width:800px}#settings-view>.heading{margin-bottom:32px}.settings-section{background:transparent;border:1px solid var(--line);border-radius:12px;margin:0 0 24px;padding:24px 28px}.settings-section-heading{margin:0 0 10px}.settings-section-heading:not(:first-child){margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.settings-section-heading h2{font-size:15px;line-height:1.5;margin:0 0 6px}.settings-section-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;max-width:60ch}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 0}.setting-row>div:first-child{max-width:420px}.setting-row label{display:block;font-size:13px;font-weight:500;color:var(--ink)}.setting-row p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.6}.setting-row>input[type=text]{max-width:230px;min-width:0;width:100%}.setting-unit{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;flex:none}.setting-unit input{width:80px}.setting-row input[type=checkbox]{appearance:none;flex:none;width:36px;height:21px;border:1px solid #53534b;border-radius:20px;padding:0;background:#33332f;cursor:pointer;position:relative}.setting-row input[type=checkbox]::after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#aaa79f;transition:transform 150ms ease}.setting-row input[type=checkbox]:checked{background:#e5e1d8;border-color:#e5e1d8}.setting-row input[type=checkbox]:checked::after{background:#252522;transform:translateX(15px)}.settings-save{border-top:1px solid var(--line);padding-top:20px;margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-save p{font-size:12px;color:var(--muted);flex:1;margin:0;min-width:170px}.connection-status{font-size:12px;border-left:2px solid #817f73;padding-left:10px;color:var(--muted);margin:18px 0 24px;overflow-wrap:anywhere}#api-connect .token-input{display:flex;align-items:flex-start;gap:8px}#api-connect .token-input input{flex:1;min-width:0}#api-connect .token-input button{min-height:42px}#api-connect .settings-section-heading{margin-bottom:12px}.settings-about dl{margin:16px 0 20px}.settings-about dl>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:10px 0;font-size:12px;line-height:1.6}.settings-about dt{color:var(--muted)}.settings-about dd{margin:0;color:var(--ink)}.settings-about a{color:var(--ink);font-size:12px;text-underline-offset:4px}.compact-density .candidate-row{padding-top:9px;padding-bottom:9px;min-height:0}.compact-density .run-row{padding-top:8px;padding-bottom:8px}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
@media(max-width:700px){.settings-section{padding:20px}.setting-row{gap:18px}.setting-row:has(input[type=text]){align-items:flex-start;flex-direction:column;gap:12px}.setting-row>input[type=text]{max-width:100%}.settings-about dl>div{grid-template-columns:1fr;gap:3px}.settings-save p{flex-basis:100%}.account-control{display:block}.account-menu{width:min(245px,85vw)}.topbar .workspace-name{min-width:0;overflow:hidden}.topbar .workspace-name>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
.account-control .workspace-avatar{display:grid;place-items:center}
@media(max-width:540px){.setting-row:has(.setting-unit){flex-direction:column;align-items:flex-start;gap:12px}.setting-row:has(.setting-unit)>div:first-child{max-width:none}.topbar .brand{font-size:14px}.topbar{gap:10px}.topbar .workspace-name{flex:1}}
#api-connect{display:block}
