:root{--brand-primary:#3b82f6;--brand-hover:#2563eb;--bg-app:#090d16;--bg-surface:#111827;--bg-surface-elevated:#1f2937;--bg-surface-hover:#283548;--border-color:#ffffff14;--border-color-strong:#ffffff29;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--text-main:#f9fafb;--text-muted:#9ca3af;--text-faint:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s ease;--shadow-lg:0 10px 25px -5px #00000080;--shadow-md:0 4px 14px -4px #00000080;--header-h:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}img{max-width:100%;display:block}code,kbd,pre{font-family:var(--font-mono)}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.app-shell{grid-template-rows:var(--header-h) 1fr auto;height:100dvh;display:grid;overflow:hidden}.app-footer{border-top:1px solid var(--border-color);background:var(--bg-surface);grid-row:3;justify-content:center;align-items:center;padding:7px 16px;font-size:12px;display:flex}.app-footer a{color:var(--text-faint);transition:color var(--transition-fast);text-decoration:none}.app-footer a:hover{color:var(--brand-primary);text-decoration:underline}.layout{grid-template-columns:var(--chat-width,460px) var(--divider-w,10px) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.tab-radio{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mobile-tabs{display:none}.pane{min-width:0;min-height:0;overflow:hidden}.pane-chat{flex-direction:column;grid-column:1;display:flex}.pane-divider{cursor:col-resize;touch-action:none;outline:none;grid-column:2;position:relative}.pane-divider:after{content:"";background:var(--border-color);transition:background var(--transition-fast);border-radius:2px;position:absolute;inset:0 4px}.pane-divider:hover:after,.pane-divider:focus-visible:after,.pane-divider.dragging:after{background:color-mix(in srgb, var(--brand-primary) 55%, transparent)}.pane-workspace{flex-direction:column;grid-column:3;gap:16px;padding:16px;display:flex;overflow-y:auto}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing *{cursor:col-resize!important}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.header-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{border-radius:var(--radius-sm);width:auto;height:34px}.brand-mark{border-radius:var(--radius-md);background:color-mix(in srgb, var(--brand-primary) 20%, var(--bg-surface-elevated));border:1px solid color-mix(in srgb, var(--brand-primary) 45%, transparent);width:34px;height:34px;color:var(--brand-primary);place-items:center;font-size:18px;display:grid}.brand-text{min-width:0}.brand-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.brand-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-chip{border:1px solid var(--border-color);background:var(--bg-surface-elevated);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.btn{border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-success{background:var(--color-success);color:#04110b}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{border-color:var(--border-color);color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-elevated);color:var(--text-main)}.btn-lg{border-radius:var(--radius-lg);padding:13px 22px;font-size:15px}.btn-block{width:100%}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;place-items:center;font-size:16px;display:grid}.icon-btn:hover{background:var(--bg-surface-elevated);color:var(--text-main)}.input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-app);width:100%;color:var(--text-main);font-size:14px;font-family:var(--font-mono);transition:border-color var(--transition-fast);padding:10px 12px}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 25%, transparent);outline:none}.seg{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.seg button{border-radius:calc(var(--radius-md) - 3px);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;padding:6px 12px;font-size:13px;font-weight:600}.seg button.active{background:var(--bg-surface-elevated);color:var(--text-main)}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-muted{background:var(--bg-surface-elevated);color:var(--text-muted)}.badge-success{background:color-mix(in srgb, var(--color-success) 18%, transparent);color:var(--color-success)}.chat-panel{flex-direction:column;height:100%;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:20px;display:flex;overflow-y:auto}.chat-messages.dragging{outline:2px dashed var(--brand-primary);outline-offset:-8px;background:color-mix(in srgb, var(--brand-primary) 6%, transparent)}.msg{border-radius:var(--radius-lg);overflow-wrap:break-word;max-width:88%;padding:12px 14px;font-size:14px;line-height:1.55}.msg-user{background:color-mix(in srgb, var(--brand-primary) 20%, var(--bg-surface-elevated));border:1px solid color-mix(in srgb, var(--brand-primary) 40%, transparent);align-self:flex-end}.msg-assistant{background:var(--bg-surface-elevated);border:1px solid var(--border-color);align-self:flex-start}.typing{color:var(--text-faint);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.md-figure{margin:8px 0}.md-figure img{border-radius:var(--radius-md);border:1px solid var(--border-color);object-fit:contain;background:var(--bg-app);max-height:220px}.md-figure figcaption{color:var(--text-muted);margin-top:4px;font-size:12px}.inline-code,.code-fence code{font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#00000059;padding:1px 5px;font-size:.9em}.code-fence{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:8px 0;padding:12px;font-size:13px;line-height:1.5;overflow-x:auto}.code-fence code{white-space:pre-wrap;background:0 0;border:0;padding:0}.msg p+p,.md-preview p+p{margin-top:8px}.msg h2,.msg h3,.msg h4,.md-preview h2,.md-preview h3,.md-preview h4{margin:10px 0 6px;line-height:1.3}.msg ul,.msg ol,.md-preview ul,.md-preview ol{margin:6px 0;padding-left:22px}.payload-note{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-success) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);color:var(--color-success);margin-top:10px;padding:8px 10px;font-size:12.5px;font-weight:600}.welcome{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:4px;padding:20px}.welcome-title{margin-bottom:8px;font-size:17px;font-weight:700}.welcome-text{color:var(--text-muted);font-size:13.5px}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-muted);transition:all var(--transition-fast);border-radius:999px;padding:7px 12px;font-size:12.5px}.chip:hover{color:var(--text-main);border-color:color-mix(in srgb, var(--brand-primary) 50%, transparent);background:color-mix(in srgb, var(--brand-primary) 14%, var(--bg-surface-elevated))}.chat-composer{border-top:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;padding:12px}.composer-strip{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.thumb{border-radius:var(--radius-md);border:1px solid var(--border-color);width:64px;height:64px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-x{color:#fff;background:#000000b3;border:0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:2px;right:2px}.thumb-x:hover{background:var(--color-danger)}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-row textarea{resize:none;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-app);min-height:76px;max-height:200px;color:var(--text-main);flex:1;padding:12px 14px;font-size:14px;line-height:1.5}.composer-row textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 25%, transparent);outline:none}.composer-hint{color:var(--text-faint);margin-top:8px;font-size:11.5px}.workspace-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-preview{flex:auto;min-height:280px}.panel-workflow{flex:0 auto}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.panel-header h2{font-size:15px;font-weight:700}.panel-sub{color:var(--text-muted);font-size:12px}.empty-state{text-align:center;color:var(--text-muted);flex:1;align-content:center;place-items:center;gap:10px;padding:40px 24px;font-size:13.5px;display:grid}.empty-icon{opacity:.7;font-size:34px}.file-tabs{border-bottom:1px solid var(--border-color);gap:4px;padding:10px 12px 0;display:flex;overflow-x:auto}.file-tab{border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:0;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;display:flex}.file-tab em{color:var(--text-faint);margin-left:4px;font-size:11px;font-style:normal}.file-tab:hover{background:var(--bg-surface-hover)}.file-tab.active{background:var(--bg-app);border-color:var(--border-color);color:var(--text-main)}.file-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.file-path{font-family:var(--font-mono);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;max-width:50%;margin-left:auto;font-size:11.5px;overflow:hidden}.file-view{background:var(--bg-app);flex:auto;min-height:0;padding:16px;overflow:auto}.file-view .code-fence{background:0 0;border:0;margin:0;padding:0;font-size:13px}.md-preview{max-width:720px}.md-preview p{margin-bottom:10px}.md-preview ul,.md-preview ol{margin:8px 0 10px}.md-preview blockquote{border-left:3px solid var(--brand-primary);color:var(--text-muted);margin:10px 0;padding-left:12px}.md-preview img{border-radius:var(--radius-md);border:1px solid var(--border-color);margin:10px 0}.tok-key{color:#7dd3fc}.tok-str{color:#86efac}.tok-num{color:#fbbf24}.tok-bool{color:#f472b6}.tok-null{color:#c4b5fd;font-style:italic}.stepper{flex-direction:column;padding:6px 16px 12px;list-style:none;display:flex}.step{border-bottom:1px dashed var(--border-color);gap:14px;padding:14px 0;display:flex}.step:last-child{border-bottom:0}.step-num{background:var(--bg-surface-elevated);border:1px solid var(--border-color);width:30px;height:30px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.step-content{flex:1;min-width:0}.step-head{font-size:14px;font-weight:600}.step-body{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.step-hint{color:var(--text-muted);font-size:12.5px;line-height:1.45}.step.active .step-num{background:color-mix(in srgb, var(--brand-primary) 18%, transparent);border-color:var(--brand-primary);color:var(--brand-primary)}.step.done .step-num{background:color-mix(in srgb, var(--color-success) 18%, transparent);border-color:var(--color-success);color:var(--color-success)}.step.done .step-head{color:var(--color-success)}.pr-link,.preview-link{font-size:13.5px;font-weight:600}.rollback-panel{border-top:1px solid var(--border-color);background:var(--bg-app)}.rollback-panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);flex-wrap:wrap;align-items:baseline;gap:10px;padding:14px 16px;list-style:none;display:flex}.rollback-panel>summary::-webkit-details-marker{display:none}.rollback-panel>summary:after{content:"▾";color:var(--text-faint);transition:transform var(--transition-fast);margin-left:auto;font-size:12px}.rollback-panel[open]>summary:after{transform:rotate(180deg)}.rollback-panel>summary:hover{background:var(--bg-surface-elevated)}.rollback-summary-label{font-size:14px;font-weight:700}.rollback-summary-sub{color:var(--text-muted);font-size:12px}.rollback-body{max-height:320px;padding:4px 16px 14px;overflow-y:auto}.rollback-note{color:var(--text-muted);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-info) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--color-info) 22%, transparent);margin-bottom:12px;padding:10px 12px;font-size:12.5px;line-height:1.5}.rollback-loading{color:var(--text-faint);padding:6px 0;font-size:12.5px;animation:1.2s ease-in-out infinite pulse}.rollback-error{color:var(--color-danger);padding:6px 0;font-size:12.5px}.history-list{flex-direction:column;gap:6px;list-style:none;display:flex}.history-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.history-item.current{border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background:color-mix(in srgb, var(--color-success) 6%, var(--bg-surface))}.history-item.confirming{border-color:color-mix(in srgb, var(--color-danger) 55%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, var(--bg-surface))}.hist-dot{background:var(--bg-surface-hover);border:1px solid var(--border-color-strong);border-radius:50%;flex-shrink:0;width:10px;height:10px}.history-item.current .hist-dot{background:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 25%, transparent)}.hist-info{flex:1;min-width:0}.hist-msg{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.hist-meta{color:var(--text-faint);margin-top:3px;font-size:11.5px}.hist-meta code{font-family:var(--font-mono);color:var(--text-muted)}.hist-actions{flex-shrink:0;align-items:center;display:flex}.history-empty{color:var(--text-faint);padding:8px 4px;font-size:12.5px}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.hist-restore.confirming{animation:1.2s ease-in-out infinite confirm-pulse}@keyframes confirm-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-danger) 40%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-danger) 0%, transparent)}}@media (width<=640px){.hist-msg{white-space:normal}.rollback-summary-sub{display:none}}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030712b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:var(--radius-lg);width:min(540px,100%);max-height:90dvh;box-shadow:var(--shadow-lg);padding:22px;animation:.2s modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-header h2{font-size:17px;font-weight:700}.modal-note{background:color-mix(in srgb, var(--color-info) 10%, var(--bg-surface-elevated));border:1px solid color-mix(in srgb, var(--color-info) 30%, transparent);border-radius:var(--radius-md);color:var(--text-muted);margin-bottom:18px;padding:12px 14px;font-size:13px}.field{margin-bottom:18px;display:block}.field-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.masked-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.masked-value{font-family:var(--font-mono);letter-spacing:.02em;background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);-webkit-user-select:none;user-select:none;padding:5px 10px;font-size:14px}.field-hint{color:var(--text-faint);margin-top:6px;font-size:12px;display:block}.field-divider{border-top:1px dashed var(--border-color-strong);color:var(--text-main);margin:4px 0 14px;padding-top:14px;font-size:13px;font-weight:700}.badge-warning{background:color-mix(in srgb, var(--color-warning) 18%, transparent);color:var(--color-warning)}.r2-status{margin-bottom:12px;display:flex}.r2-guide{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-app);margin:0 0 16px;overflow:hidden}.r2-guide summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);padding:10px 12px;font-size:12.5px;font-weight:600;list-style:none}.r2-guide summary::-webkit-details-marker{display:none}.r2-guide summary:before{content:"ℹ️ "}.r2-guide summary:hover{background:var(--bg-surface-elevated);color:var(--text-main)}.r2-guide[open] summary{border-bottom:1px solid var(--border-color);color:var(--text-main)}.r2-steps{color:var(--text-muted);gap:8px;margin:0;padding:12px 14px 12px 34px;font-size:12.5px;line-height:1.6;display:grid}.r2-steps li::marker{color:var(--brand-primary);font-weight:700}.r2-steps .r2-note{color:var(--text-faint);font-style:italic}.modal-actions{justify-content:flex-end;margin-top:20px;display:flex}.toast-container{z-index:120;flex-direction:column;gap:8px;max-width:min(380px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-left:3px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-main);cursor:pointer;padding:12px 16px;font-size:13.5px;animation:.25s toast-in}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-actionable{align-items:center;gap:12px;display:flex}.toast-msg{flex:1}.toast-action{border-radius:var(--radius-sm);background:var(--color-success);color:#04110b;transition:filter var(--transition-fast);border:0;flex-shrink:0;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700}.toast-action:hover{filter:brightness(1.1)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.login-body{background:radial-gradient(1000px 500px at 80% -10%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 60%), var(--bg-app);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:min(420px,100%);box-shadow:var(--shadow-lg);padding:34px 30px}.login-brand{margin-bottom:26px}.brand-mark-lg{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--brand-primary) 20%, var(--bg-surface-elevated));border:1px solid color-mix(in srgb, var(--brand-primary) 45%, transparent);width:56px;height:56px;color:var(--brand-primary);place-items:center;margin:0 auto 14px;font-size:28px;display:grid}.brand-logo-lg{width:auto;height:56px;margin:0 auto 14px}.login-card h1{letter-spacing:-.02em;font-size:22px;font-weight:800}.login-sub{color:var(--text-muted);margin-top:6px;font-size:13px}.login-hint{color:var(--text-faint);margin-top:16px;font-size:12.5px}.login-error{background:color-mix(in srgb, var(--color-danger) 12%, var(--bg-surface-elevated));border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);color:var(--color-danger);border-radius:var(--radius-md);padding:14px;font-size:13.5px;line-height:1.6}.lang-switcher{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.lang-switcher a{border-radius:calc(var(--radius-md) - 3px);letter-spacing:.04em;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);padding:4px 9px;font-size:12px;font-weight:700;text-decoration:none}.lang-switcher a:hover{color:var(--text-main)}.lang-switcher a.active{background:color-mix(in srgb, var(--brand-primary) 18%, var(--bg-surface-elevated));color:var(--text-main);border:1px solid color-mix(in srgb, var(--brand-primary) 45%, transparent)}.login-body>.lang-switcher{position:fixed;top:16px;right:16px}.site-switcher{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.site-switcher select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface-elevated);max-width:200px;color:var(--text-main);cursor:pointer;transition:border-color var(--transition-fast);padding:6px 10px;font-size:13px;font-weight:600}.site-switcher select:hover,.site-switcher select:focus{border-color:color-mix(in srgb, var(--brand-primary) 55%, transparent);outline:none}@media (width<=1023px){.layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.pane-divider{display:none}.mobile-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border-color);gap:6px;padding:10px 12px;display:flex}.mobile-tabs label{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex:1;padding:9px 12px;font-size:13px;font-weight:600}.pane{grid-area:2/1;display:none}#tab-chat:checked~.pane-chat,#tab-workspace:checked~.pane-workspace{display:flex}#tab-chat:checked~.mobile-tabs label[for=tab-chat],#tab-workspace:checked~.mobile-tabs label[for=tab-workspace]{background:color-mix(in srgb, var(--brand-primary) 16%, var(--bg-surface-elevated));border-color:color-mix(in srgb, var(--brand-primary) 50%, transparent);color:var(--text-main)}.pane-chat{border-right:0}.pane-workspace{padding:12px}.panel-preview{flex:60%;min-height:0}.panel-workflow{flex:0 40%}}@media (width<=640px){.hide-sm,.brand-sub{display:none}.app-header{padding:0 12px}.msg{max-width:96%}}