@font-face{font-family:YekanBakh;src:url('/fonts/YekanBakh.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#1c1d21;--rail:#15161a;--soft:#24262b;--ink:#f0f1f3;--muted:#b0b3bd;--line:#363941;--blue:#8fbaff;--hover:#2e3138;--selected:#24344d;--danger:#ffaaa0;--success:#8bd2aa}
:root[data-theme=light]{color-scheme:light;--bg:#fafafa;--rail:#f0f1f3;--soft:#fff;--ink:#20232b;--muted:#606570;--line:#d7dae0;--blue:#175aca;--hover:#e7e9ee;--selected:#e1ebfb;--danger:#a72c23;--success:#226a45}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;font:325 16px/1.8 YekanBakh,Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}
button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:6px 12px;min-height:36px;transition:background .15s ease-out}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:inherit;text-decoration:none}button.primary{background:var(--ink);color:var(--bg);border-color:transparent}button.primary:hover{background:var(--muted)}[hidden]{display:none!important}.muted{color:var(--muted);font-size:12px}
.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);height:100dvh}.rail{background:var(--rail);border-inline-end:1px solid var(--line);padding:20px 12px 12px;display:flex;flex-direction:column;min-width:0;min-height:0}.brand{display:flex;align-items:center;gap:8px;margin:0 8px 24px}.brand strong{font-size:20px;line-height:1.4}.brand span{font-size:10px;color:var(--muted);margin-inline-start:auto}.new-session{display:flex;align-items:center;gap:8px;width:100%;font-size:14px;font-weight:600;background:var(--soft);text-align:start}.new-session>span{font-size:22px;line-height:1}.new-session kbd{font:10px ui-monospace,monospace;color:var(--muted);direction:ltr;margin-inline-start:auto}
.rail-tabs{display:flex;margin:20px 0 12px;padding:3px;gap:4px;border:1px solid var(--line);border-radius:8px}.rail-tabs button{font-size:12px;flex:1;min-height:30px;border:0;padding:4px;background:none;color:var(--muted)}.rail-tabs button[aria-pressed=true]{color:var(--ink);background:var(--hover)}
.session-search input{width:100%;min-width:0;padding:8px 10px;font-size:13px;border:1px solid var(--line);border-radius:8px;background:var(--rail)}.session-search input::placeholder{color:var(--muted)}.session-heading{display:flex;justify-content:space-between;padding:16px 8px 8px;color:var(--muted);font-size:11px}.sessions{flex:1;overflow:auto;min-height:0;scrollbar-width:thin}.sessions>button{display:grid;grid-template-columns:16px minmax(0,1fr) 16px;gap:2px 8px;align-items:center;text-align:start;width:100%;border:1px solid transparent;background:transparent;font-size:14px;margin-bottom:4px;padding:10px 12px}.session-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions small{grid-column:2/-1;font-size:11px;color:var(--muted)}.session-marker{visibility:hidden;font:12px sans-serif;color:var(--blue)}.sessions>button:hover{background:var(--hover)}.sessions>button[aria-current=true]{background:var(--selected);border-color:var(--blue);font-weight:650}.sessions>button[aria-current=true] .session-marker{visibility:visible}.sessions>p{font-size:13px;line-height:2;padding:12px 8px}
.rail .rail-action{background:none;border:0;text-align:start;margin-top:4px;padding:6px 12px;font-size:12px;color:var(--muted);min-height:32px}.rail .rail-action:hover{background:var(--hover);color:var(--ink)}.rail .theme-toggle{border-top:1px solid var(--line);border-radius:0;padding-top:12px;margin-top:12px}.account{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding:12px 4px 0;margin-top:8px}.account-dot{height:28px;width:28px;border:1px solid var(--line);border-radius:50%;background:var(--soft);flex-shrink:0}.account>div{min-width:0}.account strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{font-size:11px;color:var(--muted);display:block}.subtle{font-size:12px;border:0;background:none;padding:4px 8px;margin-inline-start:auto}
main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.workspace-name{display:flex;align-items:center;gap:12px;min-width:0}.workspace-name strong{font:600 13px/1.8 ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;unicode-bidi:isolate}.workspace-name button{font-size:12px;background:none}.header-actions{display:flex;align-items:center;gap:12px}.header-actions button{font-size:12px}.header-actions>.muted{font-size:11px}.git-open{display:flex;gap:8px;align-items:center;background:none}.git-open bdi{max-width:120px;overflow:hidden;text-overflow:ellipsis;font:12px ui-monospace,monospace}.git-open svg{flex-shrink:0}#git-count{font-size:11px;background:var(--hover);padding:0 6px;border-radius:4px}.mobile-menu{display:none}
.thread-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px 12px;flex-shrink:0}.thread-heading>div{min-width:0}.thread-heading h1{font-size:16px;line-height:1.7;margin:2px 0 0;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-heading>div>span{font-size:11px;color:var(--muted)}#thread-state{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;color:var(--muted)}#thread-state:before{content:'';height:6px;width:6px;background:var(--success);border-radius:50%}#thread-state[data-busy=true]{color:var(--blue)}#thread-state[data-busy=true]:before{background:var(--blue);animation:working-pulse 1.4s ease-in-out infinite}
.conversation{width:100%;margin:0;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px max(28px,calc((100% - 960px)/2));scrollbar-gutter:stable;scrollbar-width:thin}.empty{padding:clamp(24px,6vh,64px) 0}.empty h1{font-size:30px;margin:0 0 12px;line-height:1.5}.empty p{color:var(--muted);font-size:15px;max-width:60ch}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.suggestions button{font-size:13px;background:none}
.message{padding:10px 0;overflow-wrap:anywhere}.message+.message{margin-top:8px}.message>header{font-size:12px;font-weight:650;color:var(--muted);margin-bottom:8px}.message.user{margin:12px 0 20px 10%;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.message.user>header{display:none}.message p{margin:8px 0;white-space:pre-wrap;line-height:1.95}.message pre,.tool pre{direction:ltr;unicode-bidi:isolate;text-align:left;max-width:100%;overflow:auto;background:var(--rail);border:1px solid var(--line);border-radius:8px;padding:16px;font:13px/1.8 ui-monospace,Consolas,monospace}
.tool{font-size:13px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--soft);margin:6px 0}.tool+.tool{margin-top:4px}.tool summary{cursor:pointer;display:grid;grid-template-columns:16px max-content minmax(0,1fr) auto 12px;align-items:center;gap:10px;list-style:none;min-height:40px;border-radius:8px;padding:8px 12px;color:var(--muted)}.tool summary:hover{background:var(--hover)}.tool summary::-webkit-details-marker{display:none}.tool summary:after{content:'›';font-size:18px;line-height:1;transform:rotate(-90deg)}.tool[open] summary:after{transform:rotate(90deg)}.tool-title{color:var(--ink);white-space:nowrap;font-size:12px}.tool-target{font:12px/1.6 ui-monospace,Consolas,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-status{font-size:11px;white-space:nowrap}.tool pre{max-height:360px;margin:0;border-inline:0;border-bottom:0;border-radius:0 0 8px 8px}.tool-indicator{width:14px;height:14px;flex-shrink:0;display:grid;place-items:center;color:var(--success);font:12px sans-serif}.tool[data-status=error] .tool-indicator{color:var(--danger)}.tool[data-status=running]{border-color:var(--blue)}.tool[data-status=running] .tool-indicator,.tool[data-status=pending] .tool-indicator,.activity-indicator{border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:working 1s linear infinite}
.permissions{margin-top:16px}.permission{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:18px;margin-top:12px}.permission h3{margin:0 0 8px;font-size:16px}.permission pre{direction:ltr;unicode-bidi:isolate;text-align:left;overflow:auto;font:12px/1.8 ui-monospace,monospace;max-height:200px}.permission>div{display:flex;gap:12px}.message-error{color:var(--danger)}
.activity{display:flex;gap:12px;align-items:center;width:min(960px,calc(100% - 56px));margin:8px auto 0;padding:12px 16px;background:var(--soft);border:1px solid var(--line);border-radius:8px;min-height:60px;flex-shrink:0}.activity-indicator{width:18px;height:18px;flex-shrink:0}.activity strong{display:block;font-size:13px;font-weight:650}.activity-detail,#activity-detail{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}.activity>div{min-width:0}#activity-time{margin-inline-start:auto;font-size:12px;color:var(--muted);white-space:nowrap}.activity.waiting .activity-indicator{animation:none;border-color:var(--muted);border-radius:4px}.follow-output{align-self:center;flex-shrink:0;border-radius:8px;margin:4px 0;font-size:12px;background:var(--soft)}
.composer{width:min(960px,calc(100% - 56px));margin:12px auto 0;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:12px 16px;flex-shrink:0}.composer:focus-within{border-color:var(--blue)}.composer textarea{display:block;width:100%;resize:none;min-height:64px;max-height:min(160px,22dvh);border:0;outline:none;background:transparent;line-height:1.9;padding:4px 2px 12px;font-size:16px}.composer textarea::placeholder{color:var(--muted)}.composer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.model-picker{min-width:0;max-width:310px}.model-picker select,.access-picker select{max-width:100%;font-size:12px;min-height:36px;border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:4px 8px}.model-picker select{direction:ltr}.access-picker select[data-mode=full]{color:var(--ink);font-weight:600}.send{margin-inline-start:auto;white-space:nowrap;width:36px;padding:0!important;font-size:22px;border-radius:8px}.composer-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:11px}.price,.composer-foot{font-size:11px}.composer-meta kbd{font:11px ui-monospace,monospace;margin-inline-start:auto;direction:ltr}
.app-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 24px;color:var(--muted);font-size:10px;flex-shrink:0}.attribution{display:flex;flex-wrap:wrap;gap:4px 12px}.attribution a:hover{text-decoration:underline}.app-footer #connection-state{white-space:nowrap}.notice{margin:8px 24px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:14px;max-height:100px;overflow:auto;flex-shrink:0}.notice.error{color:var(--danger)}
.onboarding{width:min(740px,100%);padding:48px 32px;margin:auto;overflow:auto}.intro-label{font-size:13px;color:var(--muted);display:block;margin-bottom:12px}.onboarding h1{font-size:40px;font-weight:700;line-height:1.5;margin:0 0 20px}.onboarding>p{max-width:460px;color:var(--muted);line-height:2;margin:0 0 24px}.onboarding-actions{display:flex;align-items:center;gap:20px}.onboarding-actions button{padding:12px 24px;min-width:176px;font-weight:650;display:flex;justify-content:space-between;gap:24px}.onboarding-actions>span{font-size:12px;color:var(--muted)}.intro-foot{display:flex;gap:24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.device{margin-top:24px;padding:20px;background:var(--soft);border-radius:12px}.device strong{display:block;font:24px ui-monospace,monospace;unicode-bidi:isolate;margin:12px 0}.device a{color:var(--blue);text-decoration:underline}.budget-row{display:flex;gap:12px;margin-top:8px}.budget-row input{width:150px;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.onboarding h2{font-size:20px}.onboarding form>p{font-size:14px;color:var(--muted)}
@keyframes working{to{transform:rotate(360deg)}}@keyframes working-pulse{50%{opacity:.35}}
@media(max-width:1100px){.workspace{grid-template-columns:244px minmax(0,1fr)}.topbar{padding-inline:20px}.header-actions{gap:8px}.header-actions>.muted{font-size:10px}.workspace-name strong{max-width:160px}.workspace-name>.muted{display:none}.conversation{padding-inline:24px}.composer,.activity{width:calc(100% - 48px)}.model-picker{max-width:240px}}
@media(max-width:760px){.workspace{grid-template-columns:220px minmax(0,1fr)}.rail{padding-inline:8px}.brand span{display:none}.topbar{flex-wrap:wrap}.header-actions{margin-inline-start:auto}.thread-heading{padding:12px 20px}.conversation{padding:16px 20px}.composer,.activity{width:calc(100% - 40px)}.composer-meta kbd{display:none}.tool summary{grid-template-columns:14px minmax(0,1fr) auto 12px;gap:8px}.tool-target{grid-column:2/-2;grid-row:2}.tool-status{grid-column:3;grid-row:1}.tool summary:after{grid-column:4;grid-row:1}}
@media(max-width:640px){.workspace{display:block}.workspace>main{height:100dvh}.rail{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,88vw);z-index:5;display:none;padding:12px}.rail.open{display:flex}.rail .rail-action{min-height:44px}.topbar{min-height:56px;padding:8px 12px;gap:8px}.mobile-menu{display:block;padding:4px 10px;min-height:44px;font-size:18px}#rail-close{align-self:flex-end;margin-bottom:8px}.brand{margin-bottom:16px}.workspace-name{gap:8px;flex:1}.workspace-name strong{max-width:136px}.workspace-name #open-workspace{font-size:11px;padding:4px 8px}.header-actions{gap:8px;flex-basis:100%;justify-content:flex-end}.header-actions .git-open{margin-inline-end:auto}.header-actions button{font-size:12px}.thread-heading{padding:8px 16px}.thread-heading h1{font-size:14px}#thread-state{font-size:11px}.conversation{padding:12px 16px}.empty{padding:24px 0}.empty h1{font-size:26px}.composer,.activity{width:calc(100% - 24px)}.composer{padding:10px 12px;margin-top:8px}.composer textarea{min-height:52px;font-size:15px}.model-picker{max-width:calc(100% - 48px);flex:1}.access-picker{order:2;flex-basis:100%}.composer-toolbar{gap:6px}.composer-meta{gap:2px;font-size:10px}.composer-foot,.price{font-size:10px;flex-basis:100%}.activity{padding:8px 12px;min-height:52px;gap:8px}.activity strong{font-size:12px}#activity-detail,#activity-time{font-size:11px}.app-footer{padding:6px 12px;font-size:9px}.attribution{gap:4px 8px}.notice{margin:8px 12px}.onboarding{padding:28px 24px}.onboarding h1{font-size:34px}.onboarding-actions,.intro-foot{align-items:flex-start;flex-direction:column;gap:12px}.intro-foot{margin-top:24px}.budget-row,.permission>div{flex-wrap:wrap}button,input,select{min-height:44px}.git-file input{min-height:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink);width:min(500px,calc(100% - 32px));padding:24px;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#15161b88}dialog h2{font-size:22px;margin-top:0}dialog p{font-size:14px;color:var(--muted);line-height:2}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.rail-backdrop{position:fixed;inset:0;z-index:4;border:0;border-radius:0;background:#15161b88}.rail-backdrop:hover{background:#15161b88}.git-dialog{width:min(760px,calc(100% - 32px))}.git-heading,.git-operations{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.git-files{margin:12px 0;max-height:240px;overflow:auto}.git-file{display:flex;align-items:center;gap:8px}.git-file>button{min-width:0;flex:1;display:flex;justify-content:space-between;gap:12px;text-align:start;border:0;background:none;font-size:13px}.git-file bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-file input{accent-color:var(--ink);width:18px;height:18px}.git-dialog pre{background:var(--soft);padding:16px;max-height:300px;overflow:auto;text-align:left;font:12px/1.8 ui-monospace,monospace;unicode-bidi:isolate}.git-dialog form{display:grid;gap:10px;margin:16px 0}.git-dialog form input:not([type=checkbox]){min-width:0;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.git-dialog summary{cursor:pointer;font-size:14px;padding:10px 0}

.rail-action{margin-top:12px;font-size:13px;width:100%}.deployment-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{margin:0}.dialog-heading button{font-size:12px}.deploy-form{display:grid;gap:8px;margin-block:24px}.deploy-form input,.deploy-form select{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:44px}.deploy-form label{font-size:13px;margin-top:8px}.deploy-form button{margin-top:16px}.deploy-review{margin-block:24px}.deploy-review h3{margin:0;overflow-wrap:anywhere}.deploy-review pre{max-height:240px;overflow:auto;background:var(--soft);padding:16px;border-radius:8px;font:12px/1.8 ui-monospace,monospace}.deploy-review p{font-size:14px}.deploy-jobs{display:grid;gap:8px;margin-block:20px}.deploy-job{display:flex;justify-content:space-between;gap:16px;font-size:13px}.deploy-job bdi{overflow:hidden;text-overflow:ellipsis}.deploy-job span{white-space:nowrap;color:var(--muted)}@media(max-width:640px){.deployment-dialog{padding:20px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.workspace-name{gap:8px}.workspace-name #open-workspace{font-size:11px;padding:4px 8px}}
/* Hosted web keeps the established workspace layout and type scale. */
.hosted-connect {width:min(660px,calc(100% - 48px));margin:40px auto;overflow-wrap:anywhere}
.hosted-connect label,.hosted-connect input,.hosted-connect small{display:block;margin-block:16px 8px}
.hosted-connect input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.hosted-connect pre{max-width:100%;overflow:auto;padding:14px;background:var(--soft);border-radius:8px;text-align:left;unicode-bidi:isolate}
#workspace-connect-error{color:var(--danger)}
.cloud-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}
.danger-action{color:var(--danger)}
.device-connections{max-height:55vh;overflow:auto}.device-connection{padding-block:20px;border-bottom:1px solid var(--line)}.device-connection h3{font-size:16px;margin:0}.device-connection p{font-size:13px;margin-block:8px}.device-connection:last-child{border-bottom:0}
.sync-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line)}.sync-controls[hidden]{display:none}.sync-controls .muted{font-size:13px}.sync-option{display:flex;align-items:center;gap:10px;margin:20px 0}.sync-option input{width:20px;height:20px;accent-color:var(--blue)}.sync-review-messages{max-height:50vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.message.assistant+.message.assistant{padding-top:4px;margin-top:0}.message.assistant+.message.assistant>header{display:none}.message h3{font-size:17px;line-height:1.8;margin:20px 0 8px}.message code{direction:ltr;unicode-bidi:isolate;font:13px ui-monospace,Consolas,monospace;background:var(--soft);padding:2px 4px;border-radius:4px}.message ul{padding-inline-start:24px}.message li{margin-block:6px}
@media(max-width:640px){.sync-controls{padding:6px 12px;gap:4px 8px}.sync-controls button{min-height:36px;font-size:11px}.sync-controls .muted{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.composer textarea{min-height:48px}}

.workflow-controls,.plan-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:12px}.workflow-controls select,.plan-controls select{min-width:0;max-width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.workflow-controls .muted{flex:1;min-width:120px}.workflow-controls button,.plan-controls button{font-size:12px}.plan-controls{padding-block:12px;border-block:1px solid var(--line)}.plan-controls select{flex:1}.plan-controls .muted{flex-basis:100%}.plan-controls[hidden],.workflow-controls[hidden]{display:none}#import-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:35vh;overflow:auto;background:var(--soft);padding:16px;font:inherit;font-size:13px}#import-file{max-width:100%;font-size:12px}#import-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}#import-files{overflow-wrap:anywhere}@media(max-width:640px){.workflow-controls .muted{font-size:11px}.plan-controls{gap:6px;margin-bottom:8px;padding-block:8px}.plan-controls label{flex-basis:100%}.plan-controls .muted{font-size:10px}#execute-plan{width:100%}}

.composer[data-phase="plan"] .access-picker{display:none}@media(max-width:640px){.plan-controls label{flex-basis:auto}.plan-controls select{width:100%;flex-basis:100%}}

/* Hosted workspace selection: calm project rows, explicit cost and lifecycle states. */
.hosted-hub{width:min(850px,100%);margin-inline:auto;padding:40px 40px 28px;overflow:auto;min-height:0;flex:1;text-align:start}
.hosted-hub[hidden]{display:none}.hosted-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.hosted-heading h1{font-size:30px;font-weight:650;margin:8px 0}.hosted-heading p,.hosted-projects>p{font-size:14px;color:var(--muted);line-height:1.9;margin:6px 0}.hosted-mark{font-size:48px;font-weight:300;color:var(--muted);opacity:.55}
.hosted-account{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-block:1px solid var(--line)}.hosted-account strong,.hosted-account .muted{display:block}.hosted-account .muted{font-size:12px;margin-top:4px}.hosted-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hosted-actions button,.button-link{font-size:12px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-link{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;color:var(--ink)}.button-link[hidden]{display:none}.hosted-feedback{font-size:13px;line-height:1.9;min-height:0;margin:16px 0;color:var(--muted)}.hosted-feedback:empty{display:none}.hosted-feedback.error{color:var(--danger)}
.hosted-section-heading{display:flex;gap:12px;align-items:center;margin-top:28px}.hosted-section-heading h2{font-size:16px;margin:0}.hosted-badge{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--muted)}.hosted-project{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.hosted-project-copy{min-width:0;flex:1}.hosted-project-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hosted-project h3{font-size:15px;margin:0;overflow-wrap:anywhere}.hosted-project p{font-size:12px;margin:6px 0 0}.hosted-project-note{color:var(--muted);line-height:1.8}.hosted-state{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.hosted-state:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted)}.hosted-state[data-state=ready]:before{background:#36885d}.hosted-state[data-state=starting]:before,.hosted-state[data-state=deleting]:before{background:#ba8431;animation:hosted-pulse 1.5s ease-in-out infinite}.hosted-empty{padding:22px 0;font-size:13px;color:var(--muted);line-height:1.9}
.hosted-create{margin-top:20px;padding:16px 0;border-bottom:1px solid var(--line)}.hosted-create summary{cursor:pointer;font-size:14px;font-weight:600}.hosted-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.hosted-fields label{display:grid;gap:7px;font-size:12px}.hosted-fields input,.hosted-fields select{width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}.hosted-create form>p{font-size:12px;line-height:1.9}.hosted-create form>button{margin:6px 0 12px}.hosted-review{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.hosted-review h2{font-size:18px;margin:8px 0}.hosted-review p{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.hosted-review dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;padding-block:14px;border-block:1px solid var(--line)}.hosted-review dd{margin:0;font-weight:600}.hosted-review dt:last-of-type,.hosted-review dd:last-of-type{font-size:15px}.hosted-review button.danger-action,.hosted-review button.danger-action:hover{background:var(--danger);color:var(--bg);border-color:var(--danger)}
.hosted-local{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.hosted-local summary{cursor:pointer;font-size:13px}.hosted-local summary span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.hosted-local .hosted-connect{width:100%;margin:20px 0;padding:0;font-size:13px;text-align:start}.hosted-local h2{font-size:15px}.hosted-foot{font-size:10px;color:var(--muted);margin-top:32px}.hosted-dialog{width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.hosted-dialog .hosted-hub{padding:12px 0 0;overflow:visible}.hosted-dialog .hosted-heading{display:none}#hosted-open{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes hosted-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.hosted-state:before{animation:none!important}}
@media(max-width:640px){.hosted-actions button,.hosted-hub .button-link{min-height:44px}.hosted-create summary,.hosted-local summary{min-height:44px}.hosted-hub{padding:24px 18px}.hosted-heading{gap:12px;margin-bottom:20px}.hosted-heading h1{font-size:24px}.hosted-mark{display:none}.hosted-account{align-items:flex-start;flex-direction:column;gap:12px}.hosted-fields{grid-template-columns:1fr;gap:12px}.hosted-project{align-items:flex-start;flex-direction:column;gap:12px}.hosted-project>.hosted-actions{width:100%}.hosted-project>.hosted-actions button{flex:1}.hosted-review{padding:16px}.hosted-review dl{gap:12px 8px;font-size:12px}.hosted-review .hosted-actions button{flex:1}.hosted-dialog{padding:18px}.hosted-local .hosted-connect{width:100%}.hosted-heading p,.hosted-projects>p{font-size:12px}}

main .sync-controls{padding:6px 28px;border-bottom:0;gap:8px}main .sync-controls button{font-size:11px;min-height:28px;padding:2px 8px;background:transparent}main .sync-controls .muted{font-size:11px}.workflow-controls{margin-bottom:8px}.workflow-controls select{min-height:28px;font-size:12px;padding:2px 8px}.message.assistant+.message.assistant{padding-top:4px;margin-top:0}@media(max-width:640px){main .sync-controls{padding:4px 16px}main .sync-controls button{min-height:36px}.workflow-controls select{min-height:36px}}

.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.rail-action,#save,#open-workspace{display:flex;align-items:center;gap:10px}.rail-action .ui-icon{color:var(--muted)}.session-search{position:relative}.session-search>.ui-icon{position:absolute;inset-inline-start:10px;top:11px;color:var(--muted);pointer-events:none}.session-search input{padding-inline-start:36px}.sessions button>.ui-icon{width:15px;height:15px;color:var(--muted)}.sessions button[aria-current=true]>.ui-icon{color:var(--blue)}.empty>.ui-icon{display:block;width:36px;height:36px;color:var(--blue);margin:0 auto 20px}.workflow-summary{color:var(--muted);flex:1}.model-settings summary{cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:6px}.model-settings[open]{flex-basis:100%;order:3}.model-settings-body{padding:12px 0 0}.model-settings-body>select{width:100%}.model-settings .plan-controls{margin:10px 0 0;border-bottom:0}.model-settings .workflow-hint{display:block}.model-settings summary:focus-visible{outline:2px solid var(--blue)}@media(max-width:640px){.workflow-summary{font-size:11px}.model-settings summary{min-height:36px;display:flex;align-items:center}.header-actions>.muted{max-width:110px;line-height:1.5}}

.topbar.workspace-selector{display:none}@media(max-width:640px){.topbar.workspace-selector{display:flex;min-height:52px;padding:8px 16px}}