*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;height:100%;min-height:100%}#app{display:flex;flex-direction:column;flex:1 1 auto;min-height:100vh;min-height:100dvh;width:100%}#app>*{flex:1 1 auto;min-height:0;width:100%}.vue-studio-host{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;min-height:100dvh;width:100%}a{color:inherit}dialog.modal,dialog.admin-modal,dialog.studio-dialog,dialog.help-dialog,dialog.help-onboard-dialog,dialog.skill-editor-dialog,dialog.mcp-editor-dialog,dialog.edit-user-modal{margin:auto}dialog.modal[open]:not(:modal),dialog.admin-modal[open]:not(:modal),dialog.studio-dialog[open]:not(:modal),dialog.help-dialog[open]:not(:modal),dialog.help-onboard-dialog[open]:not(:modal),dialog.skill-editor-dialog[open]:not(:modal),dialog.mcp-editor-dialog[open]:not(:modal),dialog.edit-user-modal[open]:not(:modal){position:fixed;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;max-width:min(94vw,40rem);max-height:min(90vh,720px);margin:auto;z-index:100000;overflow:auto}:root{--radius: 12px;--radius-sm: 8px;--radius-md: 10px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .14s;--duration: .2s;--font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-xs: .6875rem;--font-sm: .8125rem;--font-md: .875rem;--font-lg: 1rem;font-family:var(--font)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1100px 520px at 8% -12%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),radial-gradient(900px 480px at 92% -8%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 50%),var(--bg);color:var(--text);height:100vh;height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:var(--font-md);line-height:1.45;touch-action:manipulation;overscroll-behavior:none}::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--scrollbar) 80%,var(--text));background-clip:padding-box;border:2px solid transparent}button,[role=button],a,select,summary,.tree-item,.editor-tab,.files-tab{cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.topbar{position:sticky;top:0;display:flex;align-items:center;gap:.65rem .75rem;padding:.5rem .95rem;min-height:2.85rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);box-shadow:var(--shadow-sm),0 1px #ffffff0a inset;z-index:40;flex-wrap:nowrap;min-width:0}.brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:750;letter-spacing:-.03em;font-size:.98rem;white-space:nowrap;flex:0 0 auto}.brand:before{content:"";width:1.35rem;height:1.35rem;border-radius:7px;background:url(/studio/assets/brand/logo-mark.png?v=20260801) center / cover no-repeat,linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent);flex-shrink:0}.brand>img.brand-mark,.brand-mark-img{width:1.35rem;height:1.35rem;border-radius:7px;object-fit:cover;flex-shrink:0;display:block;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}.brand:has(>img.brand-mark):before{display:none}.muted{color:var(--muted);font-size:.9rem}.topbar-profile-wrap{display:inline-flex;align-items:center;min-width:0;max-width:min(18rem,32vw);flex:0 1 18rem;padding:0;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 70%,transparent);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.topbar-profile-wrap[hidden]{display:none!important}.topbar-profile-wrap:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--elevated) 85%,var(--accent-soft))}.topbar-profile-wrap:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.topbar-profile-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-width:10rem;max-width:100%;margin:0;padding:.28rem 1.7rem .28rem .7rem;border:none;border-radius:inherit;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .55rem center / .7rem;color:color-mix(in srgb,var(--text) 88%,var(--muted));font:inherit;font-size:.78rem;font-weight:600;font-family:var(--mono);letter-spacing:-.02em;line-height:1.3;cursor:pointer;text-overflow:ellipsis}.topbar-profile-select:disabled{opacity:.55;cursor:wait}.topbar-profile-select:focus{outline:none}.topbar-profile-select option{font-family:var(--mono);color:var(--text);background:var(--panel)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar-end{margin-left:auto;display:flex;align-items:center;gap:.4rem;flex:0 0 auto;min-width:0}.status{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;letter-spacing:-.01em;padding:.22rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 65%,transparent);color:var(--muted);white-space:nowrap;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.status:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentColor;opacity:.9;flex-shrink:0;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent)}.status.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--border));background:color-mix(in srgb,var(--ok) 10%,transparent)}.status.err{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--border));background:color-mix(in srgb,var(--error) 10%,transparent)}.topbar-settings-btn{min-width:2rem;padding:.2rem .45rem}.topbar-logout-btn,.topbar-help-btn{font-size:.78rem;padding:.28rem .6rem;white-space:nowrap;border-radius:8px}.topbar-logout-btn.hidden,#install-app-btn.hidden{display:none}.help-dialog{width:min(980px,96vw);max-width:96vw;height:min(860px,94vh);max-height:94vh;padding:0;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(165deg,color-mix(in srgb,var(--panel-2) 80%,transparent),var(--panel));color:var(--text);box-shadow:0 24px 64px var(--shadow)}.help-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help-shell{display:flex;flex-direction:column;height:100%;min-height:0}.help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.help-title{margin:0;font-size:1.05rem;font-weight:600}.help-subtitle{margin:.2rem 0 0;font-size:.85rem}.help-version-line{margin:.35rem 0 0;font-size:.8rem}.help-body-layout{display:grid;grid-template-columns:minmax(140px,200px) 1fr;min-height:0;flex:1}.help-nav{display:flex;flex-direction:column;gap:.15rem;padding:.55rem;border-right:1px solid var(--border);overflow:auto;background:#0000001f}.help-nav-item{text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:.82rem;padding:.4rem .5rem;cursor:pointer}.help-nav-item:hover{background:#ffffff0a}.help-nav-item.active{border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 55%,var(--accent)));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 28%,transparent)}.help-content{padding:.85rem 1rem 1.25rem;overflow:auto;min-width:0;font-size:.9rem;line-height:1.45}.help-content h4{margin:1.15rem 0 .4rem;font-size:.95rem}.help-content h4:first-child{margin-top:.25rem}.help-content h5{margin:.75rem 0 .3rem;font-size:.88rem;font-weight:600;color:var(--muted)}.help-content p,.help-content ol,.help-content ul{margin:.4rem 0}.help-content ol,.help-content ul{padding-left:1.25rem}.help-content li{margin:.25rem 0}.help-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84em;background:#ffffff0f;padding:.05rem .3rem;border-radius:3px}.help-content kbd,.help-kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;background:#ffffff0d}.help-content pre{margin:.45rem 0 0;padding:.55rem .65rem;border-radius:6px;background:var(--code-bg);border:1px solid var(--border);overflow:auto}.help-content pre code{background:none;padding:0;font-size:.8rem;white-space:pre-wrap}.help-content table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.84rem}.help-content th,.help-content td{border:1px solid var(--border);padding:.35rem .5rem;text-align:left;vertical-align:top}.help-content th{background:#ffffff0a;font-weight:600}.help-example{margin:.75rem 0;padding:.55rem .7rem;border-left:3px solid var(--accent);background:#3794ff14;border-radius:0 6px 6px 0}.help-example-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem}.help-tip{margin:.65rem 0;padding:.5rem .65rem;border-radius:6px;background:#e8c4681a;border:1px solid rgba(232,196,104,.25)}.help-warn{margin:.65rem 0;padding:.5rem .65rem;border-radius:6px;background:#f064641a;border:1px solid rgba(240,100,100,.28)}.help-meta{padding:.45rem .6rem;border-radius:6px;background:#ffffff0a;border:1px solid var(--border)}.help-toc{margin:.5rem 0 .75rem;padding:.55rem .7rem;border-radius:6px;background:#ffffff08;border:1px solid var(--border);font-size:.86rem}.help-toc ul{margin:.25rem 0 0;columns:2;column-gap:1.25rem}@media(max-width:640px){.help-toc ul{columns:1}}.help-flow{margin:.85rem 0 1rem;padding:.75rem .65rem;border-radius:12px;border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 55%),#ffffff05;overflow-x:auto}.help-flow-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .65rem .15rem;font-weight:650}.help-flow-track{display:flex;flex-wrap:wrap;align-items:stretch;gap:.35rem .2rem;min-width:min(100%,42rem)}.help-flow-step{flex:1 1 6.5rem;min-width:5.8rem;max-width:9.5rem;padding:.5rem .45rem .55rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel, #161b22) 92%,transparent);box-shadow:inset 0 1px #ffffff0a}.help-flow-step strong{display:block;font-size:.78rem;line-height:1.25;margin-bottom:.2rem}.help-flow-step p{margin:0!important;font-size:.68rem;line-height:1.35;color:var(--muted)}.help-flow-n{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;margin-bottom:.3rem;border-radius:999px;font-size:.65rem;font-weight:750;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}.help-flow-step.is-gate{border-color:color-mix(in srgb,var(--warn, #e0b33a) 45%,var(--border));background:color-mix(in srgb,var(--warn, #e0b33a) 10%,transparent)}.help-flow-step.is-done{border-color:color-mix(in srgb,var(--ok, #3ecf8e) 40%,var(--border));background:color-mix(in srgb,var(--ok, #3ecf8e) 8%,transparent)}.help-flow-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 1rem;color:var(--muted);font-size:.95rem;opacity:.85;-webkit-user-select:none;user-select:none}.help-flow-legend{display:flex;flex-wrap:wrap;gap:.45rem .85rem;margin-top:.7rem;padding-top:.55rem;border-top:1px dashed var(--border);font-size:.72rem;color:var(--muted)}.help-flow-legend span:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.3rem;border-radius:3px;vertical-align:-.05rem;border:1px solid var(--border)}.help-flow-legend .lg-work:before{background:color-mix(in srgb,var(--accent) 22%,transparent)}.help-flow-legend .lg-gate:before{background:color-mix(in srgb,var(--warn, #e0b33a) 35%,transparent);border-color:color-mix(in srgb,var(--warn, #e0b33a) 45%,var(--border))}.help-flow-legend .lg-done:before{background:color-mix(in srgb,var(--ok, #3ecf8e) 30%,transparent);border-color:color-mix(in srgb,var(--ok, #3ecf8e) 40%,var(--border))}.help-swim{width:100%;border-collapse:collapse;font-size:.78rem;margin:.5rem 0 .85rem}.help-swim th,.help-swim td{border:1px solid var(--border);padding:.4rem .5rem;vertical-align:top}.help-swim th{background:#ffffff0a;font-weight:600;white-space:nowrap}.help-swim td code{font-size:.85em}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.55rem 0}@media(max-width:640px){.help-cols{grid-template-columns:1fr}.help-flow-arrow{display:none}.help-flow-step{max-width:none;flex:1 1 100%}}@media(max-width:720px){.help-body-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.help-nav{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border);max-height:7.5rem}}.maintenance-banner{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;background:#3a2810;border-bottom:1px solid #8a6a2a;color:#ffe8b8;font-size:.92rem}.maintenance-banner.hidden{display:none}.maintenance-notice{margin:0 0 .75rem;padding:.65rem .75rem;border-radius:8px;background:#b478142e;border:1px solid rgba(200,150,50,.45);color:#f0d090;font-size:.9rem;line-height:1.35}.maintenance-notice.hidden{display:none}html[data-theme=light] .maintenance-banner{background:#fff6df;border-bottom-color:#e0c070;color:#5c4a14}html[data-theme=light] .maintenance-notice{background:#fff6df;border-color:#e0c070;color:#5c4a14}.upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 1rem;background:#3a2f1a;border-bottom:1px solid #6b5428;color:#f0d9a8}.upgrade-banner.hidden{display:none}.upgrade-banner-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem;min-width:0}.upgrade-banner-title{color:#ffe8b8}.upgrade-banner-text{color:#d4bc8a;font-size:.9rem}.upgrade-banner-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.upgrade-banner .btn.primary{background:#c9a227;border-color:#a8841c;color:#1a1408}.upgrade-banner .btn.primary:hover{filter:brightness(1.08)}.upgrade-banner.upgrade-banner-warn{border-color:#c9a227;background:linear-gradient(90deg,#2a2418,#1a1814)}.upgrade-banner.security-2fa-banner{border-color:#f851498c;background:linear-gradient(90deg,#f8514933,#281212f2);color:#ffd4d1}.upgrade-banner.security-2fa-banner .upgrade-banner-title{color:#ffb4b0}.upgrade-banner.security-2fa-banner .upgrade-banner-text{color:#e8b4b0}.upgrade-banner.security-2fa-banner:not(.hidden){display:flex}.upgrade-banner.security-2fa-banner .btn.primary{background:#c93c37;border-color:#a82f2b;color:#fff}html[data-theme=light] .upgrade-banner.security-2fa-banner{background:linear-gradient(90deg,#f8514924,#fff5f5fa);color:#5c1a1a}html[data-theme=light] .upgrade-banner.security-2fa-banner .upgrade-banner-title{color:#a40e26}html[data-theme=light] .upgrade-banner.security-2fa-banner .upgrade-banner-text{color:#7a2a2a}.upgrade-banner.upgrade-banner-readonly{border-color:#b85c5c;background:linear-gradient(90deg,#2a1818,#1a1414)}body.studio-read-only .chat-input textarea,body.studio-read-only .chat-input button[type=submit],body.studio-read-only .chat-attach-btn,body.studio-read-only #chat-attach-input{opacity:.55;pointer-events:none}:root{--app-height: 100dvh;--app-offset-top: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--mobile-nav-content: 3.15rem;--mobile-nav-total: calc(var(--mobile-nav-content) + var(--safe-bottom))}html.standalone-app,html.ios-standalone,html.phone-studio{height:100%;height:-webkit-fill-available;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html.standalone-app body,html.ios-standalone body,html.phone-studio body{height:100%;height:-webkit-fill-available;height:100dvh;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);min-height:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:var(--app-offset-top, 0px);left:0;right:0;width:100%;margin:0;padding:0;background-color:var(--bg);display:flex;flex-direction:column}html.standalone-app:not(.phone-topbar-hidden) .topbar,html.ios-standalone:not(.phone-topbar-hidden) .topbar,html.phone-studio:not(.phone-topbar-hidden) .topbar{padding-top:max(.35rem,var(--safe-top));padding-left:max(.5rem,var(--safe-left));padding-right:max(.5rem,var(--safe-right));flex-shrink:0}html.phone-topbar-hidden .topbar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:none!important;overflow:hidden!important}html.standalone-app .login-overlay,html.ios-standalone .login-overlay,.studio-boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1.25rem max(1.25rem,env(safe-area-inset-bottom,0px));background:radial-gradient(600px 320px at 20% 0%,rgba(79,140,255,.16),transparent 55%),radial-gradient(500px 280px at 90% 10%,rgba(124,92,255,.12),transparent 50%),var(--bg, #0b0f17);color:var(--text, #e8eef9);font-family:inherit;transition:opacity .28s ease}.studio-boot-overlay.is-hiding{opacity:0;pointer-events:none}.studio-boot-overlay.hidden{display:none!important}.studio-boot-card{text-align:center;width:min(20rem,100%);padding:1.75rem 1.35rem 1.5rem;border-radius:20px;border:1px solid var(--border, rgba(148, 163, 184, .14));background:linear-gradient(165deg,color-mix(in srgb,var(--panel-2, #161d2c) 95%,transparent),color-mix(in srgb,var(--panel, #10151f) 98%,transparent));box-shadow:0 20px 50px #0006}.studio-boot-mark{width:2.75rem;height:2.75rem;margin:0 auto .85rem;border-radius:12px;background:url(/studio/assets/brand/logo-mark.png) center / cover no-repeat,linear-gradient(135deg,var(--accent, #4f8cff),var(--accent-2, #7c5cff));box-shadow:0 8px 24px color-mix(in srgb,var(--accent, #4f8cff) 35%,transparent)}.studio-boot-brand{font-weight:700;font-size:1.2rem;margin-bottom:1.1rem;letter-spacing:-.03em}.studio-boot-spinner{width:2rem;height:2rem;margin:0 auto .9rem;border:2.5px solid color-mix(in srgb,var(--muted, #94a3b8) 28%,transparent);border-top-color:var(--accent, #4f8cff);border-radius:50%;animation:studio-boot-spin .7s linear infinite}.studio-boot-status{color:var(--muted, #94a3b8);font-size:.88rem;min-height:1.35em;line-height:1.4;margin-bottom:.85rem}.studio-boot-bar{height:3px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted, #94a3b8) 18%,transparent)}.studio-boot-bar>i{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--accent, #4f8cff),var(--accent-2, #7c5cff));animation:studio-boot-bar 1.1s ease-in-out infinite}@keyframes studio-boot-spin{to{transform:rotate(360deg)}}@keyframes studio-boot-bar{0%{transform:translate(-120%)}to{transform:translate(280%)}}@media(max-width:700px){.studio-boot-card{padding:1.5rem 1.15rem 1.35rem;border-radius:18px}.studio-boot-brand{font-size:1.1rem}}html.standalone-app .studio-boot-overlay,html.ios-standalone .studio-boot-overlay{padding-top:max(1rem,var(--safe-top));padding-bottom:max(1.25rem,var(--safe-bottom));padding-left:max(1rem,var(--safe-left));padding-right:max(1rem,var(--safe-right))}html.standalone-app .phone-account-backdrop,html.ios-standalone .phone-account-backdrop{top:0;left:0;right:0;bottom:0}html.standalone-app body>#topbar-account-panel.topbar-account-panel,html.ios-standalone body>#topbar-account-panel.topbar-account-panel,html.phone-studio body>#topbar-account-panel.topbar-account-panel{bottom:calc(var(--mobile-nav-total) + .45rem);left:max(.65rem,var(--safe-left));right:max(.65rem,var(--safe-right))}html.ios-device input,html.ios-device select,html.ios-device textarea{font-size:max(16px,1em)}html.ios-standalone .chat-log,html.ios-standalone .chat-log-host,html.ios-standalone .tree,html.ios-standalone .panel,html.phone-studio .chat-log,html.phone-studio .chat-log-host{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(orientation:landscape){html.standalone-app:not(.phone-topbar-hidden) .topbar,html.ios-standalone:not(.phone-topbar-hidden) .topbar{padding-left:max(.75rem,var(--safe-left));padding-right:max(.75rem,var(--safe-right))}}.layout{flex:1;display:flex;min-height:0;position:relative;--files-width: 300px;--chat-width: 40vw}.mode-shell-layout.mode-chat .layout{--files-width: 300px}.layout>.files-panel{order:1}.layout>#resize-files{order:2}.layout>.editor-panel{order:3}.layout>#panel-divider-chat{order:4}.layout>.chat-panel{order:5}.layout>.chat-expand-tab{order:6}.layout.agent-left>.files-panel{order:1}.layout.agent-left>#resize-files{order:2}.layout.agent-left>.chat-panel{order:3}.layout.agent-left>#panel-divider-chat{order:4}.layout.agent-left>.editor-panel{order:5}.layout.agent-left>.chat-expand-tab{order:0}.layout.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.panel-resizing,body.panel-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.panel-resizing iframe,.layout.resizing iframe{pointer-events:none!important}.panel-divider-chat{flex:0 0 4px;width:4px;position:relative;z-index:6;align-self:stretch;flex-shrink:0}.panel-divider-chat>.resize-handle{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;flex:none;z-index:2}.layout:not(.agent-left) #resize-chat:after{top:0;right:0;bottom:0;left:-3px}.layout.agent-left #resize-chat:after{top:0;right:-3px;bottom:0;left:0}.panel-swap-fab{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;margin:0;border:1px solid var(--border);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 85%,transparent) 0%,var(--panel) 100%);color:var(--muted);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--border) 40%,transparent);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.panel-swap-fab:hover{color:var(--text);border-color:var(--border-strong, var(--border));background:var(--hover)}.panel-swap-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-swap-fab[aria-pressed=true],.panel-swap-fab.is-agent-left{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.panel-swap-fab .ui-icon{width:1rem;height:1rem}.panel-divider-chat.chat-collapsed{flex-basis:4px;width:4px}.panel-divider-chat.chat-collapsed>.resize-handle{pointer-events:none;cursor:default}body.panel-resizing .panel-swap-fab{pointer-events:none}.layout.agent-left .chat-panel{border-right:1px solid var(--border);border-left:none}.layout.agent-left .editor-panel{border-left:none}.layout .panel,.vue-studio-host .panel{display:flex;flex-direction:column;min-height:0;min-width:0}.files-panel{flex:0 0 var(--files-width);width:var(--files-width);border-right:1px solid var(--border);overflow:hidden;transition:width .15s ease,flex-basis .15s ease,opacity .15s ease}.files-panel.collapsed{flex:0 0 0!important;width:0!important;opacity:0;pointer-events:none;border:none}.files-tabs{display:flex;align-items:stretch;gap:.15rem;padding:.28rem .25rem .28rem .3rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 80%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));flex-shrink:0;min-width:0}.mode-shell-layout.mode-chat .files-tabs{gap:.12rem}.mode-shell-layout.mode-chat .files-tabs>.files-tab{flex:1 1 0;min-width:0;text-overflow:ellipsis;font-size:.76rem;padding:.38rem .28rem;letter-spacing:-.01em}.mode-shell-layout.mode-chat .files-collapse-btn{flex:0 0 auto;width:1.65rem;min-width:1.65rem;padding-inline:0}.tab-with-help{display:inline-flex;align-items:center;min-width:0;flex:1 1 auto}.files-tabs .tab-with-help{flex:1 1 0}.editor-tabs .tab-with-help,.dashboard-subtabs .tab-with-help{flex:0 0 auto}.tab-with-help>.files-tab{flex:1 1 auto;min-width:0}.help-hint-btn{flex:0 0 auto;box-sizing:border-box;width:1.15rem;height:1.15rem;margin:0 .28rem 0 .1rem;padding:0;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:.68rem;font-weight:700;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;opacity:.7;text-transform:none;letter-spacing:normal}html[data-help-hints=on] .help-hint-btn{display:inline-flex}.help-hint-btn:hover,.help-hint-btn:focus-visible{opacity:1;color:var(--accent);border-color:var(--accent);outline:none;background:#3794ff14}html[data-help-hints-spotlight="1"] .help-hint-btn{opacity:1;color:#fff;border-color:#5eb1ff;background:var(--accent);box-shadow:0 0 0 3px #3794ff73,0 0 14px #3794ffbf;animation:help-hint-pulse 1.15s ease-in-out infinite;z-index:5}@keyframes help-hint-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #3794ff66,0 0 10px #3794ff8c}50%{transform:scale(1.18);box-shadow:0 0 0 5px #3794ff8c,0 0 18px #3794ffe6}}.help-hints-pref{display:flex;align-items:center;gap:.45rem;margin-top:.55rem;font-size:.82rem;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.help-hints-pref input{width:.95rem;height:.95rem;accent-color:var(--accent);cursor:pointer}.help-onboard-dialog{width:min(440px,94vw);max-width:94vw;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text)}.help-onboard-dialog::backdrop{background:var(--overlay)}.help-onboard-shell{padding:1.1rem 1.15rem 1.15rem;display:flex;flex-direction:column;gap:.75rem}.help-onboard-body{margin:0;font-size:.9rem;line-height:1.45;color:var(--muted)}.help-onboard-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.help-onboard-actions .btn{flex:1 1 auto;min-width:8rem}.locale-onboard-hint{font-size:.82rem;line-height:1.4}.locale-onboard-dialog .help-onboard-actions .btn.primary{background:var(--accent);color:#fff;border-color:transparent}.topbar-help-hint{margin:0 .15rem 0 0;align-self:center}.panel-title>.help-hint-btn{margin:0}.chat-panel-title-wrap{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.chat-slash-help{position:absolute;right:.45rem;bottom:.45rem;margin:0;z-index:2}.files-tab{flex:1;border:1px solid transparent;background:transparent;color:var(--muted);padding:.42rem .65rem;font:inherit;font-size:var(--font-sm);font-weight:550;cursor:pointer;border-radius:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.mode-shell-layout.mode-chat .files-tab,#files-panel .files-tabs>.files-tab{padding:.4rem .32rem;font-size:.78rem}.files-tab:hover{color:var(--text);background:var(--hover)}.files-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.files-tab.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-weight:650;box-shadow:inset 0 1px #ffffff0a}.files-collapse-btn{flex:0 0 auto;align-self:center;margin:0 .25rem 0 0;color:var(--muted)}.files-collapse-btn:hover{color:var(--text)}.files-collapse-btn.hidden{display:none}.files-side-view{display:flex;flex-direction:column;flex:1;min-height:0}.files-side-view.hidden{display:none}.git-panel-view{overflow:hidden;display:flex;flex-direction:column;min-height:0}.git-panel-top{flex-shrink:0}.git-panel-title{border-bottom:none}.git-changes-tree{flex:1;min-height:0;overflow:auto;padding:.35rem .5rem}.git-panel-bottom{flex-shrink:0;border-top:1px solid var(--border);background:var(--panel)}.git-tree-file.git-staged{border-left:2px solid var(--ok);padding-left:.25rem}.git-tree-file.git-unstaged{color:#e2c08d}.git-clone-auth-fields{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.git-clone-auth-fields.hidden{display:none}.git-clone-log-label{margin-top:.25rem}.git-clone-log-label.hidden{display:none}.git-clone-log{margin-top:.35rem;max-height:12rem;overflow:auto;padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px;background:#0003;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.git-clone-log.hidden{display:none}.profile-settings-dialog{width:min(720px,96vw);max-height:92vh;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.profile-settings-dialog::backdrop{background:var(--overlay)}.profile-settings-shell{display:flex;flex-direction:column;min-height:0;max-height:88vh}.profile-settings-header{padding:1.1rem 1.35rem .75rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#333 0%,var(--panel) 100%)}.profile-settings-title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.01em}.profile-settings-subtitle{margin:.35rem 0 0;font-size:.8rem;line-height:1.35}.profile-settings-tabs{display:flex;gap:.1rem;padding:0 .65rem;border-bottom:1px solid var(--border);background:var(--elevated);flex-shrink:0;overflow-x:auto;scrollbar-width:thin}.profile-settings-tab{border:none;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.82rem;padding:.7rem .85rem;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;flex-shrink:0}.profile-settings-tab:hover{color:var(--text)}.profile-settings-tab.active{color:var(--text);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--panel) 70%,transparent)}.profile-settings-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.profile-settings-panels{flex:1;min-height:0;overflow:auto;padding:1.15rem 1.35rem .5rem;background:var(--panel)}.profile-settings-panel{display:none}.profile-settings-panel.active{display:block}.profile-settings-panel .settings-group{margin-bottom:1.35rem;padding-bottom:.25rem}.profile-settings-panel .settings-group:last-child{margin-bottom:0}.profile-settings-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.9rem 1.35rem 1.15rem;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.settings-custom-agents{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}.settings-custom-agent-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--panel) 80%,#000 20%)}.settings-custom-agent-info{min-width:0;flex:1}.settings-custom-agent-name{font-weight:600;font-size:.9rem;word-break:break-word}.settings-custom-agent-sub{font-size:.75rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.35rem .5rem .35rem .6rem;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:nowrap;min-height:0;background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 70%,transparent) 0%,transparent 100%),color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);box-shadow:0 1px #ffffff08 inset}.chat-usage-meters{display:flex;align-items:stretch;justify-content:flex-end;gap:.22rem;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow:hidden;padding:0}.context-usage,.agent-usage.context-usage,.usage-meter{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.1rem;flex:1 1 0;min-width:0;max-width:7.5rem;padding:.18rem .32rem .2rem .4rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 55%,transparent) 0%,transparent 100%),color-mix(in srgb,var(--panel) 88%,#000 12%);box-shadow:var(--shadow-sm),inset 0 1px #ffffff09;font-size:var(--font-xs);-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.usage-meter:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.usage-meter-context{border-color:color-mix(in srgb,var(--ok) 32%,var(--border))}.usage-meter-context:before,.usage-meter-runs:before,.usage-meter-model:before{content:"";position:absolute;left:0;top:.22rem;bottom:.22rem;width:2px;border-radius:var(--radius-pill);opacity:.9}.usage-meter-context:before{background:var(--ok)}.usage-meter-runs{border-color:color-mix(in srgb,var(--warn) 30%,var(--border))}.usage-meter-runs:before{background:var(--warn)}.usage-meter-model{border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.usage-meter-model:before{background:var(--accent)}.context-usage-label,.usage-meter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.5rem;font-weight:700;line-height:1.1;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.1rem;max-width:100%}.usage-meter-label-full{display:none}.usage-meter-label-short{display:inline}.context-usage-bar,.usage-meter-bar{width:100%;height:.28rem;background:color-mix(in srgb,var(--code-bg) 90%,#000 10%);border-radius:var(--radius-pill);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);flex-shrink:0}.context-usage-fill{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#2f9b82 0%,var(--ok) 100%);box-shadow:0 0 8px color-mix(in srgb,var(--ok) 30%,transparent);transition:width var(--duration) var(--ease-out)}.usage-meter-runs .context-usage-fill,.usage-meter-runs .agent-usage-fill{background:linear-gradient(90deg,#b8891a 0%,var(--warn) 100%);box-shadow:0 0 8px color-mix(in srgb,var(--warn) 28%,transparent)}.usage-meter-model .context-usage-fill,.usage-meter-model .model-usage-fill{background:linear-gradient(90deg,#4a6fe8 0%,var(--accent) 100%);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 30%,transparent)}.usage-meter-stats{display:flex;align-items:baseline;justify-content:space-between;gap:.2rem;min-width:0;padding-left:.08rem}.context-usage.level-yellow .context-usage-fill{background:linear-gradient(90deg,#b8891a,#d4a017);box-shadow:0 0 8px color-mix(in srgb,#d4a017 28%,transparent)}.context-usage.level-red .context-usage-fill{background:linear-gradient(90deg,#c45a48 0%,var(--error) 100%);box-shadow:0 0 8px color-mix(in srgb,var(--error) 28%,transparent)}.agent-usage.agent-usage-warn .context-usage-fill,.agent-usage.agent-usage-warn .agent-usage-fill{background:linear-gradient(90deg,#b8891a,#d4a017)}.agent-usage.agent-usage-full .context-usage-fill,.agent-usage.agent-usage-full .agent-usage-fill{background:linear-gradient(90deg,#c45a48 0%,var(--error) 100%)}.model-usage .model-usage-fill{background:linear-gradient(90deg,#4a6fe8 0%,var(--accent) 100%)}.model-usage.agent-usage-warn .model-usage-fill{background:linear-gradient(90deg,#b8891a,#d4a017)}.model-usage.agent-usage-full .model-usage-fill{background:linear-gradient(90deg,#c45a48 0%,var(--error) 100%)}.dashboard-model-calls-panel{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.dashboard-model-calls-bar-fill{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#9eb6ff,#5b7cfa 55%,#3d5bd9);box-shadow:0 0 12px #5b7cfa59;transition:height .25s ease}.dashboard-model-calls-bars .dashboard-token-bar-stack{display:flex;align-items:flex-end;height:8.5rem;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--code-bg) 80%,transparent) 100%);border-radius:4px 4px 0 0}.context-usage-percent{font-variant-numeric:tabular-nums;min-width:0;text-align:left;color:var(--text);font-size:.62rem;font-weight:650;letter-spacing:.01em}.context-usage-tokens,.agent-usage-text{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.56rem;color:var(--muted);text-align:right;margin-left:auto;overflow:hidden;text-overflow:ellipsis;max-width:3.6rem}.chat-panel.collapsed .chat-usage-meters{display:none}html[data-theme=light] .usage-meter,html[data-theme=light] .context-usage,html[data-theme=light] .agent-usage.context-usage{background:color-mix(in srgb,var(--panel) 96%,var(--elevated));box-shadow:var(--shadow-sm)}html[data-theme=light] .usage-meter:hover{box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}@container chat (min-width: 420px){.usage-meter-label-full{display:inline}.usage-meter-label-short{display:none}.usage-meter{max-width:8.5rem;padding:.22rem .4rem .24rem .45rem;gap:.12rem}.context-usage-tokens,.agent-usage-text{max-width:4.2rem;font-size:.58rem}}@container chat (max-width: 360px){.chat-panel-header{gap:.28rem;padding:.28rem .4rem .28rem .45rem}.chat-panel-title{font-size:.7rem}.usage-meter{max-width:none;padding:.14rem .28rem .16rem .34rem;gap:.08rem}.usage-meter-bar{height:.22rem}.context-usage-tokens,.usage-meter-runs .context-usage-percent,.usage-meter-model .context-usage-percent{display:none}.usage-meter-runs .agent-usage-text,.usage-meter-model .agent-usage-text{margin-left:0;max-width:100%;font-size:.58rem;color:var(--text);font-weight:650}.context-usage-percent{font-size:.58rem}}@container chat (max-width: 280px){.usage-meter{flex-direction:row;align-items:center;gap:.28rem;padding:.12rem .28rem .12rem .38rem}.usage-meter-label{display:none}.usage-meter-bar{flex:1 1 auto;min-width:1.25rem;width:auto;height:.22rem;order:1}.usage-meter-stats{order:2;flex-shrink:0;padding-left:0}}@media(max-width:720px){.chat-usage-meters{justify-content:flex-end;gap:.2rem}.usage-meter,.context-usage,.agent-usage.context-usage{flex:1 1 0;min-width:0;max-width:none}}.chat-panel-title{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-weight:600}.ssh-key-public{width:100%;resize:vertical;min-height:5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text)}.ssh-key-actions{display:flex;flex-wrap:wrap;gap:.45rem}.git-repo-field{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .65rem .35rem;font-size:.82rem}.git-repo-select{width:100%;padding:.4rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}.git-repo-actions{display:flex;gap:.45rem;padding:0 .65rem .55rem;flex-wrap:wrap}.git-branches-panel{border-bottom:1px solid var(--border);display:flex;flex-direction:column;min-height:0;max-height:11rem}.git-branches-panel.hidden{display:none}.git-branches-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.45rem .65rem .35rem;font-size:.82rem;flex-shrink:0}.git-branches-actions{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.git-branches-list{overflow:auto;min-height:0;padding:0 .45rem .45rem;display:flex;flex-direction:column;gap:.15rem}.git-branches-section-title{font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;padding:.35rem .2rem .15rem}.git-branch-item{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--text);font:inherit;font-size:.8rem;padding:.28rem .45rem;border-radius:4px;cursor:pointer}.git-branch-item:hover{background:var(--hover)}.git-branch-item.selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.git-branch-item.current{font-weight:600}.git-branches-empty{font-size:.78rem;padding:.25rem .2rem;margin:0}.git-commit-field{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .65rem;font-size:.82rem}.git-commit-message{width:100%;resize:vertical;min-height:4.5rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}.git-commit-actions{display:flex;gap:.45rem;padding:0 .65rem .55rem;flex-wrap:wrap}.git-changes-list{flex:1;min-height:0;overflow:auto;padding:.35rem .5rem .75rem}.git-change-row{display:grid;grid-template-columns:1fr;gap:.25rem;padding:.5rem .45rem;border-bottom:1px solid var(--border)}.git-change-path{font-size:.82rem;word-break:break-all}.git-change-meta{font-size:.75rem}.git-change-actions{display:flex;flex-wrap:wrap;gap:.35rem}.git-empty{padding:1rem .65rem;text-align:center}.file-tabs-bar{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;min-height:30px}.file-tabs-bar.hidden{display:none}.file-tab{display:inline-flex;align-items:center;gap:.35rem;border:none;border-right:1px solid var(--border);background:var(--elevated);color:var(--muted);padding:.35rem .55rem;font:inherit;font-size:.78rem;cursor:pointer;white-space:nowrap;max-width:220px}.file-tab.active{background:var(--panel);color:var(--text);border-bottom:2px solid var(--accent)}.file-tab-label{overflow:hidden;text-overflow:ellipsis}.file-tab-close{opacity:.7;font-size:.95rem;line-height:1}.file-tab-close:hover{opacity:1;color:var(--error)}.editor-panel{flex:1 1 auto;min-width:160px;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:visible}.chat-panel{flex:0 0 var(--chat-width);width:var(--chat-width);border-right:none;overflow:hidden;background:color-mix(in srgb,var(--panel) 96%,transparent);container-type:inline-size;container-name:chat;transition:width var(--duration-fast) var(--ease-out),flex-basis var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.chat-panel.collapsed{flex:0 0 0!important;width:0!important;opacity:0;pointer-events:none;border:none}.resize-handle{flex:0 0 4px;width:4px;cursor:col-resize;background:transparent;position:relative;z-index:2;touch-action:none;-webkit-user-select:none;user-select:none}.resize-handle:after{content:"";position:absolute;top:0;right:-8px;bottom:0;left:-8px}.resize-handle:hover,.layout.resizing .resize-handle.active{background:var(--accent)}.resize-handle.hidden{display:none}html.tablet-studio .resize-handle,html.tablet-studio .panel-divider-chat{flex-basis:6px;width:6px}html.tablet-studio .resize-handle:after{top:0;right:-12px;bottom:0;left:-12px}html.tablet-studio .panel-swap-fab{width:1.55rem;height:1.55rem}.chat-expand-tab,.files-expand-tab{position:absolute;top:50%;transform:translateY(-50%);z-index:5;writing-mode:vertical-rl;text-orientation:mixed;padding:.65rem .35rem;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.chat-expand-tab{right:0;border-right:none;border-radius:6px 0 0 6px}.files-expand-tab{left:0;border-left:none;border-radius:0 6px 6px 0;writing-mode:vertical-lr}.chat-expand-tab:hover,.files-expand-tab:hover{color:var(--text);background:var(--hover)}.chat-expand-tab.hidden,.files-expand-tab.hidden{display:none}.icon-btn[aria-pressed=true]{background:var(--active);color:#fff}.icon-btn{min-width:1.85rem;min-height:1.85rem;padding:.2rem .4rem;line-height:1}.icon-btn.refreshing{opacity:.55;pointer-events:none;animation:tree-refresh-spin .8s linear infinite}@keyframes tree-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-title{padding:.5rem .8rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 55%,transparent) 0%,transparent 100%),color-mix(in srgb,var(--panel) 90%,transparent)}.panel-actions{margin-left:auto;display:flex;gap:.35rem}.selected-dir{padding:.35rem .75rem;font-size:.75rem;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-dir.drop-target{outline:1px dashed var(--accent);background:var(--active)}.file-search-form{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .65rem;border-bottom:1px solid var(--border);flex-shrink:0}.file-search-form.hidden{display:none}.file-search-scope{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-search-replace-row.hidden,#file-search-replace-btn.hidden{display:none}.file-search-input{width:100%;box-sizing:border-box;padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font:inherit;font-size:.8rem}.file-search-input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.file-search-options{display:flex;flex-wrap:wrap;gap:.5rem .75rem;font-size:.75rem;color:var(--muted)}.file-search-option{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.file-search-actions{display:flex;gap:.35rem;flex-wrap:wrap}.file-search-results{overflow:auto;flex:1;min-height:0;font-size:.8rem;border-bottom:1px solid var(--border)}.file-search-results.hidden,.file-tree.hidden{display:none}.file-search-summary{padding:.35rem .65rem;font-size:.72rem;border-bottom:1px solid var(--border)}.file-search-empty{padding:.75rem;text-align:center;font-size:.8rem}.file-search-hit{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.4rem .65rem;border:none;border-bottom:1px solid #2a2a2a;background:transparent;color:var(--text);cursor:pointer;font:inherit}.file-search-hit:hover{background:var(--hover)}.file-search-path{color:#9cdcfe;font-size:.78rem;word-break:break-all}.file-search-meta{color:var(--muted);font-size:.72rem}.file-search-preview{color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-tree{overflow:auto;padding:.15rem 0 .4rem;font-size:12px;flex:1;line-height:1.25;scrollbar-width:thin}.file-tree.is-drop-target{outline:1px dashed color-mix(in srgb,var(--accent, #4f8cff) 55%,transparent);outline-offset:-2px;background:color-mix(in srgb,var(--accent, #4f8cff) 8%,transparent)}.file-tree-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.35rem .45rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent, #4f8cff) 10%,var(--panel, transparent));font-size:.75rem}.file-tree-selection-label{font-weight:650;margin-right:.25rem;color:var(--text)}.file-tree-selection-bar .btn{min-height:1.55rem;padding:.15rem .45rem;font-size:.72rem}.vue-file-tree{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:.1rem;min-width:0}.tree-toggle{flex:0 0 auto;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font-size:.65rem;line-height:1;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tree-toggle:hover{color:var(--text);background:var(--hover)}.tree-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tree-toggle.placeholder{visibility:hidden;pointer-events:none}.tree-item{flex:1;min-width:0;padding:.22rem .4rem;cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.tree-item:hover{background:var(--hover)}.tree-item.active{background:var(--active);color:var(--active-fg);font-weight:550}.tree-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tree-item.drop-target{outline:1px dashed var(--accent);background:var(--active)}.tree-dir{color:var(--tree-dir)}.tree-file{color:var(--text)}.tree-children{margin-left:.85rem}.tree-children.collapsed{display:none}.tree-context-menu{position:fixed;z-index:10050;min-width:12.5rem;max-width:min(22rem,calc(100vw - 1rem));margin:0;list-style:none;background:color-mix(in srgb,var(--panel) 96%,#0b1220);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md),0 12px 40px #00000059;padding:.3rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tree-context-menu li{list-style:none;margin:0;padding:0}.tree-context-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:6px;color:var(--text);font:inherit;font-size:var(--font-sm);padding:.42rem .65rem;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.tree-context-menu button:hover:not(:disabled){background:var(--hover)}.tree-context-menu button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tree-context-menu button:disabled{opacity:.45;cursor:not-allowed}.tree-context-menu button.danger{color:var(--error)}.context-menu-separator{height:1px;margin:.25rem 0;background:var(--border);list-style:none}.danger-btn{color:var(--error);border-color:#6b3030}.danger-btn:hover{background:#3a2222;color:#ffb8a8}.agent-features-list{display:grid;gap:.55rem;margin:.5rem 0 .75rem}.agent-feature-row{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start;padding:.55rem .65rem;border:1px solid var(--border, #2a3142);border-radius:8px;background:var(--bg-elevated, rgba(255, 255, 255, .02));cursor:pointer}.agent-feature-row input[type=checkbox]{width:1rem;height:1rem;margin-top:.12rem;accent-color:var(--accent, #5b8cff);cursor:pointer}.agent-feature-body{display:grid;gap:.2rem;min-width:0}.agent-feature-title{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-weight:600}.agent-feature-badge{display:inline-flex;align-items:center;padding:.05rem .35rem;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0b1220;background:linear-gradient(135deg,#7dd3fc,#a78bfa)}.agent-feature-desc{line-height:1.35}.dialog-check{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--muted)}.editor-views{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.editor-host{flex:1;min-height:0}.editor-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;overflow:auto;background:radial-gradient(900px 420px at 50% 18%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%),radial-gradient(700px 380px at 78% 88%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,#000 30%) 0%,var(--bg) 100%);animation:editor-splash-in .45s var(--ease-out, ease-out) both}.editor-splash.hidden{display:none}@keyframes editor-splash-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.editor-splash-card{width:min(100%,36rem);display:flex;flex-direction:column;border-radius:calc(var(--radius) + 4px);border:1px solid color-mix(in srgb,var(--border) 85%,var(--accent) 15%);background:linear-gradient(165deg,color-mix(in srgb,var(--elevated) 70%,transparent) 0%,var(--panel) 100%);box-shadow:var(--shadow-md, 0 12px 40px rgba(0, 0, 0, .28)),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent),inset 0 1px #ffffff0d;overflow:hidden}.editor-splash-art{position:relative;aspect-ratio:16 / 9;max-height:min(38vh,18rem);overflow:hidden;background:#0b0f17}.editor-splash-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(1.05) contrast(1.02)}.editor-splash-art-fade{position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--panel) 55%,transparent) 55%,var(--panel) 100%);pointer-events:none}.editor-splash-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:.35rem 1.35rem 1.35rem}.editor-splash-kicker{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 80%,var(--muted))}.editor-splash-title{margin:0;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--text);max-width:22rem}.editor-splash-hint{margin:.15rem 0 0;font-size:var(--font-sm);line-height:1.5;max-width:26rem}.editor-splash-tips{list-style:none;margin:.85rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.editor-splash-tips li{margin:0;padding:.28rem .65rem;border-radius:var(--radius-pill, 999px);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 65%,transparent);color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.01em}html[data-theme=light] .editor-splash{background:radial-gradient(900px 420px at 50% 18%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 62%),radial-gradient(700px 380px at 78% 88%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 58%),linear-gradient(180deg,#eef2f7 0%,var(--bg) 100%)}html[data-theme=light] .editor-splash-art{background:#10182a}html.mobile-studio .editor-splash{padding:.85rem}html.mobile-studio .editor-splash-art{max-height:28vh}html.mobile-studio .editor-splash-copy{padding:.25rem 1rem 1.1rem}.editor-workspace.is-empty .editor-host,.editor-workspace.is-empty .preview-host,.editor-workspace.is-empty .image-host,.editor-workspace.is-empty #diff-editor{pointer-events:none}.preview-host{flex:1;min-height:0;overflow:auto;padding:1rem 1.25rem;background:var(--bg)}.image-host{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(45deg,color-mix(in srgb,var(--border) 55%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 55%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 55%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 55%,transparent) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:var(--bg)}.image-viewer{display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:100%;max-height:100%}.image-viewer img{display:block;max-width:min(100%,96vw);max-height:min(78vh,100%);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 8px 28px color-mix(in srgb,#000 28%,transparent);background:color-mix(in srgb,var(--panel, var(--bg)) 92%,#fff 8%)}.image-preview-meta{margin:0;font-size:.8rem;text-align:center;word-break:break-all}.image-preview-error{margin:0;font-size:.85rem;color:var(--danger, #e35d6a);text-align:center}.hidden{display:none!important}.chat-log-host{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.session-todos{flex:0 0 auto;margin:0 0 .4rem;padding:.35rem .55rem .4rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--accent, #6c8cff) 8%,var(--panel, #16161c));max-height:9.5rem;overflow:auto}.session-todos-header{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.session-todos-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.12rem}.session-todos-row{display:flex;align-items:flex-start;gap:.4rem;font-size:.78rem;line-height:1.35;color:var(--text)}.session-todos-icon{flex:0 0 auto;width:.9rem;text-align:center;opacity:.9}.session-todos-text{min-width:0;overflow-wrap:anywhere}.session-todos-row.is-progress{font-weight:650;color:color-mix(in srgb,var(--warning, #e0b050) 70%,var(--text))}.session-todos-row.is-done{color:color-mix(in srgb,var(--success, #4caf7a) 75%,var(--text))}.session-todos-row.is-done .session-todos-text{text-decoration:line-through;opacity:.85}.session-todos-row.is-cancelled{color:var(--muted);opacity:.75}.session-todos-more{margin-top:.15rem;font-size:.72rem}.chat-scroll-bottom-btn{position:absolute;right:.85rem;bottom:.75rem;z-index:6;width:2.15rem;height:2.15rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--elevated, #1e1e24) 92%,transparent);color:var(--text, inherit);box-shadow:var(--shadow-md, 0 4px 14px rgba(0, 0, 0, .18));cursor:pointer;opacity:.95;transition:opacity var(--duration-fast, .15s) var(--ease-out, ease),transform var(--duration-fast, .15s) var(--ease-out, ease),background var(--duration-fast, .15s) var(--ease-out, ease)}.chat-scroll-bottom-btn:hover{opacity:1;transform:translateY(-1px);background:color-mix(in srgb,var(--elevated, #1e1e24) 100%,var(--accent, #6c8cff) 8%)}.chat-scroll-bottom-btn:focus-visible{outline:2px solid var(--accent, #6c8cff);outline-offset:2px}.chat-scroll-bottom-icon{display:block;width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-.12rem);opacity:.9}.view-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--muted);font-size:.9rem;text-align:center;pointer-events:all}.view-loading[hidden]{display:none!important}.view-loading-spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--accent, #3794ff);border-radius:50%;animation:view-loading-spin .75s linear infinite;flex-shrink:0}@keyframes view-loading-spin{to{transform:rotate(360deg)}}.view-loading-text{max-width:16rem;line-height:1.35}.is-view-loading{position:relative}.is-view-loading>*:not(.view-loading){pointer-events:none}.chat-log-host>.chat-log{flex:1;min-height:0;overflow:auto;padding:.85rem .8rem 1rem;display:flex;flex-direction:column;gap:.65rem;scroll-behavior:auto}.chat-log-host>.chat-log.hidden{display:none!important}.chat-panel-heading{font-size:.875rem;font-weight:650}.chat-log{flex:1;overflow:auto;padding:.85rem .8rem 1rem;display:flex;flex-direction:column;gap:.65rem}.msg{padding:.7rem .9rem;border-radius:var(--radius);font-size:var(--font-md);line-height:1.55;word-break:break-word;position:relative;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out)}.msg-body{white-space:pre-wrap}.msg.user{background:linear-gradient(160deg,color-mix(in srgb,var(--user) 88%,var(--accent-soft)) 0%,var(--user) 100%);align-self:flex-end;max-width:92%;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));border-bottom-right-radius:6px}.msg.assistant{background:color-mix(in srgb,var(--assistant) 96%,transparent);padding-right:4.5rem;border-bottom-left-radius:6px}.msg.assistant.rendered .msg-body{white-space:normal}.msg.tool,.msg.is-tool-call{background:var(--msg-tool);color:var(--muted);font-size:var(--font-sm);border-style:dashed;box-shadow:none;padding:.45rem .65rem}.msg-tool-wrap{display:flex;flex-direction:column;gap:.4rem}.msg-tool-head{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;flex-wrap:nowrap;gap:.35rem;width:100%;margin:0;padding:.1rem 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap}.msg-tool-head:disabled{cursor:default}.msg-tool-head:not(:disabled):hover .msg-tool-name{text-decoration:underline;text-underline-offset:.15em}.msg-tool-chevron{flex:0 0 auto;width:.9rem;opacity:.8}.msg-tool-name{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.msg-tool-full{margin:0;padding:.45rem 0 .15rem;border-top:1px dashed var(--border, rgba(127, 127, 127, .35));white-space:pre-wrap;word-break:break-word;font:inherit;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.8rem;line-height:1.45;max-height:min(28rem,60vh);overflow:auto}.msg.tool-expanded{max-width:100%}.msg.system{background:var(--msg-system);color:var(--msg-system-fg);font-size:var(--font-sm);box-shadow:none}.msg.subagent{background:var(--msg-subagent);border-left:3px solid var(--accent);box-shadow:none}.msg.error{background:var(--msg-error-bg);color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.dialog-hint.error{color:var(--error);margin-top:.35rem}.msg.thinking{color:var(--muted);font-style:italic}.msg-toggle{position:absolute;top:.35rem;right:.35rem;font-size:.65rem;padding:.1rem .35rem;opacity:.55}.msg.assistant:hover .msg-toggle{opacity:1}.btn.active-view{background:var(--active);border-color:var(--accent);color:#fff}.markdown-body{font-size:.9rem;line-height:1.55;color:var(--text)}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1.1em 0 .45em;font-weight:650;line-height:1.3;letter-spacing:-.02em;color:var(--text)}.markdown-body h1{font-size:1.35rem;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h2{font-size:1.15rem}.markdown-body h3{font-size:1.02rem}.markdown-body p{margin:.55em 0}.markdown-body ul,.markdown-body ol{margin:.55em 0;padding-left:1.5em}.markdown-body li{margin:.2em 0}.markdown-body blockquote{margin:.65em 0;padding:.4em .8em;border-left:3px solid var(--accent);color:var(--muted);background:color-mix(in srgb,var(--assistant) 80%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-body code{font-family:var(--mono);font-size:.85em;background:var(--msg-tool);padding:.12em .35em;border-radius:5px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.markdown-body pre{margin:.65em 0;padding:.8rem .9rem;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:auto;box-shadow:inset 0 1px #ffffff08}.markdown-body pre code{background:none;padding:0;font-size:.82em}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body table{border-collapse:collapse;margin:.65em 0;width:100%;font-size:.85em}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:.35rem .55rem;text-align:left}.markdown-body th{background:var(--elevated)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:1em 0}.interaction-panel{border:1px solid #5a4a2a;background:#2a2618;border-radius:6px;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.5rem}.interaction-panel.confirmation{border-color:#7a5a20;background:#2f2412}.interaction-panel.plan-review{border-color:#2a5a7a;background:#1a2830}.interaction-panel:not(.hidden){flex-shrink:0}.agent-view,.agent-view.plan-review-active{overflow:hidden}.agent-view.plan-review-active .chat-log,.agent-view.plan-review-active .chat-log-host,.agent-view.plan-review-active .chat-view-mode-bar,.agent-view.plan-review-active .chat-session-bar,.agent-view.plan-review-active .chat-sessions-list,.agent-view.plan-review-active .agent-tabs-bar,.agent-view.plan-review-active .chat-settings{display:none!important}.agent-view.plan-review-active .interaction-panel.plan-review{flex:1 1 auto;min-height:0;width:100%;max-width:none;overflow:hidden;display:flex;flex-direction:column;margin:0;border-radius:0;border-left:none;border-right:none;border-top:1px solid #2a5a7a;padding:.75rem .9rem}.agent-view.plan-review-active .interaction-panel.plan-review:not(.hidden){flex-shrink:1}.interaction-panel.plan-review .interaction-title{flex-shrink:0;font-size:.95rem;padding-bottom:.55rem;margin-bottom:.15rem;border-bottom:1px solid rgba(55,148,255,.25)}.interaction-panel.plan-review .interaction-body{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;font-size:.92rem;line-height:1.65;padding:.35rem .15rem .5rem}.interaction-panel.plan-review .interaction-body.markdown-body h1{font-size:1.35rem;margin-top:.35em}.interaction-panel.plan-review .interaction-body.markdown-body h2{font-size:1.12rem;margin-top:1em}.interaction-panel.plan-review .interaction-body.markdown-body h3{font-size:1rem}.interaction-panel.plan-review .interaction-body.markdown-body ol,.interaction-panel.plan-review .interaction-body.markdown-body ul{margin:.75em 0;padding-left:1.65em}.interaction-panel.plan-review .interaction-body.markdown-body li{margin:.45em 0}.interaction-panel.plan-review .interaction-body.markdown-body li>p{margin:.25em 0}.interaction-panel.plan-review .interaction-body.markdown-body pre{font-size:.84rem}.interaction-panel.plan-review .interaction-actions{flex-shrink:0;padding-top:.35rem;border-top:1px solid rgba(55,148,255,.18);background:#1a2830}.interaction-panel.plan-review .interaction-hint{flex-shrink:0}.interaction-title{font-weight:600;font-size:.85rem}.interaction-body{font-size:.82rem;line-height:1.45;white-space:pre-wrap;max-height:180px;overflow:auto}.interaction-body.rendered{white-space:normal}.interaction-hint{font-size:.75rem;color:var(--muted)}.interaction-actions{display:flex;flex-wrap:wrap;gap:.35rem}.interaction-actions .btn{font-size:.78rem;padding:.25rem .5rem}.interaction-actions .btn.deny{border-color:#8b3a3a;color:#f0a8a0}.side-tabs{display:flex;align-items:center;gap:.1rem;padding:0 .35rem;border-bottom:1px solid var(--border);flex-shrink:0}.side-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.72rem;letter-spacing:.05em;padding:.55rem .65rem;text-transform:uppercase}.side-tab:hover{color:var(--text)}.side-tab.active{border-bottom-color:var(--accent);color:var(--text)}.side-tabs-collapse{margin-left:auto}.side-view{display:none;flex:1;flex-direction:column;min-height:0;overflow:hidden}.side-view.active{display:flex}.settings-scroll{flex:1;overflow:auto;padding:.75rem}.settings-group{margin-bottom:1.1rem}.settings-group:last-child{margin-bottom:0}.settings-group-title{color:var(--muted);font-size:.7rem;letter-spacing:.06em;margin:0 0 .65rem;text-transform:uppercase}.settings-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.settings-field:last-child{margin-bottom:0}.settings-field-label{color:var(--text);font-size:.78rem}.settings-field-control{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--font-sm);padding:.45rem .55rem;min-height:2.15rem;width:100%;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.settings-field-control:hover{border-color:var(--border-strong)}.settings-field-control:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.settings-field-value{font-size:.8rem;line-height:1.35;word-break:break-word}.settings-mono{font-family:var(--mono);font-size:.74rem}.agent-tabs-bar{display:flex;align-items:stretch;gap:.3rem;padding:.35rem .45rem 0;border-bottom:1px solid var(--border);flex-shrink:0;background:color-mix(in srgb,var(--elevated) 88%,transparent);min-height:2.2rem}.agent-tabs{display:flex;flex:1 1 auto;min-width:0;gap:.25rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:0}.agent-tab{display:inline-flex;align-items:center;gap:.35rem;max-width:11rem;flex:0 0 auto;padding:.4rem .6rem;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--muted);font:inherit;font-size:var(--font-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.agent-tab:hover{background:var(--hover);color:var(--text)}.agent-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.agent-tab.active{background:color-mix(in srgb,var(--panel) 90%,var(--accent-soft));border-color:var(--border);color:var(--text);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.agent-tab-main{font-weight:inherit}.agent-tab-title{overflow:hidden;text-overflow:ellipsis;max-width:8.5rem}.agent-tab-badge{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent);animation:agent-tab-pulse 1.2s ease-in-out infinite}.agent-tab-close{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;margin-left:.1rem;border:none;border-radius:5px;background:transparent;color:inherit;opacity:.55;cursor:pointer;font-size:.85rem;line-height:1;padding:0;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.agent-tab-close:hover{opacity:1;background:var(--hover)}.agent-tab-add{flex:0 0 auto;align-self:center;min-width:1.9rem;margin-bottom:.15rem;font-weight:600}@keyframes agent-tab-pulse{0%,to{opacity:.55}50%{opacity:1}}.chat-session-bar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:flex-end;padding:.45rem .6rem .4rem;border-bottom:1px solid var(--border);flex-shrink:0;background:color-mix(in srgb,var(--elevated) 70%,transparent)}.chat-session-select-wrap{flex:1 1 140px;min-width:0}.chat-session-bar .btn{flex:0 0 auto;margin-bottom:1px}.chat-sessions-list{display:flex;flex-direction:column;gap:.3rem;max-height:9.5rem;overflow:auto;padding:.4rem .5rem;border-bottom:1px solid var(--border);flex-shrink:0;background:color-mix(in srgb,var(--code-bg) 55%,transparent)}.chat-sessions-list.hidden{display:none}.chat-session-row{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;text-align:left;padding:.45rem .55rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;font:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.chat-session-row:hover{background:var(--hover)}.chat-session-row:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-session-row.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--accent-soft)}.chat-session-row-title{font-weight:600;font-size:.8rem}.chat-session-row-sub{font-size:.72rem;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chat-settings{display:flex;flex-direction:column;gap:.28rem;margin-top:.05rem;padding-top:.3rem;border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.chat-settings.is-collapsed{gap:0;padding-top:.2rem}.chat-settings-toggle{display:flex;align-items:center;gap:.35rem;width:100%;margin:0;padding:.22rem .35rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.01em;text-align:left;cursor:pointer;min-height:1.55rem;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.chat-settings-toggle:hover{background:color-mix(in srgb,var(--panel-2, var(--panel)) 70%,transparent);border-color:color-mix(in srgb,var(--border) 70%,transparent);color:var(--text)}.chat-settings-toggle:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.chat-settings-chevron{flex:0 0 auto;width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin:0 .1rem 0 .15rem;opacity:.85;transition:transform var(--duration-fast) var(--ease-out)}.chat-settings:not(.is-collapsed) .chat-settings-chevron{transform:rotate(45deg);margin-top:-.1rem}.chat-settings-summary{display:flex;align-items:center;gap:.28rem;min-width:0;flex:1 1 auto;overflow:hidden}.chat-settings-chip{min-width:0;max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:650;opacity:.9}.chat-settings-chip-model{max-width:12rem;flex:1 1 auto}.chat-settings-sep{flex:0 0 auto;opacity:.45;font-weight:500}.chat-settings-toggle-label{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;font-weight:650}.chat-settings-fields{display:flex;flex-wrap:wrap;gap:.28rem .35rem;align-items:flex-end;width:100%}.chat-setting{display:flex;flex-direction:column;gap:.1rem;flex:1 1 0;min-width:0}.chat-setting-label{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:650}.chat-setting-select{width:100%;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.28rem .4rem;font:inherit;font-size:.8rem;min-height:1.75rem;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat-setting-select:hover{border-color:var(--border-strong)}.chat-setting-select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.agent-usage.hidden{display:none!important}.agent-usage-text{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.68rem}.agent-usage.agent-usage-warn .agent-usage-text{color:#e8c468}.agent-usage.agent-usage-full .agent-usage-text{color:var(--error)}.chat-input-wrap{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:0}#chat-input,.chat-input-row textarea,.chat-input-row #chat-input{border-radius:var(--radius)!important;border:1px solid var(--border)!important;background:var(--input-bg)!important;color:var(--text)!important;min-height:2.2rem;line-height:1.4;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}#chat-input:focus,.chat-input-row textarea:focus,.chat-input-row #chat-input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))!important;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat-input-row{position:relative;display:flex;align-items:flex-end;gap:.15rem;padding:.2rem .22rem .2rem .18rem;border:1px solid var(--border);border-radius:20px;background:var(--input-bg);box-shadow:inset 0 1px #ffffff08;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat-input-row:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.chat-input-row #chat-input{flex:1 1 auto;min-width:0;border:none!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important;min-height:2rem;max-height:8rem;resize:none;padding:.45rem .3rem!important;line-height:1.4;overflow-y:auto}.chat-input-row #chat-input:focus{border:none!important;box-shadow:none!important;outline:none}.chat-attach-btn{flex:0 0 auto;align-self:flex-end;margin-bottom:0;min-width:2rem!important;min-height:2rem!important;width:2rem;height:2rem;padding:.25rem!important;line-height:1;font-size:.95rem;border-radius:999px;border-color:transparent!important;background:transparent!important;color:var(--muted)}.chat-attach-btn:hover{background:var(--hover)!important;border-color:transparent!important;color:var(--text)}.chat-composer-btn,.chat-action-btn{flex:0 0 auto;align-self:flex-end;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin:0;padding:0;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat-composer-btn:active,.chat-action-btn:active{transform:scale(.96)}.chat-composer-btn:disabled{opacity:.4;cursor:not-allowed}.chat-action-btn.chat-send-btn,.chat-send-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 50%,var(--accent)));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 28%,transparent)}.chat-action-btn.chat-send-btn:hover,.chat-send-btn:hover{filter:brightness(1.06)}.chat-action-btn.chat-stop-btn,.chat-action-btn.is-stop,.chat-stop-btn:not(.sr-only){width:auto;min-width:4.25rem;padding:0 .65rem;gap:.3rem;background:color-mix(in srgb,var(--error) 88%,#3a0a0a);color:#fff;border:1px solid color-mix(in srgb,var(--error) 70%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--error) 35%,transparent),0 2px 10px color-mix(in srgb,var(--error) 40%,transparent);filter:none;animation:chat-stop-pulse 1.6s ease-in-out infinite}.chat-action-btn.chat-stop-btn:hover,.chat-action-btn.is-stop:hover{background:color-mix(in srgb,var(--error) 95%,#200505);filter:brightness(1.05)}.chat-action-btn.chat-stop-btn:disabled,.chat-action-btn.is-stop:disabled{animation:none;opacity:.55}.chat-stop-label{font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1;-webkit-user-select:none;user-select:none}@keyframes chat-stop-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--error) 35%,transparent),0 2px 10px color-mix(in srgb,var(--error) 40%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 28%,transparent),0 2px 14px color-mix(in srgb,var(--error) 55%,transparent)}}.chat-composer-icon{display:block;width:.95rem;height:.95rem;background:currentColor;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat}.chat-send-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22l-4-9-9-4 20-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22l-4-9-9-4 20-7z'/%3E%3C/svg%3E");margin-left:.06rem}.chat-stop-icon{width:.7rem;height:.7rem;border-radius:2px;-webkit-mask:none;mask:none;background:currentColor;flex:0 0 auto}.chat-action-btn.chat-stop-btn .chat-stop-icon,.chat-action-btn.is-stop .chat-stop-icon,.chat-form.is-running .chat-action-btn .chat-stop-icon{background:#fff}.chat-action-btn .chat-stop-icon{display:none}.chat-action-btn .chat-send-icon{display:block}.chat-action-btn.is-stop .chat-send-icon,.chat-action-btn.chat-stop-btn .chat-send-icon,.chat-form.is-running .chat-action-btn .chat-send-icon{display:none}.chat-action-btn.is-stop .chat-stop-icon,.chat-action-btn.chat-stop-btn .chat-stop-icon,.chat-form.is-running .chat-action-btn .chat-stop-icon{display:block}#stop-btn.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;min-width:0!important;min-height:0!important}.chat-composer-hint,.chat-slash-help{display:none!important}.chat-attachments{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem .15rem 0}.chat-attachments.hidden{display:none!important}.chat-attach-chip{display:flex;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .35rem .2rem .25rem;border:1px solid var(--border);border-radius:6px;background:#3794ff1a;font-size:.75rem}.chat-attach-chip img{width:2rem;height:2rem;object-fit:cover;border-radius:4px;background:#222;flex:0 0 auto}.chat-attach-chip .chat-attach-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff0f;flex:0 0 auto}.chat-attach-chip .chat-attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9rem}.chat-attach-chip .chat-attach-remove{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.95rem;line-height:1;padding:.1rem .2rem}.chat-attach-chip .chat-attach-remove:hover{color:var(--error, #f66)}.chat-form.chat-drop-active{outline:2px dashed var(--accent);outline-offset:-2px;background:#3794ff0f}.msg.user .msg-attachments{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.msg.user .msg-attachments img{max-width:140px;max-height:100px;border-radius:6px;border:1px solid var(--border);object-fit:cover}.msg.user .msg-attach-file{font-size:.78rem;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem}.slash-suggestions{list-style:none;margin:0 0 .35rem;padding:.25rem;max-height:9.5rem;overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.slash-suggestions.hidden{display:none!important}.slash-suggestions li{padding:.4rem .55rem;font-size:var(--font-sm);cursor:pointer;display:flex;gap:.5rem;align-items:baseline;border-radius:6px;transition:background var(--duration-fast) var(--ease-out)}.slash-suggestions li:hover,.slash-suggestions li.highlighted{background:var(--accent-soft)}.slash-suggestions .slash-cmd{color:var(--link);font-weight:650;flex:0 0 auto;font-family:var(--mono);font-size:.78rem}.slash-suggestions .slash-desc{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-form{border-top:1px solid var(--border);padding:.35rem .5rem .4rem;display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,var(--elevated) 55%,transparent) 0%,transparent 40%),color-mix(in srgb,var(--panel) 96%,transparent)}#chat-input{width:100%;resize:none;background:transparent;color:var(--text);border:none;border-radius:var(--radius);padding:.55rem .35rem;font:inherit}.chat-actions{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:color-mix(in srgb,var(--panel-2) 90%,transparent);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem .85rem;min-height:2rem;cursor:pointer;font:inherit;font-size:var(--font-sm);font-weight:560;letter-spacing:-.01em;text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn.primary{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent-2) 48%,var(--accent)) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}.btn.primary:hover{filter:brightness(1.06);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 34%,transparent)}.btn.small{font-size:var(--font-xs);padding:.22rem .5rem;min-height:1.65rem;border-radius:7px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--panel-2) 78%,var(--accent-soft))}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.studio-dialog{border:1px solid var(--border-strong);border-radius:14px;padding:0;background:linear-gradient(165deg,color-mix(in srgb,var(--panel-2) 80%,transparent),var(--panel));color:var(--text);min-width:320px;max-width:90vw;margin:auto;box-shadow:0 20px 60px var(--shadow)}.studio-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.studio-dialog form{display:flex;flex-direction:column;gap:.65rem;padding:1.1rem 1.15rem}.dialog-title{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.dialog-hint{margin:0;font-size:.8rem}.dialog-label{font-size:.75rem;color:var(--muted);font-weight:550}.dialog-input{width:100%;background:color-mix(in srgb,var(--input-bg) 90%,transparent);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.dialog-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.dialog-actions-stack{flex-direction:column;align-items:stretch}.dialog-actions-stack .btn{width:100%;justify-content:center}.dialog-check{display:flex;align-items:flex-start;gap:.45rem;margin:.65rem 0 .25rem;font-size:.85rem;color:var(--muted, var(--text-muted));cursor:pointer}.dialog-check input{margin-top:.15rem}.email-verify-sent-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:650;letter-spacing:.08em;margin:.35rem 0 0;color:var(--text)}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1.25rem,env(safe-area-inset-bottom,0px));background:#0b0f17;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.login-overlay.hidden{display:none}.login-overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#0b0f17}.login-overlay-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02)}.login-overlay-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 480px at 18% 12%,rgba(79,140,255,.18),transparent 58%),radial-gradient(720px 420px at 88% 78%,rgba(124,92,255,.14),transparent 55%),linear-gradient(180deg,#080b128c,#080b12b8 48%,#080b12e0)}.login-card{position:relative;z-index:1;width:min(400px,calc(100vw - 2rem));display:flex;flex-direction:column;gap:.85rem;padding:1.55rem 1.45rem 1.4rem;border:1px solid color-mix(in srgb,var(--border-strong) 70%,rgba(79,140,255,.25));border-radius:18px;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),linear-gradient(165deg,#161d2c,#10151f 55%,#0d121b);box-shadow:0 28px 80px #0000008c,0 0 0 1px #ffffff0a inset;animation:login-card-in .4s var(--ease-out, ease-out) both}@keyframes login-card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.login-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.15rem}.login-brand-mark{width:3rem;height:3rem;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 8px 22px #4f8cff47,0 0 0 1px #ffffff0f inset;background:#0b0f17}.login-brand-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.login-brand-name{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;color:var(--text, #e8eef9);line-height:1.2}.login-brand-tag{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.login-card h2{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.03em;color:var(--text, #e8eef9)}.login-subtitle{margin:0;color:var(--muted, #94a3b8);line-height:1.45;font-size:.9rem}.login-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted, #94a3b8)}.login-field input{padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--border, #2a3344) 90%,transparent);border-radius:11px;background:#080c14b8;color:var(--text, #e8eef9);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.login-field input:focus{outline:none;border-color:color-mix(in srgb,#4f8cff 70%,var(--border, #2a3344));box-shadow:0 0 0 3px #4f8cff2e}html[data-theme=light] .login-overlay{background:#0b0f17}html[data-theme=light] .login-card,html[data-theme=light] .login-card h2,html[data-theme=light] .login-brand-name{color:#e8eef9}html[data-theme=light] .login-subtitle,html[data-theme=light] .login-field,html[data-theme=light] .login-brand-tag{color:#94a3b8}.login-error{margin:0;color:var(--error);font-size:.9rem}.login-error.login-success{color:var(--success, #3fb950)}.login-error.hidden{display:none}.login-submit{width:100%;margin-top:.35rem;min-height:2.55rem;font-weight:650;letter-spacing:-.01em;border-radius:11px!important}.login-back{width:100%;margin-top:.25rem;border-radius:11px!important}.login-back.hidden{display:none}.login-oidc{width:100%;margin-top:.35rem;border-radius:11px!important;background:#ffffff0a!important;border-color:color-mix(in srgb,var(--border, #2a3344) 80%,#4f8cff)!important}.login-forgot-wrap{margin:-.35rem 0 0;text-align:right}.login-link-btn{background:none;border:none;padding:0;color:var(--accent, #3794ff);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-link-btn:hover{opacity:.9}.login-footer-links{margin:.85rem 0 0;text-align:center;font-size:.9rem}.login-footer-links a{color:var(--accent, #3794ff)}.editor-tabs{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 94%,transparent);flex-shrink:0;padding:0 .2rem 0 .35rem;overflow:visible;min-width:0;position:relative;z-index:25}.editor-tabs-main{display:flex;align-items:stretch;gap:.1rem;flex:1 1 auto;min-width:0;overflow:hidden}.editor-tabs-main>.tab-with-help.is-overflow{display:none!important}.editor-tabs-more-wrap{position:relative;flex:0 0 auto;display:flex;align-items:stretch;margin-left:.1rem}.editor-tabs-more-wrap.hidden{display:none!important}.editor-tabs-more-btn{display:inline-flex;align-items:center;gap:.3rem;max-width:7.5rem;padding-left:.65rem;padding-right:.65rem}.editor-tabs-more-btn[aria-expanded=true],.editor-tabs-more-btn.has-active{color:var(--text);border-bottom-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--panel) 80%,transparent);font-weight:600}.editor-tabs-more-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));font-size:.65rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.editor-tabs-more-count[hidden]{display:none!important}.editor-tabs-more-menu{position:absolute;right:0;top:calc(100% - 1px);z-index:80;min-width:11rem;max-width:min(18rem,70vw);max-height:min(20rem,50vh);overflow:auto;padding:.3rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-md),0 12px 32px #00000047;scrollbar-width:thin}.editor-tabs-more-menu.hidden,.editor-tabs-more-menu[hidden]{display:none!important}.editor-tabs-more-item{display:flex;align-items:center;width:100%;text-align:left;gap:.4rem;padding:.45rem .6rem;border:none;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:var(--font-sm);cursor:pointer;white-space:nowrap}.editor-tabs-more-item:hover,.editor-tabs-more-item:focus-visible{background:var(--hover);outline:none}.editor-tabs-more-item.active{background:var(--accent-soft);color:var(--text);font-weight:650}.editor-tabs-more-item.tab-locked{opacity:.55}.editor-tab{border:none;background:transparent;color:var(--muted);padding:.5rem .85rem;font:inherit;font-size:var(--font-sm);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.editor-tab:hover{color:var(--text);background:var(--hover)}.editor-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.editor-tab.active{color:var(--text);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--panel) 88%,transparent);font-weight:600}.editor-tab.tab-locked,.files-tab.tab-locked{opacity:.55;position:relative}.editor-tab.tab-locked:after,.files-tab.tab-locked:after{content:"";display:inline-block;width:.55rem;height:.55rem;margin-left:.3rem;border-radius:2px;border:1.5px solid currentColor;opacity:.75;vertical-align:.05em;box-shadow:inset .12rem 0 0 currentColor}.editor-workspace,.browser-view,.terminal-view,.subagents-view,.agents-view,.specs-view,.docker-view,.desktop-view,.documents-view,.devices-view,.dashboard-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;position:relative}.editor-workspace:not(.active),.browser-view:not(.active),.terminal-view:not(.active),.subagents-view:not(.active),.agents-view:not(.active),.specs-view:not(.active),.docker-view:not(.active),.desktop-view:not(.active),.documents-view:not(.active),.devices-view:not(.active),.dashboard-view:not(.active){display:none}.dashboard-view{overflow:hidden}.dashboard-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.dashboard-toolbar-actions{align-items:center;flex-wrap:wrap}.dashboard-subtabs{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--elevated) 80%,transparent);border:1px solid var(--border)}.dashboard-subtab{font:inherit;font-size:var(--font-sm);font-weight:550;padding:.32rem .75rem;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.dashboard-subtab:hover{color:var(--text);background:var(--hover)}.dashboard-subtab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dashboard-subtab.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);font-weight:650}.dashboard-pane{display:flex;flex-direction:column;flex:0 0 auto;min-height:auto;width:100%;overflow:visible;gap:.85rem;padding-bottom:1.25rem}.dashboard-pane:not(.active),.dashboard-pane[hidden]{display:none}.dashboard-tokens-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.85rem;align-items:start}.dashboard-tokens-panel{padding:.9rem 1rem 1.15rem;max-width:none}.dashboard-token-profile{font-size:.82rem}.dashboard-tokens-panel .dashboard-token-totals{margin-top:.65rem}.dashboard-tokens-panel .dashboard-token-chart{min-height:160px;margin-top:.75rem}.dashboard-project-label{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-sm)}.dashboard-project-select{font:inherit;font-size:var(--font-sm);max-width:14rem;width:auto;min-width:8rem;min-height:2rem;padding:.3rem .5rem}.dashboard-status{font-size:var(--font-sm);min-width:0}.dashboard-summary{flex:0 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.7rem;padding:0;border-bottom:none;background:transparent}.dashboard-stat-card{position:relative;background:linear-gradient(165deg,color-mix(in srgb,var(--panel-2) 70%,transparent) 0%,var(--panel) 100%);border:1px solid var(--border);border-radius:14px;padding:.8rem .95rem .85rem;min-height:5.1rem;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.dashboard-stat-card:before{content:"";position:absolute;left:0;top:.7rem;bottom:.7rem;width:3px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.9}.dashboard-stat-card--ok:before{background:var(--ok)}.dashboard-stat-card--warn:before{background:var(--warn, #e0b33a)}.dashboard-stat-card--purple:before{background:var(--accent-2)}.dashboard-stat-card--muted:before{background:var(--muted)}.dashboard-stat-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow-sm),0 8px 22px #0000001f;transform:translateY(-1px)}.dashboard-stat-label{font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-left:.45rem;margin:0}.dashboard-stat-value{font-size:1.55rem;font-weight:750;line-height:1.15;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;padding-left:.45rem;margin-top:.2rem}.dashboard-stat-card--info .dashboard-stat-value{color:var(--accent)}.dashboard-stat-card--ok .dashboard-stat-value{color:var(--ok)}.dashboard-stat-card--warn .dashboard-stat-value{color:var(--warn, #e0b33a)}.dashboard-stat-card--purple .dashboard-stat-value{color:var(--accent-2)}.dashboard-stat-hint{font-size:var(--font-xs);margin-top:.28rem;color:var(--muted);padding-left:.45rem;line-height:1.35}.dashboard-main{flex:1 1 auto;min-height:18rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(15rem,.72fr);gap:.85rem;overflow:visible;align-items:stretch}.dashboard-main-board-only{grid-template-columns:1fr;min-height:min(32rem,70vh);overflow:visible}@media(max-width:960px){.dashboard-main{grid-template-columns:1fr;overflow:visible}}.dashboard-board-head{flex-direction:column;align-items:stretch;gap:.55rem}.dashboard-project-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;width:100%}.dashboard-project-filter{flex:0 1 14rem;min-width:10rem;max-width:18rem;min-height:2rem}.dashboard-project-count{font-size:var(--font-xs);white-space:nowrap}.dashboard-projects-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-left:0;flex:1 1 100%;max-height:5.5rem;overflow:auto;scrollbar-width:thin;padding:.1rem 0}.dashboard-project-more{font-size:var(--font-xs);align-self:center;padding:.15rem .35rem}.dashboard-system-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"health health" "processes docker";gap:.85rem;align-items:start}.dashboard-health-panel{grid-area:health}.dashboard-system-layout>.dashboard-section:nth-child(2){grid-area:processes}.dashboard-system-layout>.dashboard-section:nth-child(3){grid-area:docker}@media(max-width:900px){.dashboard-system-layout{grid-template-columns:1fr;grid-template-areas:"health" "processes" "docker"}}.dashboard-health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.65rem}.dashboard-health-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .75rem;background:color-mix(in srgb,var(--elevated) 50%,transparent);min-width:0}.dashboard-health-card.is-ok{border-color:color-mix(in srgb,var(--ok) 30%,var(--border))}.dashboard-health-card.is-bad{border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.dashboard-health-card.is-warn{border-color:color-mix(in srgb,var(--warn) 35%,var(--border))}.dashboard-health-card-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.dashboard-health-card-head strong{flex:1;font-size:var(--font-sm);font-weight:650;min-width:0}.dashboard-health-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0;background:var(--muted)}.dashboard-health-card.is-ok .dashboard-health-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.dashboard-health-card.is-bad .dashboard-health-dot{background:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 18%,transparent)}.dashboard-health-card.is-warn .dashboard-health-dot{background:var(--warn)}.dashboard-health-meta{margin:0;font-size:.75rem;line-height:1.4;word-break:break-word}.dashboard-docker-card{display:flex;flex-direction:column;gap:.5rem}.dashboard-process-row{display:flex;align-items:center;gap:.45rem;padding:.4rem .45rem;border-radius:7px;border:1px solid transparent}.dashboard-process-row:hover{background:var(--hover);border-color:var(--border)}.dashboard-process-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0;background:var(--muted)}.dashboard-process-dot.is-ok{background:var(--ok)}.dashboard-process-dot.is-idle{background:var(--muted)}.dashboard-process-name{flex:1;min-width:0;font-size:var(--font-sm);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-process-meta{font-size:.72rem;flex-shrink:0}.dashboard-processes{max-height:22rem;overflow:auto;scrollbar-width:thin}.dashboard-section{padding:.85rem .95rem 1rem;min-height:0}.dashboard-section-board{overflow:visible;display:flex;flex-direction:column;border-right:none;min-height:min(28rem,62vh);flex:1 1 auto;border-radius:14px}.dashboard-mode .dashboard-section-board{min-height:min(30rem,68vh)}.dashboard-mode .dashboard-main{flex:1 1 auto;min-height:min(28rem,62vh);overflow:visible}.dashboard-mode .dashboard-pane.active{gap:.9rem;overflow:visible;flex:0 0 auto;min-height:auto}.dashboard-aside{overflow:auto;background:transparent;border-left:none;display:flex;flex-direction:column;gap:.85rem;min-height:0}.dashboard-aside .dashboard-section{flex:1 1 auto}.dashboard-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.55rem}.dashboard-section-title{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.dashboard-section-title.studio-surface-title{color:var(--muted)}.dashboard-projects-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-left:0;flex:1 1 100%;max-height:5.5rem;overflow:auto;scrollbar-width:thin}.dashboard-project-chip{font:inherit;font-size:.75rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 55%,transparent);color:var(--text);cursor:pointer;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-project-chip:hover{border-color:var(--accent)}.dashboard-project-chip.active{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent)}.dashboard-board-meta{font-size:.78rem;margin-bottom:.45rem}.dashboard-board{flex:1 1 auto;min-height:16rem;display:flex;flex-direction:column;overflow:visible}.dashboard-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;align-items:stretch;flex:1 1 auto;height:auto;min-height:min(22rem,55vh)}@media(max-width:900px){.dashboard-kanban{grid-template-columns:1fr}}.dashboard-kanban-col{background:color-mix(in srgb,var(--elevated) 40%,transparent);border:1px solid var(--border);border-radius:12px;min-height:12rem;max-height:min(40rem,62vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.dashboard-kanban-col--todo .dashboard-kanban-col-header{border-top:2px solid color-mix(in srgb,var(--muted) 55%,transparent)}.dashboard-kanban-col--progress .dashboard-kanban-col-header{border-top:2px solid color-mix(in srgb,var(--accent) 70%,transparent)}.dashboard-kanban-col--done .dashboard-kanban-col-header{border-top:2px solid color-mix(in srgb,var(--ok) 70%,transparent)}.dashboard-kanban-col-header{display:flex;justify-content:space-between;align-items:center;padding:.55rem .7rem;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:650;background:color-mix(in srgb,var(--panel) 78%,transparent)}.dashboard-kanban-col-title{letter-spacing:-.01em}.dashboard-kanban-count{min-width:1.35rem;height:1.25rem;padding:0 .35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--muted)}.dashboard-kanban-col-body{flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.45rem;min-height:8rem;overflow:auto;scrollbar-width:thin}.dashboard-kanban-col-body.drag-over{outline:2px dashed var(--accent);outline-offset:-4px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.dashboard-kanban-empty{font-size:.78rem;margin:.55rem .25rem;text-align:center;opacity:.85}.dashboard-kanban-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.55rem .6rem;cursor:grab;box-shadow:0 1px 2px #0000001f;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.dashboard-kanban-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 4px 12px #00000024;transform:translateY(-1px)}.dashboard-kanban-card.dragging{opacity:.55}.dashboard-kanban-card-change{font-size:.68rem;margin-bottom:.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono)}.dashboard-kanban-card-text{font-size:.82rem;line-height:1.35;word-break:break-word;font-weight:550}.dashboard-kanban-card-meta{margin-top:.35rem;font-size:.7rem;color:var(--muted, #888)}.dashboard-token-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.45rem}.dashboard-token-total{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;width:100%;border:1px solid var(--border);border-radius:8px;padding:.4rem .35rem;text-align:center;cursor:pointer;background:var(--bg)}.dashboard-token-total:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.dashboard-token-total.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.dashboard-token-total-value{font-size:1rem;font-weight:650}.dashboard-token-total-label{font-size:.68rem}.dashboard-token-total-hint{font-size:.6rem;margin-top:.1rem;opacity:.85}.dashboard-token-toolbar{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.35rem 0 .4rem;flex-wrap:wrap}.dashboard-token-period-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:11rem}.dashboard-token-period{font-size:.78rem;font-weight:600;text-align:center}.dashboard-token-picker-label{display:inline-flex;margin:0}.dashboard-token-picker{font:inherit;font-size:.85rem;font-weight:600;color:var(--text, inherit);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.28rem .45rem;max-width:12rem;cursor:pointer}.dashboard-token-picker:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.dashboard-token-year-picker{width:5.5rem;text-align:center}.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}.dashboard-token-legend{display:flex;flex-wrap:wrap;gap:.65rem 1rem;justify-content:center;margin-bottom:.35rem;font-size:.72rem}.dashboard-token-legend-item{display:inline-flex;align-items:center;gap:.3rem}.dashboard-token-swatch{width:.65rem;height:.65rem;border-radius:2px;flex-shrink:0}.dashboard-token-swatch-prompt{background:color-mix(in srgb,var(--accent) 55%,#3b82f6)}.dashboard-token-swatch-completion{background:color-mix(in srgb,var(--accent) 75%,#22c55e)}.dashboard-token-swatch-other{background:color-mix(in srgb,var(--muted, #888) 70%,var(--border))}.dashboard-token-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.35rem;margin-bottom:.45rem}.dashboard-token-split-cell{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:6px;padding:.3rem .25rem;text-align:center}.dashboard-token-split-value{font-size:.88rem;font-weight:600}.dashboard-token-split-label{font-size:.62rem}.dashboard-token-split-prompt .dashboard-token-split-value{color:color-mix(in srgb,var(--accent) 55%,#3b82f6)}.dashboard-token-split-completion .dashboard-token-split-value{color:color-mix(in srgb,var(--accent) 40%,#16a34a)}.dashboard-token-chart{min-height:9rem}.dashboard-token-bars{display:flex;align-items:flex-end;gap:.2rem;height:9rem;padding:.2rem 0 0}.dashboard-token-bars-dense{gap:.08rem}.dashboard-token-bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.12rem}.dashboard-token-bar-stack{width:72%;max-width:1.5rem;flex:0 0 auto;display:flex;flex-direction:column-reverse;justify-content:flex-start;border-radius:4px 4px 0 0;overflow:hidden;background:color-mix(in srgb,var(--border) 35%,transparent)}.dashboard-token-bars-dense .dashboard-token-bar-stack{width:90%;max-width:none}.dashboard-token-bar-stack-empty{min-height:2px;opacity:.35}.dashboard-token-bar-seg{width:100%;min-height:2px;flex-shrink:1;display:block}.dashboard-token-bar-seg-prompt{background:linear-gradient(180deg,color-mix(in srgb,#60a5fa 80%,white),color-mix(in srgb,var(--accent) 45%,#2563eb))}.dashboard-token-bar-seg-completion{background:linear-gradient(180deg,color-mix(in srgb,#4ade80 70%,white),color-mix(in srgb,var(--accent) 35%,#16a34a))}.dashboard-token-bar-seg-other{background:linear-gradient(180deg,color-mix(in srgb,var(--muted, #aaa) 50%,white),color-mix(in srgb,var(--muted, #888) 80%,var(--border)))}.dashboard-token-bar-label{font-size:.55rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-token-bars-dense .dashboard-token-bar-label{font-size:.48rem}.dashboard-token-hourly-note{font-size:.7rem;margin:.35rem 0 0;text-align:center}.dashboard-token-note{font-size:.72rem;margin:.35rem 0 0}.dashboard-process-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;padding:.28rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.dashboard-process-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-empty-line{font-size:.8rem;margin:.25rem 0}.dashboard-docker-ok{font-size:.8rem;margin:.2rem 0;line-height:1.35}.specs-view{overflow:hidden}.specs-body-wrap{display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1}.specs-project-label{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--font-sm);flex-shrink:0}.specs-project-select{font:inherit;font-size:var(--font-sm);max-width:16rem;min-width:9rem;width:auto;min-height:2rem;padding:.3rem .5rem}.specs-status{font-size:var(--font-sm);min-width:0}.specs-domains{display:flex;flex-wrap:wrap;gap:.4rem;padding:.55rem .75rem;align-items:center;min-height:2.4rem;flex-shrink:0}.specs-domains:empty{display:none}.specs-domain-chip{font:inherit;font-size:.75rem;font-weight:550;padding:.28rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 55%,transparent);color:var(--muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.specs-domain-chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--hover)}.specs-domain-chip.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);font-weight:650}.specs-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:.85rem;overflow:hidden}@media(max-width:900px){.specs-body{grid-template-columns:1fr}}.specs-changes-list{width:auto;min-width:0;flex-shrink:0;overflow:auto;border-right:none;padding:.65rem;display:flex;flex-direction:column;gap:.35rem;scrollbar-width:thin}.specs-row{display:flex;gap:.45rem;width:100%;text-align:left;padding:.55rem .6rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.specs-row:hover{background:var(--hover);border-color:var(--border)}.specs-row.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.specs-badge{width:.55rem;height:.55rem;border-radius:50%;margin-top:.35rem;flex-shrink:0;background:#f0ad4e}.specs-badge.ready{background:#2ecc71}.specs-badge.draft{background:#f0ad4e}.specs-row-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.specs-row-title{font-weight:600;font-size:.88rem}.specs-row-sub{font-size:.75rem}.specs-detail{flex:1;min-width:0;min-height:12rem;overflow:auto;padding:.85rem 1rem 1.1rem;scrollbar-width:thin}.specs-empty{min-height:10rem;border:none;background:transparent;box-shadow:none}.specs-detail-panel.hidden,.specs-empty.hidden{display:none}.specs-detail-header{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.specs-detail-meta{margin:.25rem 0 .75rem;font-size:var(--font-sm)}.specs-mode-row .btn.small.active,.specs-mode-row .btn.small[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dashboard-metrics-panel{padding:.9rem 1rem 1.15rem}.dashboard-processes,.dashboard-docker{display:flex;flex-direction:column;gap:.4rem}.specs-progress{display:flex;flex-direction:column;gap:.65rem;margin:0 0 1rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--elevated) 50%,transparent)}.specs-progress.hidden{display:none!important}.specs-progress .agents-progress-track{height:10px;background:color-mix(in srgb,var(--border) 55%,var(--code-bg))}.specs-progress .agents-progress-bar{min-width:0;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.specs-progress-block{display:flex;flex-direction:column;gap:.3rem}.specs-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.specs-progress-caption{font-size:.72rem;font-weight:600;letter-spacing:.02em}.specs-progress-value{font-size:.68rem;font-variant-numeric:tabular-nums;white-space:nowrap}.specs-new-change-fields.hidden{display:none}#specs-create-progress:not(.hidden){display:flex!important;margin:.5rem 0 .25rem}#specs-create-progress .agents-progress-track{height:10px}#specs-create-progress .agents-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.specs-section-title{margin:.85rem 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.specs-mode-row,.specs-actions-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.specs-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem}.specs-tasks-header .specs-section-title{margin:0}.specs-tasks-hint{font-size:.75rem;margin:.25rem 0 .5rem;line-height:1.35}.specs-tasks{display:flex;flex-direction:column;gap:.45rem}.specs-task-row{display:flex;gap:.55rem;align-items:flex-start;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.specs-task-text{font-size:.9rem}.specs-task-meta{font-size:.75rem;margin-top:.15rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.specs-task-assignee{font:inherit;font-size:.75rem;max-width:10rem;padding:.15rem .3rem;border:1px solid var(--border);border-radius:4px;background:var(--bg, var(--panel));color:inherit}.specs-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;margin-left:.25rem}.editor-workspace .editor-views{flex:1;min-height:0}.browser-toolbar{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.browser-target-label{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;font-size:.85rem}.browser-target-select{flex:1;min-width:0;max-width:420px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}.browser-trailing-slash-label{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;font-size:.8rem;color:var(--muted, #9aa0a6);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.browser-trailing-slash-label input{margin:0}.browser-trailing-slash-label:has(input:disabled){opacity:.55;cursor:default}.browser-share-dialog{min-width:min(28rem,92vw);max-width:36rem}.browser-share-targets-fieldset,.browser-share-access-fieldset{border:1px solid var(--border);border-radius:6px;padding:.55rem .65rem .65rem;margin:.35rem 0 .75rem}.browser-share-targets-fieldset legend,.browser-share-access-fieldset legend{padding:0 .25rem}.browser-share-access-fieldset{display:flex;flex-direction:column;gap:.45rem}.browser-share-access-option{display:flex;align-items:flex-start;gap:.55rem;font-size:.875rem;line-height:1.35;cursor:pointer}.browser-share-access-option input{margin-top:.2rem}.browser-share-access-title{display:block;font-weight:600}.browser-share-access-desc{display:block;font-size:.8rem;margin-top:.1rem}.browser-share-token-row{margin-top:.75rem}.browser-share-targets{display:flex;flex-direction:column;gap:.35rem;max-height:12rem;overflow:auto}.browser-share-target{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.35;cursor:pointer}.browser-share-target input{margin-top:.15rem}.browser-share-target-meta{color:var(--muted, #9aa0a6);font-size:.8rem}.browser-share-create-row{justify-content:flex-start;margin-bottom:.75rem}.browser-share-result{margin-bottom:.5rem}.browser-share-included{margin:.5rem 0 0;padding-left:1.1rem;font-size:.8rem;line-height:1.45}.browser-share-url-row{display:flex;gap:.5rem;align-items:stretch}.browser-share-url-input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.browser-share-copied{color:var(--success, #6fcf97)}.browser-nav-bar{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.browser-url-input{flex:1;min-width:0;padding:.4rem .55rem;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);font:inherit;font-size:.85rem}.browser-url-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--accent)}.browser-url-input:disabled{opacity:.55}.browser-url-error{margin:0;padding:.35rem .65rem;font-size:.8rem;color:#c0392b;background:color-mix(in srgb,#c0392b 8%,var(--panel));border-bottom:1px solid color-mix(in srgb,#c0392b 25%,var(--border))}.browser-url-error.hidden{display:none}.browser-frame{flex:1;width:100%;border:none;background:#fff}.browser-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center;color:var(--muted)}.browser-empty.hidden,.browser-frame.hidden{display:none}.terminal-toolbar{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.terminal-target-label{display:flex;align-items:center;gap:.5rem;flex:1;min-width:180px;font-size:.85rem}.terminal-process-select{flex:1;min-width:0;max-width:420px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}.terminal-follow-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);-webkit-user-select:none;user-select:none}.terminal-status{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.terminal-process-list{display:flex;flex-direction:column;gap:.25rem;max-height:140px;overflow:auto;padding:.4rem .55rem;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.terminal-process-list:empty{display:none}.terminal-process-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.terminal-process-row:hover{background:var(--panel);border-color:var(--border)}.terminal-process-row.active{background:var(--panel);border-color:var(--accent)}.terminal-process-badge{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.terminal-process-badge.running{background:#3ecf8e}.terminal-process-badge.stopped{background:#8b93a7}.terminal-process-badge.warning{background:#f5a623}.terminal-process-badge.error{background:#ff5d5d}.terminal-process-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-process-meta{padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--panel);font-size:.8rem;color:var(--muted);line-height:1.45;flex-shrink:0}.terminal-process-meta.hidden{display:none}.terminal-process-meta strong{color:var(--text)}.terminal-output{flex:1;min-height:160px;margin:0;padding:.75rem .9rem;overflow:auto;background:#0f1115;color:#d6dde8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;border:none}.terminal-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center;color:var(--muted)}.terminal-empty.hidden,.terminal-output.hidden{display:none}.studio-view{display:flex;flex-direction:column;min-height:0;overflow:hidden}.studio-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;padding:.8rem 1.05rem;border-bottom:1px solid var(--border);background:radial-gradient(520px 120px at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--elevated) 75%,transparent) 0%,transparent 100%),color-mix(in srgb,var(--panel) 94%,transparent);flex-shrink:0;flex-wrap:wrap;box-shadow:0 1px #ffffff08 inset}.studio-view-heading{min-width:0;flex:1 1 12rem;display:flex;flex-direction:column;gap:.2rem}.studio-view-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.studio-view-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.studio-view-subtitle,.studio-view-header .desktop-status,.studio-view-header .docker-status{margin:0;font-size:var(--font-sm);line-height:1.4;color:var(--muted);max-width:48rem}.studio-view-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;flex-wrap:wrap;flex:0 1 auto}.studio-view-body{flex:1 1 auto;min-height:0;overflow:auto;padding:.85rem 1rem 1.15rem}.studio-panel-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;margin:0 0 .75rem;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--elevated, var(--panel)) 90%,transparent);font-size:var(--font-sm, .82rem);line-height:1.4}.studio-panel-banner-error{border-color:color-mix(in srgb,var(--error, #f87171) 55%,var(--border));background:color-mix(in srgb,var(--error, #f87171) 12%,transparent);color:var(--error, #f87171)}.studio-panel-banner>span{flex:1 1 auto;min-width:0;word-break:break-word}.studio-surface{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(165deg,color-mix(in srgb,var(--panel-2) 55%,transparent) 0%,var(--panel) 100%);box-shadow:var(--shadow-sm),inset 0 1px #ffffff08;min-width:0}.studio-surface-inset{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--elevated) 55%,transparent);padding:.85rem .9rem}.studio-surface-title{margin:0 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.studio-surface-hint{margin:0 0 .75rem;font-size:var(--font-sm);line-height:1.4}.studio-control{width:100%;min-height:2.1rem;padding:.38rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--font-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.studio-control:hover{border-color:var(--border-strong)}.studio-control:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;white-space:nowrap}.status-pill:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor;opacity:.9}.status-pill-idle{color:var(--muted);background:color-mix(in srgb,var(--elevated) 70%,transparent)}.status-pill-ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--border));background:color-mix(in srgb,var(--ok) 12%,transparent)}.status-pill-error{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--border));background:color-mix(in srgb,var(--error) 10%,transparent)}.status-pill-busy{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,var(--border));background:color-mix(in srgb,var(--warn) 12%,transparent)}.desktop-view{overflow:hidden}.desktop-body{display:flex;flex-direction:column}.desktop-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(15rem,.72fr);gap:.85rem;align-items:stretch;min-height:min(100%,28rem);flex:1}.desktop-main{display:flex;flex-direction:column;min-height:18rem;overflow:hidden}.desktop-aside{display:flex;flex-direction:column;gap:.55rem;padding:.9rem 1rem 1rem}.desktop-field{display:flex;flex-direction:column;gap:.28rem}.desktop-field-label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.desktop-locale-select,.desktop-aside .studio-control{max-width:none;min-width:0}.desktop-facts{margin:.35rem 0 0;padding:.65rem .75rem .65rem 1.25rem;border-radius:var(--radius-sm);border:1px dashed var(--border);background:color-mix(in srgb,var(--code-bg) 55%,transparent);color:var(--muted);font-size:var(--font-sm);line-height:1.45;display:grid;gap:.3rem}.desktop-facts li{padding-left:.1rem}.desktop-status{white-space:normal}.desktop-status-error{color:var(--error)}.desktop-empty,.desktop-hero{flex:1;min-height:16rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1.5rem 1.25rem 1.35rem;text-align:center;border:none;background:transparent;box-shadow:none}.desktop-hero-icon{width:3.4rem;height:3.4rem}.desktop-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(100%,34rem);margin-top:.85rem;text-align:left}.desktop-feature-card{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 55%,transparent)}.desktop-feature-label{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text)}.desktop-feature-text{font-size:.75rem;line-height:1.35}.desktop-preview{flex:1;min-height:0;display:flex;padding:.85rem;overflow:auto}.desktop-preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(12rem,.7fr);gap:.85rem;width:100%;align-items:stretch}.desktop-preview-screen{display:block;width:100%;min-height:14rem;aspect-ratio:16 / 10;max-height:min(48vh,26rem);margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#1e293b,#0f172a 55%,#111827);cursor:pointer;position:relative;box-shadow:var(--shadow-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.desktop-preview-screen:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.desktop-preview-screen:focus-visible{outline:none;box-shadow:var(--focus-ring)}.desktop-preview-img{width:100%;height:100%;object-fit:cover;display:block;background:#0b1220}.desktop-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;text-align:center;color:#e2e8f0;pointer-events:none}.desktop-preview-placeholder .muted{color:#94a3b8;font-size:.82rem}.desktop-preview-icon{font-size:2rem;line-height:1;opacity:.9}.desktop-preview-meta{font-size:.9rem;font-weight:600;letter-spacing:.01em}.desktop-preview-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.65rem;text-align:left}.desktop-open-cta,.desktop-preview-actions .btn.primary{width:100%;min-height:2.4rem;padding:.55rem 1rem;font-size:.92rem}.desktop-preview-caption{max-width:none;margin:0;font-size:var(--font-sm);line-height:1.4}@media(max-width:960px){.desktop-layout,.desktop-preview-grid,.desktop-feature-grid{grid-template-columns:1fr}.desktop-aside{order:-1}}.docker-view{overflow:hidden}.docker-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"compose compose" "containers containers" "images volumes";gap:.85rem;align-items:start}.docker-compose-panel{grid-area:compose}.docker-containers-panel{grid-area:containers}.docker-images-panel{grid-area:images}.docker-volumes-panel{grid-area:volumes}@media(max-width:900px){.docker-layout{grid-template-columns:1fr;grid-template-areas:"compose" "containers" "images" "volumes"}}.docker-compose-panel,.docker-containers-panel,.docker-images-panel,.docker-volumes-panel{padding:.85rem .95rem 1rem;min-width:0}.docker-status{font-size:var(--font-sm);min-width:0}.docker-status-error{color:var(--error)}.docker-compose-head,.docker-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.65rem;flex-wrap:wrap}.docker-compose-head .studio-surface-title,.docker-panel-head .studio-surface-title{margin:0}.docker-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.35rem;padding:0 .4rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 70%,transparent);font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums}.docker-compose-controls{display:grid;grid-template-columns:minmax(12rem,1.4fr) auto auto;gap:.65rem .85rem;align-items:end}@media(max-width:820px){.docker-compose-controls{grid-template-columns:1fr}}.docker-compose-label{display:flex;flex-direction:column;gap:.28rem;min-width:0}.docker-compose-select{width:100%;max-width:none}.docker-compose-options{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:.2rem}.docker-compose-option{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-sm);color:var(--muted);-webkit-user-select:none;user-select:none;cursor:pointer}.docker-compose-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.docker-stacks-list{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;max-width:min(100%,28rem)}.docker-stacks-empty{margin:0;font-size:var(--font-xs)}.docker-stack-chip{display:inline-flex;flex-direction:column;gap:.08rem;padding:.28rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 60%,transparent);font-size:.72rem;line-height:1.25;max-width:14rem}.docker-stack-chip.is-running{border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 10%,transparent)}.docker-stack-chip strong{font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docker-stack-chip-meta{color:var(--muted);font-size:.68rem}.docker-compose-output{margin:.75rem 0 0;padding:.55rem .7rem;max-height:8rem;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);font-family:var(--mono);font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.docker-compose-output.hidden{display:none}.docker-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.7rem;align-content:start}.docker-card-grid.hidden{display:none}.docker-container-card{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .8rem .7rem;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--elevated) 55%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));box-shadow:var(--shadow-sm);min-width:0;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.docker-container-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}.docker-container-card.is-running{border-color:color-mix(in srgb,var(--ok) 28%,var(--border))}.docker-container-card.is-paused{border-color:color-mix(in srgb,var(--warn) 30%,var(--border))}.docker-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem}.docker-card-title{font-weight:650;font-size:var(--font-sm);line-height:1.3;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.docker-state-pill{flex-shrink:0;text-transform:none;letter-spacing:.02em;font-size:.62rem}.docker-state-running,.docker-state-pill.docker-state-running{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--border));background:color-mix(in srgb,var(--ok) 12%,transparent)}.docker-state-paused,.docker-state-pill.docker-state-paused{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,var(--border));background:color-mix(in srgb,var(--warn) 12%,transparent)}.docker-state-stopped,.docker-state-pill.docker-state-stopped{color:var(--muted)}.docker-card-image{margin:0;font-size:.72rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docker-card-ports{display:flex;flex-wrap:wrap;gap:.3rem;min-height:1.35rem}.docker-port-chip{display:inline-flex;align-items:center;padding:.12rem .4rem;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--code-bg) 80%,transparent);font-family:var(--mono);font-size:.65rem;color:var(--link)}.docker-card-actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem;padding-top:.5rem;border-top:1px solid var(--border)}.docker-card-actions .btn.small{min-height:1.7rem;padding:.18rem .45rem;font-size:.68rem}.docker-resource-list{display:flex;flex-direction:column;gap:.4rem;max-height:16rem;overflow:auto;padding-right:.15rem;scrollbar-width:thin}.docker-resource-list.hidden{display:none}.docker-resource-row{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.55rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 45%,transparent);min-width:0}.docker-resource-main{min-width:0;flex:1}.docker-resource-name{font-size:var(--font-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docker-resource-meta{font-size:.7rem;margin-top:.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docker-resource-actions{flex-shrink:0}.docker-resource-empty{margin:0;padding:.85rem .25rem;font-size:var(--font-sm);text-align:center}.docker-resource-empty.hidden{display:none}.docker-empty{min-height:10rem;border:none;background:transparent;box-shadow:none}.docker-empty.hidden{display:none}.browser-view,.terminal-view,.subagents-view,.agents-view,.browser-view.studio-view{overflow:hidden}.browser-view .browser-body.studio-view-body{display:flex;flex-direction:column;gap:.45rem;min-height:0;flex:1 1 auto;padding:.45rem .5rem .5rem;overflow:hidden}.browser-desktop-only{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.45rem}.browser-toolbar-actions .browser-target-label{display:flex;align-items:center;gap:.35rem}.browser-toolbar-actions .browser-target-select{min-width:9rem;width:auto;max-width:14rem}.browser-nav-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.5rem .65rem;flex-shrink:0}.browser-nav-bar .browser-url-input{flex:1 1 12rem;min-width:8rem;width:auto}.browser-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:var(--radius)}.browser-stage.is-device{background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--code-bg, #0a0e16) 88%,#000)}.browser-stage .browser-empty{flex:1 1 auto;min-height:12rem}.browser-device-wrap{flex:1 1 auto;min-height:0;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch}.browser-device-wrap.is-device{align-items:center;justify-content:center;overflow:auto;padding:.65rem .5rem .75rem}.browser-device-shell{flex:1 1 auto;min-width:0;min-height:0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.browser-device-shell.is-device{flex:0 1 auto;width:min(var(--device-w, 390px),100%);max-width:100%;max-height:100%;aspect-ratio:var(--device-w, 390) / var(--device-h, 844);height:auto;border-radius:28px;border:2px solid color-mix(in srgb,var(--border-strong, #445) 80%,#000);background:#0a0a0c;box-shadow:0 0 0 1px #ffffff0f inset,0 18px 48px #00000073,0 2px #ffffff0a;overflow:hidden}.browser-device-chrome{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.5rem;height:1.35rem;background:linear-gradient(180deg,#1a1b1f,#121316);border-bottom:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.65rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.browser-device-notch{width:3.2rem;height:.45rem;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #ffffff14}.browser-device-size{opacity:.75}.browser-stage .browser-frame{flex:1 1 auto;width:100%;height:100%;min-height:0;border:0;background:var(--code-bg);display:block}.browser-device-shell.is-device .browser-frame{flex:1 1 auto;height:100%;background:#fff}.browser-device-label{display:flex;align-items:center;gap:.35rem;font-size:.82rem}.browser-device-select{min-width:9.5rem;max-width:14rem}.layout.browser-focus .editor-panel,.layout.browser-expand .editor-panel{min-width:0}body.panel-resizing .chat-panel,.layout.resizing .chat-panel,body.panel-resizing .files-panel,.layout.resizing .files-panel{transition:none!important}#browser-expand-btn[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent)}.terminal-body{min-height:0;display:flex;flex-direction:column}.terminal-layout{display:grid;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);gap:.85rem;flex:1;min-height:0;height:100%}@media(max-width:900px){.terminal-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(14rem,1fr)}}.terminal-side{display:flex;flex-direction:column;min-height:0;padding:.75rem;overflow:hidden}.terminal-side .studio-surface-title{margin-bottom:.5rem}.terminal-side .terminal-process-list{flex:1;min-height:0;max-height:none;overflow:auto;margin:0;border:none;border-bottom:none;padding:0;background:transparent;flex-shrink:1}.terminal-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}.terminal-main .terminal-process-meta{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.terminal-main .terminal-empty{flex:1;min-height:12rem}.terminal-main .terminal-output{flex:1;min-height:12rem;margin:0;border:none;border-radius:0;overflow:auto}.subagents-body-wrap{min-height:0;display:flex;flex-direction:column}.subagents-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);gap:.85rem}@media(max-width:900px){.subagents-body{grid-template-columns:1fr}}.subagents-list.studio-surface,.subagents-detail.studio-surface{min-height:0;overflow:auto;padding:.65rem}.agents-body{display:grid;grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);gap:.85rem;min-height:0;flex:1}@media(max-width:900px){.agents-body{grid-template-columns:1fr}}.agents-list-col.studio-surface,.agents-detail.studio-surface{padding:.75rem .85rem;min-height:0;overflow:auto}.docker-shell-dialog{width:min(920px,96vw);max-height:90vh}.docker-shell-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.docker-shell-output{margin:0;min-height:320px;max-height:60vh;overflow:auto;padding:.75rem .9rem;background:#0f1115;color:#d6dde8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45;white-space:pre;word-break:normal;border:1px solid var(--border);border-radius:4px}.docker-shell-cursor{display:inline-block;width:.55em;height:1.05em;margin:0 -.05em;background:#d6dde8;vertical-align:text-bottom;animation:docker-shell-cursor-blink 1s step-end infinite}@keyframes docker-shell-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}:root{--shell-height: 280px;--shell-collapsed-height: 32px}.shell-collapsed-bar{flex:0 0 var(--shell-collapsed-height);height:var(--shell-collapsed-height);display:flex;align-items:center;gap:.65rem;padding:0 .65rem;border-top:1px solid var(--border);background:var(--elevated);z-index:20}body.shell-open .shell-collapsed-bar{display:none}.shell-collapsed-hint{font-size:.78rem}.shell-panel{flex:0 0 0;height:0;overflow:hidden;display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--bg);z-index:25;min-height:0}.shell-panel.open{flex:0 0 var(--shell-height);height:var(--shell-height);overflow:hidden}.shell-panel.closed{flex-basis:0;height:0;border-top:none}.shell-resize-handle{flex:0 0 6px;cursor:ns-resize;background:transparent;touch-action:none;position:relative;z-index:3}.shell-resize-handle:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.shell-resize-handle:hover,body.shell-resizing .shell-resize-handle{background:var(--accent)}.shell-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-bottom:1px solid var(--border);background:var(--elevated)}.shell-status{flex:1;min-width:0;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-toolbar-actions{display:flex;gap:.35rem}.shell-xterm{flex:1;min-height:0;width:100%;padding:.15rem .35rem .35rem;position:relative;cursor:text;overflow:hidden;box-sizing:border-box}.shell-xterm .xterm{position:absolute;top:.15rem;right:.35rem;bottom:.35rem;left:.35rem;height:auto!important;width:auto!important}.shell-xterm .xterm-viewport{overflow-y:auto!important}.shell-xterm .xterm-helper-textarea{position:absolute!important;opacity:0!important;left:-9999px!important;top:0!important;width:0!important;height:0!important;z-index:10!important;pointer-events:auto;resize:none;padding:0;border:0;margin:0}body.shell-resizing{cursor:ns-resize;-webkit-user-select:none;user-select:none}.agents-toolbar{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.agents-status{flex:1;font-size:.85rem}.agents-create-dialog{min-width:min(420px,92vw);max-width:min(520px,94vw)}.agents-create-dialog form{gap:.75rem}.agents-create-fields{display:flex;flex-direction:column;gap:.65rem}.agents-create-fields.hidden{display:none}.agents-create-progress{display:flex;flex-direction:column;gap:.55rem;padding:.35rem 0 .15rem}.agents-create-progress.hidden{display:none}.agents-progress-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden;border:1px solid var(--border)}.agents-progress-bar{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#fff));transition:width .35s ease}.agents-progress-label{margin:0;font-size:.85rem;line-height:1.35}.agents-create-error{margin:0;font-size:.85rem;color:var(--danger, #f07178)}.agents-create-error.hidden{display:none}.agents-create-busy .dialog-actions{justify-content:center}.agents-field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}.agents-name-input,.agents-brief-input,.agents-model-select{font:inherit;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg, var(--panel));color:inherit}.agents-brief-input{resize:vertical}.agents-body{display:grid;grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);gap:.85rem;flex:1;min-height:0;overflow:hidden}.agents-list-col{overflow:auto;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.35rem;border-right:none}.agents-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.agents-row{padding:.45rem .5rem;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:var(--panel)}.agents-row:hover{border-color:var(--accent)}.agents-row.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.agents-row-title{font-weight:600;font-size:.9rem;word-break:break-word}.agents-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.agents-detail-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0 .75rem}.agents-detail-desc-input,.agents-detail-prompt-input,.agents-detail-brief-input{width:100%;box-sizing:border-box;margin-top:.25rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg, #1e1e1e);color:var(--text);font:inherit;resize:vertical}.agents-prompt-field{gap:.35rem}.agents-prompt-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.agents-detail-prompt-view{margin-top:.15rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg, #1e1e1e);max-height:min(50vh,28rem);overflow:auto;font-size:.88rem;line-height:1.45}.agents-detail-prompt-view.hidden{display:none}.agents-detail-prompt-view>:first-child{margin-top:0}.agents-detail-prompt-view>:last-child{margin-bottom:0}.agents-detail-prompt-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.4;min-height:12rem}.agents-detail-prompt-input.hidden{display:none}.agents-builtin{display:flex;flex-wrap:wrap;gap:.3rem}.agents-builtin-chip{font-size:.7rem;padding:.15rem .4rem;border-radius:999px;border:1px solid var(--border);background:var(--panel)}.agents-detail{overflow:auto;padding:.75rem}.agents-empty{color:var(--muted);padding:1rem 0}.agents-empty.hidden,.agents-detail-panel.hidden{display:none}.agents-detail-header{font-size:1.05rem;font-weight:600}.agents-detail-meta{font-size:.8rem;margin:.25rem 0 .75rem}.agents-section-title{margin:.5rem 0 .35rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.agents-detail-desc{margin:0;font-size:.9rem;line-height:1.4}.agents-detail-prompt{margin:0;padding:.55rem;border:1px solid var(--border);border-radius:6px;background:var(--panel);font-size:.78rem;white-space:pre-wrap;max-height:50vh;overflow:auto}@media(max-width:900px){.agents-body{grid-template-columns:1fr}.agents-list-col{border-right:none;border-bottom:1px solid var(--border);max-height:12rem}}.subagents-toolbar{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.subagents-status{font-size:.82rem;flex:1;min-width:140px}.subagents-follow-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);-webkit-user-select:none;user-select:none}.subagents-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);gap:.85rem;overflow:hidden}.subagents-list{overflow:auto;border-right:none;background:transparent;padding:.65rem;display:flex;flex-direction:column;gap:.25rem}.subagents-row{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding:.45rem .5rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.subagents-row:hover{background:var(--panel);border-color:var(--border)}.subagents-row.active{background:var(--panel);border-color:var(--accent)}.subagents-badge{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0;margin-top:.35rem}.subagents-badge.running{background:#3ecf8e}.subagents-badge.stopped{background:#8b93a7}.subagents-badge.warning{background:#f5a623}.subagents-badge.error{background:#ff5d5d}.subagents-row-main{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.subagents-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagents-row-sub,.subagents-row-activity{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagents-detail{min-height:0;overflow:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem}.subagents-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center;color:var(--muted)}.subagents-empty.hidden,.subagents-detail-panel.hidden{display:none}.subagents-detail-header{font-size:1rem}.subagents-detail-meta{font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.subagents-section-title{margin:.6rem 0 .25rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.subagents-task{margin:0;padding:.55rem .65rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:.82rem;white-space:pre-wrap;word-break:break-word;max-height:180px;overflow:auto}.subagents-result{margin:0;padding:.55rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-size:.88rem;line-height:1.45;word-break:break-word;max-height:min(50vh,420px);overflow:auto}.subagents-result.subagents-result-empty{white-space:pre-wrap;color:var(--muted);font-size:.82rem}.subagents-result.markdown-body>:first-child{margin-top:0}.subagents-result.markdown-body>:last-child{margin-bottom:0}.subagents-result.markdown-body pre{max-height:220px;overflow:auto}.subagents-activity{display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow:auto;padding:.45rem .55rem;border:1px solid var(--border);border-radius:4px;background:var(--bg)}.subagents-activity-row{display:grid;grid-template-columns:auto 1fr;gap:.35rem .55rem;font-size:.8rem;padding:.2rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.subagents-activity-row:last-child{border-bottom:none}.subagents-activity-time{font-variant-numeric:tabular-nums;white-space:nowrap}.subagents-activity-msg{font-weight:500}.subagents-activity-details{grid-column:2;font-size:.75rem;white-space:pre-wrap;word-break:break-word}.subagents-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;margin-left:.35rem;padding:0 .3rem;border-radius:999px;background:var(--accent, #5b8cff);color:#fff;font-size:.65rem;font-weight:700;line-height:1}.subagents-tab-badge.is-failed{background:#ff5d5d}@media(max-width:900px){.subagents-body{grid-template-columns:1fr}.subagents-list{max-height:160px;border-right:none;border-bottom:1px solid var(--border)}}html[data-theme=light] .status.ok{color:var(--ok)}html[data-theme=light] .help-dialog::backdrop{background:var(--overlay)}html[data-theme=light] .activity-btn:hover,html[data-theme=light] .tree-item:hover,html[data-theme=light] .file-tab:hover,html[data-theme=light] .ctx-menu-item:hover{background:var(--hover)}html[data-theme=light] .activity-btn.active,html[data-theme=light] .tree-item.active,html[data-theme=light] .file-tab.active{background:var(--active);color:var(--active-fg)}html[data-theme=light] .tree-dir{color:var(--tree-dir)}html[data-theme=light] .msg.tool{background:var(--msg-tool);color:var(--muted)}html[data-theme=light] .msg.system{background:var(--msg-system);color:var(--msg-system-fg)}html[data-theme=light] .msg.subagent{background:var(--msg-subagent)}html[data-theme=light] .msg.error{background:var(--msg-error-bg);color:var(--error)}html[data-theme=light] .markdown-body th,html[data-theme=light] .markdown-body code,html[data-theme=light] .markdown-body pre{background:var(--code-bg)}html[data-theme=light] .markdown-body a{color:var(--link)}html[data-theme=light] .editor-tabs,html[data-theme=light] .panel-tabs,html[data-theme=light] .sidebar-header{background:var(--tab-bar)}html[data-theme=light] .chat-input,html[data-theme=light] textarea,html[data-theme=light] input[type=text],html[data-theme=light] input[type=password],html[data-theme=light] input[type=search],html[data-theme=light] input[type=number],html[data-theme=light] input[type=url],html[data-theme=light] select{background:var(--input-bg);color:var(--text);border-color:var(--border)}html[data-theme=light] .login-card,html[data-theme=light] .modal,html[data-theme=light] .dialog,html[data-theme=light] .ctx-menu{background:var(--panel);color:var(--text);box-shadow:0 8px 28px var(--shadow)}html[data-theme=light] .btn{background:var(--panel);color:var(--text);border-color:var(--border)}html[data-theme=light] .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=light] .btn:hover{border-color:var(--accent)}html[data-theme=light] .topbar,html[data-theme=light] .status-bar,html[data-theme=light] .sidebar,html[data-theme=light] .right-panel,html[data-theme=light] .bottom-panel{background:var(--panel);border-color:var(--border)}html[data-theme=light] .tree-item.drop-target{background:var(--active);outline-color:var(--accent)}html[data-theme=light] .msg.user{background:var(--user)}html[data-theme=light] .msg.assistant{background:var(--assistant)}html[data-theme=light] .composer,html[data-theme=light] .chat-composer,html[data-theme=light] #composer,html[data-theme=light] .prompt-box{background:var(--panel);border-color:var(--border)}html[data-theme=light] .file-tab{background:var(--elevated);color:var(--muted);border-color:var(--border)}html[data-theme=light] .file-tab.active{background:var(--panel);color:var(--text);border-bottom-color:var(--accent)}html[data-theme=light] .monaco-editor,html[data-theme=light] .monaco-editor-background,html[data-theme=light] .margin{background-color:var(--bg)!important}html[data-theme=light] .xterm{background:var(--panel)}html[data-theme=light] .studio-boot-overlay{background:var(--bg);color:var(--text)}html[data-theme=light] code{background:var(--code-bg);color:var(--text)}html[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--scrollbar)}html[data-theme=light] .activity-bar{background:var(--elevated);border-color:var(--border)}html[data-theme=light] .settings-drawer,html[data-theme=light] .profile-settings-panel,html[data-theme=light] .side-drawer{background:var(--panel);border-color:var(--border);color:var(--text)}html[data-theme=light] .hint-box,html[data-theme=light] .info-banner{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:var(--border)}html[data-theme=light] .upgrade-banner{background:#fff8e6;border-color:#e6d4a0;color:#5c4a14}html[data-theme=light] .upgrade-banner-title{color:#5c4a14}html[data-theme=light] .upgrade-banner-text{color:#7a6520}html[data-theme=light] .danger-zone,html[data-theme=light] .tree-item.danger:hover{background:#fde7e9;color:var(--error);border-color:#f1aeb5}.devices-view{overflow:hidden}.devices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-content:start;min-height:min(100%,22rem)}@media(max-width:900px){.devices-grid{grid-template-columns:1fr}}.devices-card{display:flex;flex-direction:column;min-height:16rem;overflow:hidden}.devices-card-header{display:flex;align-items:center;gap:.4rem;padding:.65rem .8rem;border-bottom:1px solid var(--border);flex-wrap:wrap;background:color-mix(in srgb,var(--elevated) 55%,transparent)}.devices-card-header h4{margin:0;flex:1;font-size:.95rem;font-weight:650;letter-spacing:-.01em}.devices-status{margin:0;padding:.45rem .8rem 0;font-size:var(--font-sm)}.devices-status-error{color:var(--error)}.devices-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.1rem;text-align:center;min-height:10rem;border:none;background:transparent;box-shadow:none}.devices-empty .empty-state-icon{margin-bottom:.15rem}.devices-frame{flex:1;width:100%;min-height:16rem;border:0;border-top:1px solid var(--border);background:#0b1220}.dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.55rem;margin:.35rem 0 1rem}.dashboard-kpi{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.7rem .75rem .75rem;display:flex;flex-direction:column;gap:.3rem;min-height:4.4rem;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.dashboard-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent, #3794ff);opacity:.85}.dashboard-kpi:hover{border-color:color-mix(in srgb,var(--accent, #3794ff) 45%,var(--border));box-shadow:0 4px 14px #0000001f}.dashboard-kpi>.muted,.dashboard-kpi>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--muted, #888)}.dashboard-kpi>strong{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.dashboard-kpi-accent-ok:before{background:#7fd99a}.dashboard-kpi-accent-warn:before{background:#e6b450}.dashboard-kpi-accent-info:before{background:#5b8def}.dashboard-kpi-accent-purple:before{background:#a78bfa}.dashboard-team-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.85rem;margin-top:.75rem}.dashboard-team-block{background:color-mix(in srgb,var(--elevated) 40%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .8rem .9rem}.dashboard-team-block>.dashboard-section-title{margin-bottom:.45rem;font-size:.82rem;color:var(--muted, #888);text-transform:uppercase;letter-spacing:.03em}.dashboard-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border);background:var(--panel)}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}.dashboard-table th,.dashboard-table td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);vertical-align:middle;white-space:nowrap}.dashboard-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #888);font-weight:600;background:color-mix(in srgb,var(--bg) 70%,transparent);position:sticky;top:0}.dashboard-table tbody tr:last-child td{border-bottom:0}.dashboard-table tbody tr:hover td{background:color-mix(in srgb,var(--accent, #3794ff) 6%,transparent)}.dashboard-table td strong{font-weight:650}.dashboard-table .muted{font-size:.78rem}.dashboard-member-cell{display:flex;flex-direction:column;gap:.1rem;min-width:8rem;white-space:normal}.dashboard-token-pill{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;font-size:.8rem;font-weight:600;background:color-mix(in srgb,var(--accent, #3794ff) 14%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--accent, #3794ff) 28%,transparent)}.dashboard-task-chip{display:inline-flex;min-width:1.6rem;justify-content:center;padding:.1rem .4rem;border-radius:6px;font-size:.8rem;font-weight:650;background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--border)}.dashboard-task-chip.todo{border-color:color-mix(in srgb,#e6b450 40%,var(--border));color:#e6b450}.dashboard-task-chip.wip{border-color:color-mix(in srgb,#5b8def 40%,var(--border));color:#8eb4f8}.dashboard-task-chip.done{border-color:color-mix(in srgb,#7fd99a 40%,var(--border));color:#7fd99a}#dashboard-pane-team .dashboard-section-head{margin-bottom:.65rem}#dashboard-pane-team .dashboard-project-select{margin-left:auto;min-width:10rem}.dashboard-metrics-panel .dashboard-kpis{margin-bottom:1rem}.dashboard-metrics-detail{margin:.5rem 0 1.25rem;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,transparent)}.dashboard-metrics-bars{display:flex;flex-direction:column;gap:.55rem}.dashboard-metric-row{display:grid;grid-template-columns:5.5rem 1fr 4rem;gap:.65rem;align-items:center;font-size:.88rem}.dashboard-metric-label{color:var(--muted)}.dashboard-metric-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.dashboard-metric-track{height:8px;border-radius:999px;background:#00000038;overflow:hidden}html[data-theme=light] .dashboard-metric-track{background:#0f172a14}.dashboard-metric-fill{height:100%;border-radius:999px;background:var(--accent);min-width:2px;transition:width .35s ease}.dashboard-metric-fill.tone-ok{background:#34d399}.dashboard-metric-fill.tone-info{background:#4f8cff}.dashboard-metric-fill.tone-purple{background:#a78bfa}.dashboard-metric-fill.tone-warn{background:#fbbf24}.dashboard-metric-fill.tone-muted{background:#64748b}.dashboard-metrics-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin:.5rem 0 .85rem}.dashboard-metrics-ranges,.dashboard-metrics-nav{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem}.dashboard-metrics-range.active{background:var(--active);color:var(--active-fg)}.dashboard-metrics-period-label{min-width:7rem;text-align:center;font-weight:600;font-size:.9rem}.dashboard-metrics-history{margin-top:1rem}.dashboard-metrics-series{display:flex;align-items:flex-end;gap:.2rem;min-height:110px;padding:.5rem 0 .25rem;overflow-x:auto}.dashboard-metrics-bucket{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:2rem;flex:1 1 0}.dashboard-metrics-bucket-bars{display:flex;align-items:flex-end;gap:2px;height:72px;width:100%;justify-content:center}.dashboard-metrics-bucket-fill{width:6px;min-height:2px;border-radius:3px 3px 0 0;background:#4f8cff}.dashboard-metrics-bucket-fill.tone-ok{background:#34d399}.dashboard-metrics-bucket-fill.tone-purple{background:#a78bfa}.dashboard-metrics-bucket-label{font-size:.65rem;color:var(--muted);white-space:nowrap}.dashboard-metrics-bucket-val{font-size:.65rem;color:var(--text);opacity:.85}.dashboard-metrics-history-table .muted.small{display:block;font-weight:400}.dashboard-metrics-team-block{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.files-side-view.documents-rail-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.files-side-view.documents-rail-view .documents-panel-root,.files-side-view.documents-rail-view .vue-panel-root{min-height:0;height:100%}.documents-view{overflow:hidden}.documents-body{display:flex;flex-direction:column;gap:.75rem}.documents-layout{display:grid;grid-template-columns:minmax(14rem,.85fr) minmax(0,1.4fr);gap:.85rem;align-items:start;flex:1;min-height:0}@media(max-width:900px){.documents-layout{grid-template-columns:1fr}}.documents-title{font-weight:700}.documents-filter{min-width:7.5rem;width:auto}.documents-errors{color:var(--error);font-size:var(--font-sm);margin:0}.documents-connections-panel{padding:.85rem .9rem}.documents-connections{display:grid;grid-template-columns:1fr;gap:.55rem}.documents-conn-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .75rem;background:color-mix(in srgb,var(--elevated) 45%,transparent);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.documents-conn-card h4{margin:0 0 .45rem;font-size:.92rem;font-weight:650}.documents-conn-card .btn{margin:.2rem .25rem 0 0}.documents-account{font-size:.85rem;margin:.25rem 0;word-break:break-all}.documents-list-wrap{padding:.85rem .9rem 1rem;min-height:14rem}.documents-list-heading{margin:.35rem 0 .55rem;font-size:.78rem}.documents-nav-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem;min-height:1.75rem}.documents-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .35rem;font-size:.85rem}.documents-crumb{border:none;background:transparent;color:var(--accent, #4f8cff);cursor:pointer;padding:.1rem .2rem;border-radius:4px;font:inherit}.documents-crumb:hover{text-decoration:underline;background:color-mix(in srgb,var(--accent, #4f8cff) 12%,transparent)}.documents-crumb.is-current{color:var(--text);cursor:default;font-weight:600}.documents-crumb-sep{opacity:.45;-webkit-user-select:none;user-select:none}.documents-conn-card.is-active{border-color:var(--accent, #4f8cff);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent, #4f8cff) 35%,transparent)}.documents-list{display:flex;flex-direction:column;gap:.25rem}.documents-item{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.5rem;align-items:center;text-align:left;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.documents-item:hover{border-color:var(--accent, #4f8cff)}.documents-item.is-folder .documents-item-name{font-weight:500}.documents-item-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.documents-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-item-meta{font-size:.72rem}.documents-item-badge{font-size:.7rem;opacity:.7}.documents-picker-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.documents-picker-path{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-empty{padding:1rem 0}.documents-scope-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#00000073}.documents-scope-modal[hidden]{display:none!important}.documents-scope-dialog{width:min(480px,94vw);max-height:90vh;overflow:auto;background:var(--bg, #1a1b1e);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem 1.1rem;box-shadow:0 12px 40px #00000059}.documents-scope-option{display:flex;gap:.5rem;align-items:flex-start;margin:.4rem 0;font-size:.9rem}.documents-scope-fields{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.documents-input{width:100%;margin-top:.2rem}.documents-folder-list{display:flex;flex-direction:column;gap:.25rem;max-height:180px;overflow:auto;margin-bottom:.75rem}.documents-folder-pick{text-align:left;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.documents-scope-actions{display:flex;justify-content:flex-end;gap:.5rem}.chat-secret-indicator{display:flex;align-items:flex-start;gap:.45rem;margin:0 0 .45rem;padding:.45rem .65rem;border-radius:8px;border:1px solid rgba(224,177,74,.45);background:#e0b14a1f;color:var(--text, #e8eef9);font-size:.82rem;line-height:1.35}.chat-secret-indicator.hidden,.chat-secret-indicator[hidden]{display:none!important}.chat-secret-indicator-icon{flex-shrink:0}.chat-secret-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;background:#05080eb8}.chat-secret-modal[hidden]{display:none!important}.chat-secret-dialog{width:min(560px,96vw);max-height:90vh;overflow:auto;background:var(--bg-elevated, #10151f);border:1px solid var(--border, rgba(148, 163, 184, .2));border-radius:14px;padding:1.1rem 1.2rem 1.15rem;box-shadow:0 18px 50px #0006}.chat-secret-dialog-head h3{margin:0 0 .35rem;font-size:1.05rem}.chat-secret-dialog-head p{margin:0 0 .75rem}.chat-secret-list{display:flex;flex-direction:column;gap:.45rem;margin:.5rem 0 .85rem;max-height:240px;overflow:auto}.chat-secret-item{border:1px solid var(--border, rgba(148, 163, 184, .18));border-radius:10px;padding:.5rem .65rem;background:#0000002e}.chat-secret-item-check{display:flex;gap:.55rem;align-items:flex-start;cursor:pointer}.chat-secret-item-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.chat-secret-item-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;font-weight:600;border:1px solid var(--border, rgba(148, 163, 184, .2));border-radius:6px;padding:.25rem .4rem;background:var(--bg, #0b0e14);color:inherit;width:100%;max-width:100%}.chat-secret-item-preview{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.chat-secret-warn{border:1px solid rgba(248,113,113,.45);background:#f871711a;border-radius:10px;padding:.7rem .85rem;margin-bottom:.75rem}.chat-secret-warn strong{display:block;margin-bottom:.3rem;color:#fca5a5}html[data-theme=light] .chat-secret-warn strong{color:#b91c1c}.chat-secret-warn p{margin:0 0 .55rem;line-height:1.4}.chat-secret-ack{display:flex;gap:.5rem;align-items:flex-start;font-size:.84rem;line-height:1.35;cursor:pointer}.chat-secret-ack input{margin-top:.15rem}.chat-secret-status{margin:0 0 .5rem}.chat-secret-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.chat-secret-actions .btn.danger-btn:disabled{opacity:.45;cursor:not-allowed}.org-switch-copy-form .org-switch-copy-options{display:flex;flex-direction:column;gap:.45rem;margin:.75rem 0 .5rem}.org-switch-copy-form .check{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:var(--text, #e8eef9)}.org-switcher-wrap{display:inline-flex;align-items:center;gap:.4rem;margin-left:.35rem;max-width:min(28rem,42vw);padding:.15rem .2rem .15rem .45rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 60%,transparent);min-width:0}.org-switcher-wrap.hidden{display:none!important}.org-switcher-label{font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--muted)}.org-switcher{font:inherit;font-size:var(--font-sm);max-width:100%;min-width:0;padding:.28rem .45rem;min-height:1.75rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.org-switcher:hover{background:color-mix(in srgb,var(--hover) 80%,transparent)}.org-switcher:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-soft);background:color-mix(in srgb,var(--input-bg) 85%,transparent)}@media(max-width:720px){.btn,.icon-btn,.files-collapse-btn,.tree-toggle{min-height:2.5rem;min-width:2.5rem}.btn.small{min-height:2.25rem;padding:.35rem .65rem}.chat-attach-btn,.chat-composer-btn,.chat-action-btn{min-height:2.05rem!important;min-width:2.05rem!important;width:2.05rem;height:2.05rem}.editor-tab,.files-tab{padding:.65rem .85rem}.chat-form{padding:.3rem .4rem calc(.35rem + env(safe-area-inset-bottom,0px))}.topbar{padding-left:max(.65rem,env(safe-area-inset-left,0px));padding-right:max(.65rem,env(safe-area-inset-right,0px))}}html[data-theme=light] .msg{box-shadow:0 1px 2px #0f172a0d}html[data-theme=light] .msg.user{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}html[data-theme=light] .chat-form{background:color-mix(in srgb,var(--panel) 96%,var(--elevated))}html[data-theme=light] .dashboard-stat-card{background:var(--panel);box-shadow:var(--shadow-sm)}html[data-theme=light] .tree-context-menu,html[data-theme=light] .slash-suggestions{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.ui-icon{display:inline-block;width:1.05em;height:1.05em;flex:0 0 auto;vertical-align:-.14em;background-color:currentColor;-webkit-mask:var(--ui-icon) center / contain no-repeat;mask:var(--ui-icon) center / contain no-repeat;pointer-events:none}.icon-btn .ui-icon,.btn.icon-btn .ui-icon,.btn.small .ui-icon{width:1rem;height:1rem;vertical-align:middle}.agent-tab-add .ui-icon{width:.95rem;height:.95rem}.chat-secret-indicator-icon .ui-icon{width:1rem;height:1rem}.desktop-preview-icon .ui-icon{width:2.25rem;height:2.25rem;opacity:.85}.ui-icon-settings{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.ui-icon-admin{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}.ui-icon-menu{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='3' y='5' width='18' height='2' rx='1'/%3E%3Crect x='3' y='11' width='18' height='2' rx='1'/%3E%3Crect x='3' y='17' width='18' height='2' rx='1'/%3E%3C/svg%3E")}.ui-icon-refresh{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E")}.ui-icon-chevron-left{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}.ui-icon-chevron-right{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.ui-icon-arrow-left{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E")}.ui-icon-arrow-right{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}.ui-icon-plus{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E")}.ui-icon-x{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}.ui-icon-paperclip{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E")}.ui-icon-key{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Cpath d='m15.5 7.5 3 3L22 7l-3-3'/%3E%3C/svg%3E")}.ui-icon-monitor{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8'/%3E%3Cpath d='M12 17v4'/%3E%3C/svg%3E")}.ui-icon-box{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E")}.ui-icon-file-code{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m10 13-2 2 2 2'/%3E%3Cpath d='m14 17 2-2-2-2'/%3E%3C/svg%3E")}.ui-icon-globe{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E")}.ui-icon-terminal{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 17 10 11 4 5'/%3E%3Cline x1='12' x2='20' y1='19' y2='19'/%3E%3C/svg%3E")}.ui-icon-users{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.ui-icon-bot{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8V4H8'/%3E%3Crect width='16' height='12' x='4' y='8' rx='2'/%3E%3Cpath d='M2 14h2'/%3E%3Cpath d='M20 14h2'/%3E%3Cpath d='M15 13v2'/%3E%3Cpath d='M9 13v2'/%3E%3C/svg%3E")}.ui-icon-copy{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E")}.ui-icon-panel-swap{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 3 4 4-4 4'/%3E%3Cpath d='M20 7H4'/%3E%3Cpath d='m8 21-4-4 4-4'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E")}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2rem 1.25rem;text-align:center;color:var(--muted);min-height:10rem}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:.35rem;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--elevated) 80%,transparent),var(--panel));box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;color:var(--accent)}.empty-state-icon .ui-icon{width:1.35rem;height:1.35rem}.empty-state-title{margin:0;font-size:var(--font-md);font-weight:600;color:var(--text);letter-spacing:-.01em;max-width:22rem}.empty-state-hint{margin:0;font-size:var(--font-sm);line-height:1.45;max-width:24rem}.docker-empty,.desktop-empty,.browser-empty,.terminal-empty,.specs-empty,.agents-empty,.subagents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.specs-empty,.agents-empty,.subagents-empty{min-height:8rem;padding:1.5rem .75rem}.md-code-block{margin:.7em 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);overflow:hidden;box-shadow:inset 0 1px #ffffff08}.md-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .45rem .3rem .65rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 70%,transparent)}.md-code-lang{font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.md-code-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--muted);font:inherit;font-size:var(--font-xs);font-weight:600;padding:.22rem .5rem;border-radius:6px;cursor:pointer;min-height:1.6rem;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.md-code-copy:hover{color:var(--text);border-color:var(--border-strong);background:var(--hover)}.md-code-copy:focus-visible{outline:none;box-shadow:var(--focus-ring)}.md-code-copy.is-copied{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.markdown-body .md-code-block pre{margin:0;border:none;border-radius:0;background:transparent;box-shadow:none}.markdown-body .md-code-block code{border:none;background:transparent;padding:0;font-size:.82em}.view-loading-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,18rem)}.view-loading-skeleton{display:flex;flex-direction:column;gap:.4rem;width:100%;margin-top:.25rem}.skeleton-line{height:.55rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--elevated) 80%,transparent),color-mix(in srgb,var(--border-strong) 55%,transparent),color-mix(in srgb,var(--elevated) 80%,transparent));background-size:200% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}.sk-w-40{width:40%}.sk-w-55{width:55%}.sk-w-70{width:70%}.sk-w-90{align-self:stretch;width:90%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none}}@media(max-width:720px){.topbar{flex-wrap:wrap;gap:.4rem;row-gap:.35rem;min-height:auto;padding-top:.45rem;padding-bottom:.45rem}.topbar-end{width:100%;justify-content:flex-end;flex-wrap:wrap}.brand{font-size:.95rem}.topbar-profile-wrap{max-width:min(14rem,55vw);flex:1 1 12rem;order:-1;margin-right:auto}.topbar-profile-select{min-width:0}.org-switcher-wrap{max-width:min(100%,12rem);margin-left:.35rem}.chat-panel-header{flex-wrap:nowrap}.chat-usage-meters{flex:1 1 auto;min-width:0;justify-content:flex-end}.chat-settings-fields{gap:.4rem}.chat-setting{flex:1 1 calc(50% - .4rem)}.empty-state{min-height:8rem;padding:1.25rem .85rem}.md-code-toolbar{padding:.35rem .4rem .35rem .55rem}}.mobile-nav,.mobile-links-panel{display:none}html.mobile-studio .mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:stretch;justify-content:space-around;gap:.15rem;box-sizing:border-box;height:var(--mobile-nav-total);min-height:var(--mobile-nav-total);padding:.3rem .4rem var(--safe-bottom);border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 -8px 28px #00000047;padding-left:max(.4rem,var(--safe-left));padding-right:max(.4rem,var(--safe-right))}html.mobile-studio .mobile-nav-btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3rem;padding:.35rem .25rem;border:none;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:.65rem;font-weight:650;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}html.mobile-studio .mobile-nav-btn.is-active{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}html.mobile-studio .mobile-nav-icon{font-size:1.15rem;line-height:1}html.mobile-studio .mobile-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.mobile-studio body,html.mobile-studio{height:100%;height:var(--app-height, 100dvh);overflow:hidden}html.mobile-studio body{padding-bottom:0;display:flex;flex-direction:column}html.mobile-studio .layout{flex:1 1 0;min-height:0;margin-bottom:0!important;padding-bottom:var(--mobile-nav-total);height:auto;width:100%}.phone-nav-handle{display:none;position:fixed;left:0;right:0;bottom:0;z-index:52;align-items:flex-start;justify-content:center;height:calc(12px + var(--safe-bottom));padding:4px 0 var(--safe-bottom);border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.phone-nav-handle-bar{width:2.4rem;height:4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 55%,transparent);transition:background .15s ease,width .15s ease}.phone-nav-handle:active .phone-nav-handle-bar,.phone-nav-handle[aria-expanded=true] .phone-nav-handle-bar{background:color-mix(in srgb,var(--text) 55%,transparent);width:2.8rem}.phone-nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#05080e59;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}html.phone-nav-open .phone-nav-backdrop{display:block}html.phone-chat-immersive .phone-nav-handle{display:flex}html.phone-chat-immersive .layout{padding-bottom:0!important}html.phone-chat-immersive .chat-form{padding-bottom:max(.5rem,calc(var(--safe-bottom) + .2rem))!important}html.phone-chat-immersive .mobile-nav{transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .18s ease;z-index:53;padding-bottom:max(.45rem,var(--safe-bottom));height:auto;min-height:0;border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #0006}html.phone-chat-immersive.phone-nav-open .mobile-nav{transform:translateY(0);opacity:1;pointer-events:auto}html.phone-studio:not(.phone-chat-immersive) .mobile-nav{height:calc(2.55rem + var(--safe-bottom));min-height:calc(2.55rem + var(--safe-bottom));padding-top:.25rem;padding-bottom:var(--safe-bottom)}html.phone-studio:not(.phone-chat-immersive) .mobile-nav-label{display:none}html.phone-studio:not(.phone-chat-immersive) .mobile-nav-btn{min-height:0;padding:.3rem .2rem;gap:0}html.phone-studio:not(.phone-chat-immersive) .layout{padding-bottom:calc(2.55rem + var(--safe-bottom))!important}html.phone-chat-immersive body>#topbar-account-panel.topbar-account-panel{bottom:max(.75rem,calc(var(--safe-bottom) + .55rem))}html.phone-chat-immersive.phone-nav-open body>#topbar-account-panel.topbar-account-panel{bottom:calc(5.5rem + var(--safe-bottom))}html.mobile-studio .files-panel,html.mobile-studio .files-expand-tab,html.mobile-studio #resize-files,html.mobile-studio #resize-chat,html.mobile-studio #chat-collapse-btn,html.mobile-studio #chat-expand-btn,html.mobile-studio .editor-tabs,html.mobile-studio .editor-panel-actions,html.mobile-studio .shell-collapsed-bar,html.mobile-studio .shell-panel,html.mobile-studio .mobile-hidden{display:none!important}html.mobile-studio .layout.mobile-chat-only{display:flex}html.mobile-studio .layout.mobile-chat-only .editor-panel{display:none!important}html.mobile-studio .layout.mobile-chat-only .chat-panel{flex:1 1 100%!important;width:100%!important;max-width:none!important;border:none;opacity:1!important;pointer-events:auto!important}html.mobile-studio .layout.mobile-chat-only .chat-panel.collapsed{flex:1 1 100%!important;width:100%!important;opacity:1!important;pointer-events:auto!important}html.mobile-studio .layout.mobile-editor-only .chat-panel{display:none!important}html.mobile-studio .layout.mobile-editor-only .editor-panel{flex:1 1 100%!important;width:100%!important;display:flex!important}html.mobile-studio .editor-panel{min-width:0}.chat-phone-chrome-slot{display:none;align-items:center;gap:.4rem;flex:0 0 auto;order:-1}html.phone-topbar-hidden .chat-phone-chrome-slot{display:inline-flex}html.phone-topbar-hidden .chat-phone-chrome-slot .conn-status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;flex:0 0 auto;background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 18%,transparent)}html.phone-topbar-hidden .chat-phone-chrome-slot .conn-status-dot.is-ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}html.phone-topbar-hidden .chat-phone-chrome-slot .conn-status-dot.is-err{background:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 20%,transparent)}html.phone-topbar-hidden .chat-phone-chrome-slot .conn-status-dot.is-pending{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent);animation:conn-dot-pulse 1.2s ease-in-out infinite}html.phone-topbar-hidden .chat-phone-chrome-slot .phone-account-btn{display:inline-flex!important;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 80%,transparent);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;-webkit-tap-highlight-color:transparent}html.mobile-studio .chat-panel-header{padding:.3rem .45rem;gap:.3rem;min-height:2.2rem;flex-wrap:nowrap}html.phone-topbar-hidden .chat-panel-header{padding-top:max(.3rem,var(--safe-top));padding-left:max(.45rem,var(--safe-left));padding-right:max(.45rem,var(--safe-right));min-height:calc(2.15rem + var(--safe-top));border-bottom-color:color-mix(in srgb,var(--border) 80%,transparent)}.chat-mobile-chrome-btn{display:none!important}html.phone-studio .chat-mobile-chrome-btn{display:inline-flex!important;margin-left:auto;order:2;min-width:2rem;min-height:2rem;width:2rem;height:2rem;font-size:1.1rem;font-weight:700;line-height:1;border-radius:10px}html.phone-studio .chat-mobile-chrome-btn.is-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--text)}html.phone-studio:not(.phone-chat-chrome-open) .chat-usage-meters,html.phone-studio:not(.phone-chat-chrome-open) .agent-tabs-bar,html.phone-studio:not(.phone-chat-chrome-open) .chat-session-bar,html.phone-studio:not(.phone-chat-chrome-open) .chat-settings{display:none!important}html.phone-studio .chat-panel-title-wrap{min-width:0;flex:1 1 auto}html.phone-studio .chat-panel-title{font-size:.95rem}html.mobile-studio .chat-usage-meters{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:.2rem;flex-wrap:nowrap}html.mobile-studio .usage-meter,html.mobile-studio .context-usage{flex:1 1 0;min-width:0;max-width:none;padding:.14rem .28rem .16rem .34rem}html.mobile-studio .usage-meter-label-full{display:none}html.mobile-studio .usage-meter-label-short{display:inline}html.mobile-studio .context-usage-tokens,html.mobile-studio .usage-meter-runs .context-usage-percent,html.mobile-studio .usage-meter-model .context-usage-percent{display:none}html.mobile-studio .agent-tabs-bar{padding:.3rem .4rem;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch}html.mobile-studio .chat-session-bar{flex-wrap:wrap;gap:.35rem;padding:.35rem .5rem}html.mobile-studio .chat-settings{display:none}html.phone-studio.phone-chat-chrome-open .chat-settings{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.3rem;padding:.35rem .5rem}html.mobile-studio .chat-form{padding:.3rem .4rem .35rem;gap:.25rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 96%,transparent);flex-shrink:0}html.phone-studio .chat-form{padding:.28rem .4rem .35rem}html.phone-studio .chat-input-row{border-radius:22px;padding:.16rem .18rem .16rem .14rem;gap:.1rem}html.phone-studio .chat-input-row #chat-input{min-height:2rem;max-height:7rem;font-size:16px;padding:.42rem .25rem!important}html.phone-studio .chat-attach-btn,html.phone-studio .chat-composer-btn,html.phone-studio .chat-action-btn{width:2.05rem;height:2.05rem;min-width:2.05rem!important;min-height:2.05rem!important}html.phone-studio .layout.mobile-chat-only{margin-bottom:0!important;display:flex;flex:1 1 0;min-height:0}html.phone-studio .layout.mobile-chat-only .chat-panel{flex:1 1 auto!important;width:100%!important;max-width:none!important;min-height:0;height:100%;display:flex!important;flex-direction:column}html.phone-studio .chat-log-host,html.phone-studio .chat-log{flex:1 1 auto;min-height:0}html.phone-studio .chat-panel>.chat-form{margin-top:auto}.phone-account-btn,.conn-status-dot,.phone-account-backdrop,.topbar-account-panel-head,.topbar-account-field-label,.topbar-account-status-row{display:none}html.phone-studio .topbar{padding:.3rem .55rem;min-height:2.35rem;gap:.4rem;flex-wrap:nowrap;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}html.phone-studio .topbar .brand{font-size:.92rem;flex:1 1 auto;min-width:0}html.phone-studio .topbar .brand:before{width:1.15rem;height:1.15rem}html.phone-studio .topbar-end{gap:.35rem;flex:0 0 auto;width:auto;margin-left:auto}html.phone-studio .conn-status-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;flex:0 0 auto;background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 18%,transparent)}html.phone-studio .conn-status-dot.is-ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}html.phone-studio .conn-status-dot.is-err{background:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 20%,transparent)}html.phone-studio .conn-status-dot.is-pending{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent);animation:conn-dot-pulse 1.2s ease-in-out infinite}@keyframes conn-dot-pulse{0%,to{opacity:1}50%{opacity:.45}}html.phone-studio .phone-account-btn{display:inline-flex!important;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 80%,transparent);color:var(--text);font:inherit;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}html.phone-studio .phone-account-btn[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}html.phone-studio .topbar-account-panel,body>#topbar-account-panel.topbar-account-panel{position:fixed;left:.65rem;right:.65rem;bottom:calc(3.65rem + env(safe-area-inset-bottom,0px));z-index:120;display:none;flex-direction:column;gap:.55rem;padding:.85rem .9rem 1rem;border-radius:16px;border:1px solid var(--border-strong);background:linear-gradient(165deg,#161d2c,#10151f);box-shadow:0 16px 48px #00000073;max-height:min(70dvh,28rem);overflow:auto;-webkit-overflow-scrolling:touch}html.phone-account-open #topbar-account-panel,html.phone-studio.phone-account-open .topbar-account-panel,body.phone-account-open #topbar-account-panel,body.phone-account-open .topbar-account-panel{display:flex!important}html.phone-studio .phone-account-backdrop,#phone-account-backdrop.phone-account-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#05080e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}html.phone-account-open #phone-account-backdrop,body.phone-account-open #phone-account-backdrop,html.phone-account-open .phone-account-backdrop,body.phone-account-open .phone-account-backdrop{display:block!important}html.phone-studio .topbar-account-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}html.phone-studio .topbar-account-panel-head strong{font-size:.95rem;letter-spacing:-.02em}html.phone-studio .topbar-profile-wrap,html.phone-studio .org-switcher-wrap{display:flex!important;flex-direction:column;align-items:stretch;gap:.3rem;max-width:none;width:100%;flex:none;margin:0;padding:0;border:none;background:transparent;border-radius:0}html.phone-studio .topbar-profile-wrap[hidden],html.phone-studio .org-switcher-wrap.hidden{display:none!important}html.phone-studio .topbar-account-field-label,html.phone-studio .org-switcher-label{display:block;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}html.phone-studio .topbar-profile-select,html.phone-studio .org-switcher{width:100%;min-width:0;min-height:2.5rem;padding:.55rem .7rem;border-radius:12px;border:1px solid var(--border);background:#00000047;font-size:.9rem;background-image:none}html.phone-studio .topbar-account-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .65rem;border-radius:12px;border:1px solid var(--border);background:#00000029}html.phone-studio .topbar-account-status-row .status{max-width:none;font-size:.78rem;margin:0}html.phone-studio .topbar-account-link{display:inline-flex!important;align-items:center;justify-content:flex-start;gap:.45rem;width:100%;min-height:2.5rem;padding:.55rem .75rem;border-radius:12px}html.phone-studio .topbar-help-btn,html.phone-studio .topbar-logout-btn,html.phone-studio #install-app-btn:not(.hidden){display:flex!important;width:100%;min-height:2.5rem;justify-content:center;border-radius:12px}html.phone-studio .topbar-help-hint{display:none!important}html:not(.phone-studio) .topbar-account-panel{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;min-width:0}html:not(.phone-studio) .phone-account-btn,html:not(.phone-studio) .conn-status-dot,html:not(.phone-studio) .phone-account-backdrop,html:not(.phone-studio) .topbar-account-panel-head,html:not(.phone-studio) .topbar-account-field-label,html:not(.phone-studio) .topbar-account-status-row{display:none!important}html:not(.phone-studio) #phone-account-close{display:none!important}html:not(.phone-studio) .topbar-settings-btn{min-width:2rem;padding:.2rem .45rem}html:not(.phone-studio) .topbar-settings-btn span:not(.ui-icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html.mobile-studio .chat-input-row textarea,html.mobile-studio #chat-input{font-size:16px}html.mobile-studio .chat-log-host,html.mobile-studio .chat-log,html.mobile-studio #chat-log{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto;min-height:0}html.mobile-studio .chat-log-host{padding:.55rem .65rem .85rem}html.mobile-studio .msg{max-width:100%;font-size:.92rem;padding:.7rem .8rem;border-radius:14px}html.mobile-studio .dashboard-toolbar,html.mobile-studio .studio-view-header{padding:.55rem .7rem;gap:.45rem}html.mobile-studio .dashboard-toolbar-actions{width:100%;justify-content:flex-start}html.mobile-studio .dashboard-subtabs{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:.3rem;padding-bottom:.1rem}html.mobile-studio .dashboard-subtab{flex:0 0 auto;white-space:nowrap;font-size:.78rem;padding:.35rem .65rem;border-radius:999px}html.mobile-studio .dashboard-body,html.mobile-studio .studio-view-body{padding:.55rem .65rem 1rem}html.mobile-studio .dashboard-main-board-only,html.mobile-studio .dashboard-board{min-width:0}html.mobile-studio .dashboard-board{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.45rem;padding-bottom:.4rem;scroll-snap-type:x proximity}html.mobile-studio .dashboard-board>*{scroll-snap-align:start;min-width:min(16rem,78vw)}html.mobile-studio .dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}html.mobile-studio .dashboard-summary .dashboard-stat-card,html.mobile-studio .dashboard-summary>*{padding:.65rem .7rem;border-radius:12px}html.mobile-studio .studio-view-title{font-size:1.05rem}html.mobile-studio .studio-view-subtitle{font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.mobile-studio .dashboard-system-layout,html.mobile-studio .dashboard-tokens-layout{grid-template-columns:1fr}html.phone-studio .dashboard-project-label{display:none}html.tablet-studio .mobile-nav{display:none!important}html.tablet-studio .layout{margin-bottom:0}html.tablet-studio .files-panel{display:flex!important;flex:0 0 var(--files-width, 200px)!important;width:var(--files-width, 200px)!important;opacity:1!important;pointer-events:auto!important}html.tablet-studio .editor-tabs{display:flex!important;overflow-x:auto;-webkit-overflow-scrolling:touch}html.tablet-studio .editor-panel-actions{display:flex!important}html.tablet-studio #editor-tab-desktop,html.tablet-studio #editor-tab-devices,html.tablet-studio [data-editor-tab=desktop],html.tablet-studio [data-editor-tab=devices]{display:none!important}html.tablet-studio .chat-panel{flex:0 0 var(--chat-width, 22rem)!important;width:var(--chat-width, 22rem)!important;max-width:none!important;min-width:0!important}html.tablet-studio #resize-files,html.tablet-studio #resize-chat,html.tablet-studio .panel-divider-chat{display:block!important;visibility:visible!important;pointer-events:auto!important}html.tablet-studio .chat-mobile-chrome-btn{display:none!important}html.tablet-studio .chat-settings{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.28rem}html.tablet-studio .browser-desktop-only{display:block!important}html.tablet-studio .mobile-links-panel,html.tablet-studio #mobile-links-panel[hidden]{display:none!important}html.tablet-studio .topbar{flex-wrap:nowrap}html.tablet-studio .shell-collapsed-bar{display:flex!important}html.mobile-studio .browser-desktop-only{display:none!important}html.mobile-studio .mobile-links-panel{display:flex;flex-direction:column;gap:.85rem;min-height:0}html.mobile-studio #mobile-links-panel[hidden]{display:flex!important}html.mobile-studio .browser-toolbar .browser-toolbar-actions .browser-target-label,html.mobile-studio .browser-toolbar .browser-trailing-slash-label,html.mobile-studio #browser-terminal-btn,html.mobile-studio #browser-clear-cache-btn{display:none!important}html.mobile-studio .mobile-links-toolbar{display:flex;flex-direction:column;gap:.55rem}html.mobile-studio .mobile-links-actions{display:flex;flex-wrap:wrap;gap:.4rem}html.mobile-studio .mobile-links-list{display:flex;flex-direction:column;gap:.55rem}html.mobile-studio .mobile-link-card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.55rem .75rem;padding:.85rem .9rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-2) 70%,transparent);box-shadow:var(--shadow-sm)}html.mobile-studio .mobile-link-card-main{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 12rem}html.mobile-studio .mobile-link-card-title{font-size:.95rem;font-weight:650;letter-spacing:-.015em;word-break:break-word}html.mobile-studio .mobile-link-card-meta{font-size:.75rem;font-family:var(--mono);word-break:break-all}html.mobile-studio .mobile-link-card-actions{flex:0 0 auto}html.mobile-studio .mobile-links-empty{margin-top:1rem}html.mobile-studio .topbar{padding-top:max(.4rem,env(safe-area-inset-top))}html.mobile-studio .topbar-help-btn,html.mobile-studio .topbar-help-hint{display:none}html.mobile-studio .status{max-width:7rem;font-size:.68rem}html.mobile-studio .chat-panel{contain:layout paint}html[data-theme=light] .empty-state-icon{background:var(--panel);box-shadow:var(--shadow-sm)}html[data-theme=light] .md-code-block{background:var(--code-bg)}html[data-theme=light] .md-code-toolbar{background:var(--elevated)}.chat-input{display:flex;gap:.5rem;align-items:flex-end;padding:.55rem .65rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent)}.chat-input textarea{flex:1;min-height:2.6rem;max-height:8rem;resize:vertical;border-radius:var(--radius-sm, 8px);border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;padding:.5rem .65rem}.vue-studio-host .layout{flex:1;min-height:0}.vue-studio-host{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.vue-studio-host>.topbar{flex-shrink:0}.vue-studio-host>.layout,.vue-studio-host .mode-shell-body>.layout{flex:1 1 auto;min-height:0;min-width:0}.vue-studio-host .files-side-view{display:none;flex-direction:column;flex:1;min-height:0;overflow:hidden}.vue-studio-host .files-side-view.active{display:flex}.vue-studio-host .editor-panel>.studio-view,.vue-studio-host .editor-panel>.editor-workspace,.vue-studio-host .editor-panel>.dashboard-view,.vue-studio-host .editor-panel>.browser-view,.vue-studio-host .editor-panel>.terminal-view,.vue-studio-host .editor-panel>.docker-view,.vue-studio-host .editor-panel>.desktop-view,.vue-studio-host .editor-panel>.documents-view,.vue-studio-host .editor-panel>.devices-view,.vue-studio-host .editor-panel>.specs-view,.vue-studio-host .editor-panel>.subagents-view,.vue-studio-host .editor-panel>.agents-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vue-studio-host .editor-panel>.studio-view>.vue-panel-root{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;height:100%}.vue-studio-host .editor-workspace.is-empty .editor-views{flex:1}.vue-studio-host .file-tabs-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--tab-bar)}.vue-studio-host .shell-collapsed-bar{flex-shrink:0}.vue-studio-host .topbar-locale-wrap{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.vue-studio-host .topbar-locale-select{font:inherit;font-size:.8rem;padding:.2rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--input-bg, var(--elevated));color:var(--text);max-width:8rem}.vue-studio-host .locale-onboard-dialog{max-width:28rem}.vue-studio-host .topbar-help-hints-toggle{display:flex;align-items:center;gap:.35rem;font-size:.78rem;cursor:pointer;-webkit-user-select:none;user-select:none}.vue-studio-host .topbar-help-hints-toggle input{margin:0;accent-color:var(--accent)}.vue-studio-host .file-tab[draggable=true]{cursor:grab}.vue-studio-host .file-tab.file-tab-dragging{opacity:.55;cursor:grabbing}.vue-studio-host .slash-suggestions{list-style:none;margin:0 0 .25rem;padding:.25rem;border:1px solid var(--border);border-radius:8px;background:var(--elevated);max-height:12rem;overflow:auto}.vue-studio-host .slash-suggestions li.highlighted,.vue-studio-host .slash-suggestions li:hover{background:var(--hover);border-radius:6px}.vue-studio-host .slash-suggestion{display:flex;flex-direction:column;width:100%;text-align:left;gap:.1rem;padding:.35rem .5rem;border:none;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.vue-studio-host .slash-cmd{font-weight:600;font-family:var(--mono, ui-monospace, monospace)}.vue-studio-host .slash-desc{font-size:.75rem;opacity:.85}.vue-studio-host .chat-session-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;gap:.15rem;padding:.4rem .5rem;border:none;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.vue-studio-host .chat-session-row:hover,.vue-studio-host .chat-session-row.active{background:var(--active)}.vue-studio-host .chat-session-row-title{font-size:.8rem;font-weight:600}.vue-studio-host .chat-session-row-sub{font-size:.72rem}.mode-shell-host,.vue-studio-host.mode-shell-host{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;width:100%;overflow:hidden;align-items:stretch}.mode-shell-body{grid-column:2;grid-row:1;min-width:0;min-height:0;width:100%;height:100%;display:flex!important;flex-direction:column!important;overflow:hidden;position:relative}.mode-sidebar{--mode-rail-w: 52px;grid-column:1;grid-row:1;width:var(--mode-rail-w);min-width:var(--mode-rail-w);max-width:var(--mode-rail-w);height:100%;min-height:0;display:flex;flex-direction:column;gap:.15rem;padding:.4rem .3rem .5rem;border-right:1px solid var(--border);background:var(--tab-bar);z-index:40;transition:width .16s ease,min-width .16s ease,max-width .16s ease;overflow:hidden;box-sizing:border-box}.mode-sidebar.expanded{--mode-rail-w: 188px}.mode-rail-head{display:flex;align-items:center;gap:.25rem;padding:.25rem .2rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.3rem;flex-shrink:0}.mode-sidebar.collapsed .mode-rail-head{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .15rem .55rem}.mode-rail-brand{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1 1 auto;overflow:hidden}.mode-rail-logo-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;line-height:0;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.mode-rail-logo-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);transform:scale(1.04)}.mode-rail-logo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-rail-logo{flex-shrink:0;display:block;width:1.75rem;height:1.75rem;border-radius:8px;object-fit:cover;background:color-mix(in srgb,var(--elevated, var(--panel)) 90%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 2px 8px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 1px #ffffff0f inset}.mode-sidebar.collapsed .mode-rail-logo{width:2rem;height:2rem;border-radius:9px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),0 3px 12px color-mix(in srgb,var(--accent) 28%,transparent),0 0 0 1px #ffffff14 inset}.mode-sidebar.expanded .mode-rail-logo{width:1.75rem;height:1.75rem}.mode-rail-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.mode-rail-brand-name{font-size:.78rem;font-weight:700;letter-spacing:.01em}.mode-rail-ws{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9rem}.mode-rail-toggle{flex-shrink:0;width:1.75rem!important;height:1.75rem!important;min-width:1.75rem!important;padding:0!important;color:var(--muted)}.mode-rail-nav{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:.1rem 0}.mode-rail-tab,.mode-rail-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:550;width:100%;min-height:2.35rem;padding:.35rem .4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;position:relative;text-align:left;transition:background .12s ease,color .12s ease}.mode-sidebar.collapsed .mode-rail-tab,.mode-sidebar.collapsed .mode-rail-tool{justify-content:center;padding:.4rem .25rem}.mode-rail-tab:hover,.mode-rail-tool:hover{background:var(--hover);color:var(--text)}.mode-rail-tab.active{background:var(--active);color:var(--active-fg)}.mode-rail-tab.mode-tab-open:not(.active){box-shadow:inset 2px 0 0 var(--accent)}.mode-rail-tab.mode-tab-locked{opacity:.45;filter:grayscale(.35)}.mode-rail-tab.mode-tab-locked:after{content:"";position:absolute;right:.35rem;top:.35rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--warn, #e8c468);box-shadow:0 0 0 2px var(--tab-bar)}.mode-sidebar.expanded .mode-rail-tab.mode-tab-locked:after{right:.5rem;top:50%;transform:translateY(-50%)}.processes-seg-btn.tab-locked{opacity:.45;text-decoration:line-through}.mode-rail-icon{width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mode-rail-icon .ui-icon{width:1.1rem;height:1.1rem}.mode-rail-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-rail-hotkey{font-size:.62rem;font-variant-numeric:tabular-nums;opacity:.55;flex-shrink:0}.mode-rail-dot{position:absolute;top:.4rem;right:.35rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--ok, #34d399);box-shadow:0 0 0 2px var(--tab-bar)}.mode-sidebar.expanded .mode-rail-dot{right:1.5rem;top:50%;transform:translateY(-50%)}.mode-rail-count{position:absolute;top:.2rem;right:.15rem;min-width:.95rem;height:.95rem;padding:0 .2rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.58rem;font-weight:700;line-height:.95rem;text-align:center}.mode-sidebar.expanded .mode-rail-count{position:static;margin-left:auto}.mode-rail-foot{display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding-top:.35rem;border-top:1px solid var(--border);margin-top:.25rem}.mode-rail-foot .mode-conn-status{gap:.45rem;cursor:default}.mode-rail-notify-slot{display:flex;flex-direction:column;align-items:stretch;position:relative}.mode-rail-notify-slot .studio-notify-root{width:100%;position:relative}.mode-rail-notify-slot .studio-notify-btn{width:100%;min-height:2.35rem;justify-content:center;gap:.45rem}.mode-sidebar.expanded .mode-rail-notify-slot .studio-notify-btn{justify-content:flex-start;padding-left:.55rem}.mode-rail-usage,.mode-rail-user{position:relative}.mode-rail-user-menu{left:calc(100% + .35rem);right:auto;bottom:0;top:auto}.mode-topbar-icon-btn{flex-shrink:0;width:2rem;height:2rem;min-width:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.mode-topbar-icon-btn:hover{color:var(--text);background:var(--hover)}@media(max-width:767px){.mode-sidebar{display:none!important}.mode-shell-host,.vue-studio-host.mode-shell-host{grid-template-columns:minmax(0,1fr)!important}.mode-shell-body{grid-column:1!important}}.mode-topbar-icon-btn .ui-icon{width:1.05rem;height:1.05rem}.mode-usage-root{position:relative;display:flex;align-items:center;flex:0 1 auto;min-width:0}.mode-context-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:.35rem;font:inherit;font-size:.7rem;color:var(--muted);min-width:0;max-width:none;padding:.28rem .4rem;border-radius:8px;cursor:default;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mode-rail-tool.mode-context-indicator{width:100%;min-height:2.35rem;padding:.35rem .4rem;cursor:pointer}.mode-sidebar.collapsed .mode-rail-tool.mode-context-indicator{justify-content:center;padding:.4rem .25rem}.mode-usage-root:hover .mode-context-indicator,.mode-context-indicator:focus-visible{background:color-mix(in srgb,var(--elevated, var(--panel)) 70%,transparent);border-color:color-mix(in srgb,var(--border) 80%,transparent);color:var(--text);outline:none}.mode-context-bar{flex:1;height:4px;border-radius:99px;background:var(--item-bg, color-mix(in srgb, var(--border) 55%, transparent));overflow:hidden;min-width:40px}.mode-context-bar>i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}.mode-context-indicator.level-yellow .mode-context-bar>i,.mode-context-indicator.level-warn .mode-context-bar>i{background:var(--warn, #e8c468)}.mode-context-indicator.level-red .mode-context-bar>i,.mode-context-indicator.level-error .mode-context-bar>i,.mode-context-indicator.level-critical .mode-context-bar>i{background:var(--error)}.mode-context-indicator.level-green .mode-context-bar>i,.mode-context-indicator.level-ok .mode-context-bar>i{background:var(--ok, var(--accent))}.mode-context-pct{font-variant-numeric:tabular-nums;font-weight:650;min-width:2.2em;text-align:right}.mode-usage-panel{position:absolute;top:calc(100% + .35rem);right:0;z-index:12050;width:min(20rem,calc(100vw - 1.5rem));padding:.65rem .7rem .7rem;border-radius:12px;border:1px solid var(--border-strong, var(--border));background:color-mix(in srgb,var(--elevated, var(--panel)) 96%,#0b1220);box-shadow:0 14px 40px #00000061;display:flex;flex-direction:column;gap:.55rem}.mode-usage-panel.mode-usage-panel-fixed{position:fixed;top:auto;right:auto;margin:0}.mode-usage-panel-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mode-usage-row{display:grid;grid-template-columns:7.2rem 1fr auto;gap:.4rem .55rem;align-items:center;padding:.4rem .45rem;border-radius:8px;background:color-mix(in srgb,var(--panel) 55%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.mode-usage-row-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--text);min-width:0}.mode-usage-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0;background:var(--accent)}.mode-usage-dot-runs{background:#6ee7b7}.mode-usage-dot-model{background:#93c5fd}.mode-usage-row-bar{height:5px;border-radius:99px;background:color-mix(in srgb,var(--border) 55%,transparent);overflow:hidden;min-width:0}.mode-usage-row-bar>i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.mode-usage-row.level-yellow .mode-usage-row-bar>i,.mode-usage-row.level-warn .mode-usage-row-bar>i{background:var(--warn, #e8c468)}.mode-usage-row.level-red .mode-usage-row-bar>i,.mode-usage-row.level-error .mode-usage-row-bar>i{background:var(--error)}.mode-usage-row.usage-meter-runs .mode-usage-row-bar>i{background:linear-gradient(90deg,#34d399,#6ee7b7)}.mode-usage-row.usage-meter-model .mode-usage-row-bar>i{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.mode-usage-row.usage-meter-runs.level-yellow .mode-usage-row-bar>i,.mode-usage-row.usage-meter-model.level-yellow .mode-usage-row-bar>i{background:var(--warn, #e8c468)}.mode-usage-row.usage-meter-runs.level-red .mode-usage-row-bar>i,.mode-usage-row.usage-meter-model.level-red .mode-usage-row-bar>i{background:var(--error)}.mode-usage-row-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;font-size:.7rem;font-variant-numeric:tabular-nums;white-space:nowrap}.mode-usage-row-stats strong{font-weight:700;color:var(--text)}.mode-usage-empty{margin:0;font-size:.72rem;padding:0 .2rem}@media(max-width:900px){.mode-usage-row{grid-template-columns:1fr;gap:.25rem}.mode-usage-row-stats{flex-direction:row;gap:.45rem;align-items:baseline}}.mode-context-pct{font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}.mode-conn-label{font-size:.72rem}.mode-user-menu-root{position:relative;flex-shrink:0}.mode-user-btn{flex-shrink:0;color:var(--muted)}button.mode-topbar-icon-btn.mode-user-btn{width:2rem!important;height:2rem!important;min-width:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:0!important}.mode-user-btn:hover,.mode-user-btn[aria-expanded=true]{color:var(--text);background:var(--hover)}.mode-rail-tool.mode-user-btn{width:100%!important;min-width:0!important;min-height:2.35rem!important;height:auto!important;font-size:inherit!important;display:flex!important;padding:.35rem .4rem!important}.mode-sidebar.collapsed .mode-rail-tool.mode-user-btn{justify-content:center;padding:.4rem .25rem!important}.mode-user-btn .mode-menu-icon{display:block;width:1.15rem;height:1.15rem;flex-shrink:0;pointer-events:none}.mode-user-btn .mode-user-label{display:none!important}.mode-user-menu{min-width:180px;background:var(--elevated, var(--panel));border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:.35rem;z-index:80;display:flex;flex-direction:column;gap:2px}.mode-user-menu:not(.mode-user-menu-fixed){position:absolute;right:0;top:calc(100% + 6px)}.mode-user-menu-fixed{position:fixed;z-index:10090}.mode-rail-user-menu.mode-user-menu:not(.mode-user-menu-fixed){left:calc(100% + .4rem);right:auto;bottom:0;top:auto}.mode-user-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);text-align:left;padding:.45rem .55rem;border-radius:6px;cursor:pointer;font:inherit;font-size:.82rem}.mode-user-item:hover{background:var(--hover)}.mode-user-item-danger{color:var(--error)}.mode-user-version{margin:.35rem .55rem .15rem;font-size:.72rem;line-height:1.3;-webkit-user-select:text;user-select:text}.mode-user-extra{padding:.35rem .45rem .5rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08));margin-bottom:.25rem}.mode-user-extra:empty{display:none}.mode-user-org-block{display:flex;flex-direction:column;gap:.4rem;min-width:14rem;max-width:min(22rem,86vw)}.mode-user-profile-meta{display:flex;flex-direction:column;gap:.2rem;line-height:1.25}.mode-user-profile-k{display:inline-block;min-width:4.5rem;margin-right:.35rem;opacity:.75;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.mode-user-profile-v{font-size:.78rem;word-break:break-all}.mode-user-org{padding:0;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;margin:0;max-width:none;width:100%;border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);padding:.35rem .45rem;background:color-mix(in srgb,var(--elevated, #151b28) 70%,transparent)}.mode-user-org .org-switcher-label{font-size:.65rem}.mode-user-org .org-switcher{width:100%;max-width:none;font-size:.8rem}.mode-user-org-single .org-switcher{opacity:.9;cursor:default}.phone-account-sheet .mode-user-org-block{margin:.35rem 0 .5rem;width:100%;max-width:none}.mode-palette-btn{font-size:.68rem!important;opacity:.85}.mode-shell-body>.layout,.mode-shell-body>.mode-shell-layout,.vue-studio-host .mode-shell-body>.layout{flex:1 1 auto!important;min-width:0!important;min-height:0!important;width:100%;height:auto;max-height:100%;overflow:hidden;display:flex!important;flex-direction:row;position:relative}.ws-split-host{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden;order:3;position:relative}.ws-split-host:not(.is-split)>.ws-pane{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0;order:0!important}.ws-split-host.is-split.ws-split-h{flex-direction:row}.ws-split-host.is-split.ws-split-v{flex-direction:column}.ws-split-host>.ws-pane{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;position:relative;border:0}.ws-split-host.is-split>.ws-pane[data-focused="1"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.ws-split-host.is-split>.ws-pane{width:auto!important;max-width:none!important;flex-basis:0!important}.ws-split-gutter{flex:0 0 8px;display:flex;align-items:center;justify-content:center;z-index:5;position:relative;background:color-mix(in srgb,var(--border) 80%,transparent);transition:background .12s ease}.ws-gutter-h{cursor:col-resize;flex-direction:column}.ws-gutter-v{cursor:row-resize;flex:0 0 8px;flex-direction:row}.ws-split-gutter:hover,.ws-split-gutter:active{background:color-mix(in srgb,var(--accent) 35%,var(--border))}.ws-gutter-actions{display:flex;flex-direction:column;gap:.15rem;opacity:0;transition:opacity .12s ease;pointer-events:none}.ws-gutter-v .ws-gutter-actions{flex-direction:row}.ws-split-gutter:hover .ws-gutter-actions{opacity:1;pointer-events:auto}.ws-gutter-btn{width:1.35rem!important;height:1.35rem!important;min-width:1.35rem!important;padding:0!important;font-size:.72rem!important;background:var(--elevated)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .2))}.mode-shell-layout.mode-chat .chat-panel.mode-chat-panel,.mode-shell-layout.mode-ws-split .chat-panel.mode-chat-panel{flex:1 1 auto;width:auto!important;max-width:none!important;min-width:0}.mode-shell-layout.mode-editor .editor-panel,.mode-shell-layout.mode-ws-split .editor-panel{flex:1 1 auto;min-width:0}.mode-shell-layout.mode-full .mode-full-panel,.mode-shell-layout.mode-ws-split .mode-full-panel{flex:1 1 auto;width:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mode-tab.mode-tab-open{box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 55%,transparent);color:var(--text)}.mode-ctx-menu{position:fixed;z-index:20000;min-width:11.5rem;padding:.3rem;border-radius:10px;border:1px solid var(--border-strong, var(--border));background:color-mix(in srgb,var(--elevated, var(--panel)) 96%,#000);box-shadow:0 12px 36px #00000059;display:flex;flex-direction:column;gap:.1rem}.mode-ctx-menu button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);font:inherit;font-size:.82rem;text-align:left;padding:.4rem .55rem;border-radius:6px;cursor:pointer}.mode-ctx-menu button:hover{background:var(--hover)}.mode-ctx-menu .mode-ctx-danger{color:var(--error, #f87171)}.mode-ctx-hint{margin:.25rem .4rem .15rem;font-size:.68rem;line-height:1.3}.mode-full-panel{background:var(--panel)}.mode-legacy-editor-tabs[hidden]{display:none!important}.mode-workspace{display:flex;flex:1 1 auto;min-height:0;height:100%;width:100%}.mode-main{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.mode-main.browser-mode-main{overflow:hidden}.mode-side-panel{width:var(--mode-side-width, 300px);min-width:240px;max-width:360px;flex:0 0 auto;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel-2);min-height:0}.mode-side-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.45rem .55rem;border-bottom:1px solid var(--border);flex-shrink:0}.mode-side-title{font-size:.8rem;font-weight:600}.mode-side-body{flex:1 1 auto;min-height:0;overflow:auto}.mode-side-expand-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--panel-2);color:var(--muted);border-right:1px solid var(--border);padding:.5rem .35rem;cursor:pointer;writing-mode:vertical-rl;font-size:.72rem}.mode-subtabs{display:flex;gap:.35rem;padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--tab-bar);flex-shrink:0}.mode-overlay-bar{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-bottom:1px solid var(--border)}.editor-right-drawer{position:absolute;right:0;top:0;bottom:0;width:min(420px,42vw);background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:5;box-shadow:var(--shadow-md)}.editor-right-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.4rem .55rem;border-bottom:1px solid var(--border)}.editor-panel{position:relative}.plans-mode .plans-side{padding:.4rem}.plans-side-toolbar{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.plans-filters{display:flex;flex-wrap:wrap;gap:.25rem}.plans-side-actions{display:flex;gap:.25rem}.plans-list{list-style:none;margin:0;padding:0}.plans-list-item{margin:0 0 2px}.plans-list-btn{width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);padding:.45rem .5rem;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.plans-list-item.active .plans-list-btn,.plans-list-btn:hover{background:var(--active)}.plans-list-title{font-size:.84rem;font-weight:600}.plans-list-meta{font-size:.7rem}.plans-main{padding:.75rem 1rem 1.25rem}.plans-main-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.plans-main-tabs,.plans-main-actions{display:flex;gap:.35rem}.plans-detail-title{margin:0 0 .35rem;font-size:1.15rem}.plans-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}.plans-progress-bar{height:6px;border-radius:99px;background:var(--item-bg);overflow:hidden;margin-bottom:1rem}.plans-progress-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.plans-section-title{font-size:.85rem;margin:.75rem 0 .4rem}.plans-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.plans-step{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);cursor:grab}.plans-step.done{opacity:.72}.plans-step-body{flex:1 1 auto;min-width:0}.plans-step-title-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.plans-step-type{font-size:.72rem}.plans-step-detail{margin:.25rem 0 0;font-size:.78rem}.plans-sdd-host{flex:1;min-height:0}.browser-side{padding:.5rem}.browser-side-heading{margin:.55rem 0 .3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.browser-side-list{list-style:none;margin:0;padding:0}.browser-side-link{width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--link);padding:.3rem .25rem;border-radius:6px;cursor:pointer;font:inherit;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-side-link:hover{background:var(--hover)}.browser-mode{min-height:0;height:100%;overflow:hidden}.browser-mode-main{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.browser-mode-main .browser-view,.browser-mode-panel,.processes-full,.subagents-full,.dashboard-full{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.browser-panel-root{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.browser-panel-root>.browser-toolbar{flex-shrink:0}.browser-panel-root>.browser-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.browser-toolbar-compact{padding:.35rem .55rem!important;gap:.35rem;flex-wrap:wrap}.browser-toolbar-compact .browser-toolbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.35rem}.browser-side-row{display:flex;align-items:center;gap:.2rem;min-width:0}.browser-side-row .browser-side-link{flex:1 1 auto;min-width:0}.browser-side .pad-side{padding:0 .55rem .35rem}.browser-mode-panel .browser-stage,.browser-panel-root .browser-stage{flex:1 1 auto;min-height:0}.browser-mode-panel .browser-frame,.browser-panel-root:not(.is-device) .browser-device-wrap:not(.is-device) .browser-frame{width:100%;height:100%;min-height:0;border:0;display:block;background:#fff}.browser-mode-panel .browser-device-shell:not(.is-device),.browser-panel-root .browser-device-shell:not(.is-device){flex:1 1 auto;min-height:0;width:100%;height:100%;display:flex;flex-direction:column}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.45rem .65rem}.cmd-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:12000;display:flex;align-items:flex-start;justify-content:center;padding-top:min(18vh,140px)}.cmd-palette{width:min(560px,92vw);background:var(--elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.cmd-palette-head{padding:.65rem .75rem;border-bottom:1px solid var(--border)}.cmd-palette-input{width:100%;border:0;background:transparent;color:var(--text);font:inherit;font-size:1rem;outline:none}.cmd-palette-list{list-style:none;margin:0;padding:.35rem;max-height:min(50vh,360px);overflow:auto}.cmd-palette-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .6rem;border-radius:8px;cursor:pointer}.cmd-palette-item.active,.cmd-palette-item:hover{background:var(--active)}.cmd-palette-item-meta{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.cmd-palette-item-meta kbd{font-family:var(--mono);font-size:.68rem;padding:.1rem .3rem;border-radius:4px;background:var(--item-bg)}.cmd-palette-empty,.cmd-palette-foot{padding:.65rem .85rem;font-size:.78rem}.cmd-palette-foot{border-top:1px solid var(--border)}.vue-studio-host .studio-toast-stack{top:auto!important;bottom:1rem!important;right:1rem!important;left:auto!important}@media(max-width:900px){.mode-tab-index,.mode-context-label,.mode-conn-label{display:none}.mode-workspace-name{max-width:90px}.mode-tab{padding:.35rem .4rem;font-size:.72rem}}.chat-sessions-rail{display:flex;flex-direction:column;min-height:0;flex:1;overflow:auto}.chat-session-bar-compact .chat-setting-label{display:none}.outline-panel{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.outline-head{display:flex;justify-content:space-between;align-items:center;padding:.45rem .55rem;border-bottom:1px solid var(--border);flex-shrink:0}.outline-list{list-style:none;margin:0;padding:.25rem;overflow:auto;flex:1}.outline-btn{width:100%;display:flex;justify-content:space-between;gap:.35rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);text-align:left;padding:.28rem .35rem;border-radius:6px;cursor:pointer;font:inherit;font-size:.78rem}.outline-btn:hover{background:var(--hover)}.outline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-line{font-variant-numeric:tabular-nums;font-size:.68rem}.outline-empty{padding:.75rem}.editor-right-drawer-narrow{width:min(280px,36vw)!important}.browser-mode-tabs{display:flex;align-items:center;gap:2px;padding:.3rem .4rem;border-bottom:1px solid var(--border);background:var(--tab-bar);overflow-x:auto;flex-shrink:0}.browser-mode-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;padding:.3rem .5rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;max-width:160px}.browser-mode-tab.active{background:var(--active);color:var(--active-fg)}.browser-mode-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-mode-tab-close{opacity:.6}.browser-side-list li{display:flex;align-items:center;gap:.15rem}.subagents-side{padding:.4rem}.subagents-side-actions{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap}.subagents-group-title{margin:.5rem 0 .25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.subagents-group-list{list-style:none;margin:0;padding:0}.subagents-group-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);padding:.4rem .45rem;border-radius:8px;cursor:pointer;text-align:left;font:inherit}.subagents-group-item.active,.subagents-group-item:hover{background:var(--active)}.subagents-group-item.is-running .subagents-group-name{color:var(--ok)}.subagents-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem;padding:.75rem;overflow:auto}.subagent-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);padding:.7rem;display:flex;flex-direction:column;gap:.35rem}.subagent-card.is-running{border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}.subagent-card.is-failed{border-color:color-mix(in srgb,var(--error) 45%,var(--border))}.subagent-card-head{display:flex;justify-content:space-between;align-items:center;gap:.35rem}.subagent-card-progress{height:4px;border-radius:99px;background:var(--item-bg);overflow:hidden}.subagent-card-progress>i{display:block;height:100%;background:var(--accent)}.subagent-card-actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.mode-mobile-nav .mobile-nav-btn{min-width:0;flex:1 1 0}.dashboard-mode{display:flex;flex-direction:column;min-height:0;height:100%;background:radial-gradient(900px 280px at 8% -20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),radial-gradient(700px 240px at 92% 0%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 55%),var(--bg)}.dashboard-mode-hero{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.25rem;padding:.85rem 1rem .75rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dashboard-mode-kicker{margin:0 0 .15rem;font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.dashboard-mode-title{margin:0;font-size:1.35rem;font-weight:750;letter-spacing:-.03em;line-height:1.15}.dashboard-mode-lead{margin:.3rem 0 0;font-size:.82rem;max-width:36rem;line-height:1.4}.dashboard-mode-hero-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;max-width:min(100%,36rem);justify-content:flex-end}.dashboard-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:color-mix(in srgb,var(--elevated, var(--panel-2)) 70%,transparent);color:var(--muted);font:inherit;font-size:.78rem;font-weight:550;padding:.38rem .7rem;border-radius:999px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.dashboard-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--hover)}.dashboard-chip.primary,.dashboard-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 55%,var(--accent)));box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 28%,transparent)}.dashboard-chip.accent{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent)}.dashboard-chip.accent:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.dashboard-mode-bento{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.75rem 1rem .55rem}@media(max-width:860px){.dashboard-mode-bento{grid-template-columns:1fr}.dashboard-mode-hero{align-items:flex-start}.dashboard-mode-hero-actions{justify-content:flex-start}}.dashboard-mode .dashboard-full{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 55%,var(--panel))}.dashboard-mode .dashboard-toolbar{flex:0 0 auto;padding:.55rem 1rem .45rem;background:transparent;border-bottom:1px solid var(--border)}.dashboard-mode .dashboard-toolbar .studio-view-heading{display:none}.dashboard-mode .dashboard-toolbar-actions{width:100%;justify-content:space-between}.dashboard-mode .dashboard-body{flex:1 1 auto;min-height:0;padding:.75rem 1rem 1.5rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.dashboard-mode .dashboard-subtabs{padding:.18rem;border-radius:999px;background:color-mix(in srgb,var(--bg) 55%,transparent)}.dashboard-mode .dashboard-subtab{border-radius:999px;padding:.35rem .85rem}.dashboard-mode .dashboard-subtab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 55%,var(--accent)));box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 28%,transparent)}.dash-widget{background:linear-gradient(165deg,color-mix(in srgb,var(--panel-2) 55%,transparent) 0%,var(--panel) 100%);border:1px solid var(--border);border-radius:14px;padding:.65rem .75rem .7rem;min-height:7.5rem;box-shadow:var(--shadow-sm),inset 0 1px #ffffff08;display:flex;flex-direction:column;min-width:0}.dash-widget-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem}.dash-widget-title-wrap{display:inline-flex;align-items:center;gap:.4rem;min-width:0;font-size:.88rem}.dash-widget-icon{width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:.72rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);flex-shrink:0}.dash-widget-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.15rem;padding:0 .35rem;border-radius:999px;font-size:.65rem;font-weight:700;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.dash-widget-badge.warn{background:color-mix(in srgb,var(--warn, #e0b33a) 22%,transparent);color:var(--text)}.dash-widget-more{flex-shrink:0;font-size:.75rem!important;padding:.2rem .45rem!important}.dash-widget-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.dash-widget-item{min-width:0}.dash-widget-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:color-mix(in srgb,var(--bg) 35%,transparent);color:var(--text);text-align:left;padding:.4rem .5rem;border-radius:9px;cursor:pointer;font:inherit;font-size:.8rem;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.dash-widget-row:hover{background:var(--hover);border-color:var(--border)}.dash-widget-row.unread{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.dash-widget-row.unread .dash-widget-title{font-weight:650}.dash-widget-row.level-error{border-color:color-mix(in srgb,var(--error) 28%,var(--border))}.dash-widget-row.pending-accept{border-color:color-mix(in srgb,var(--warn, #e0b33a) 55%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--warn, #e0b33a) 18%,transparent),color-mix(in srgb,var(--warn, #e0b33a) 6%,transparent));box-shadow:inset 3px 0 color-mix(in srgb,var(--warn, #e0b33a) 85%,transparent)}.dash-widget-row.pending-accept .dash-widget-title{font-weight:650}.dash-widget-task-main{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.dash-widget-sub{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-widget-chip{flex-shrink:0;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:999px;line-height:1.2}.dash-widget-chip.warn{background:color-mix(in srgb,var(--warn, #e0b33a) 28%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--warn, #e0b33a) 45%,var(--border))}.dash-widget-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dash-widget-meta{flex-shrink:0;font-size:.72rem}.dash-widget-bar{height:3px;border-radius:99px;background:var(--item-bg);overflow:hidden;margin:.2rem .15rem 0}.dash-widget-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit}.dash-widget-empty{margin:.35rem .15rem}.dash-widget-empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.25rem .1rem .15rem;flex:1;justify-content:center}.dash-widget-empty-state p{margin:0}.mode-subtabs-spacer{flex:1}.processes-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.65rem;padding:.75rem;overflow:auto}.process-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);padding:.7rem;display:flex;flex-direction:column;gap:.35rem}.process-card.running{border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.process-card-head{display:flex;justify-content:space-between;align-items:center;gap:.35rem}.process-card-cmd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono)}.process-card-meta{display:flex;flex-wrap:wrap;gap:.45rem}.process-card-actions{display:flex;gap:.3rem;margin-top:.2rem}.status-pill-ok{color:var(--ok)}.mode-shell-layout.mode-chat .chat-form{border-top:1px solid var(--border)}.mode-shell-layout.mode-chat .chat-settings-fields{flex-wrap:wrap;gap:.35rem}.mode-shell-layout.mode-chat .chat-setting-label{font-size:.68rem}.mode-shell-layout.mode-chat #chat-log{flex:1 1 auto}.plans-step-title-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left;font:inherit}.plans-step-title-btn:hover strong{text-decoration:underline;text-underline-offset:2px}.plans-step-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.plans-step.dragging{opacity:.55;border-style:dashed}.plans-section-title .muted{font-weight:400}.mode-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px color-mix(in srgb,var(--ok) 25%,transparent);flex-shrink:0}.mode-tab-count{font-size:.62rem;font-weight:700;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:99px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.mode-tab-locked{opacity:.55}.mode-tab-locked .mode-tab-label:after{content:" 🔒";font-size:.65em;opacity:.8}.mode-tab.active.mode-tab-badge .mode-tab-dot{background:#fff}.mode-full-host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;width:100%}.mode-full-host-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mode-full-host-body.is-locked-dim{opacity:.72;filter:saturate(.85)}.mode-lock-banner{flex-shrink:0;margin:0;border-radius:0;border-left:0;border-right:0}.mode-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:160px}.mode-loading-spinner{width:28px;height:28px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:mode-spin .7s linear infinite}@keyframes mode-spin{to{transform:rotate(360deg)}}.mode-shell-layout.mode-chat .mode-chat-panel{display:flex;flex-direction:column;min-height:0}.mode-shell-layout.mode-chat .mode-chat-panel #agent-view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.mode-shell-layout.mode-chat .chat-log-host{flex:1 1 auto;min-height:0;overflow:auto}.mode-shell-layout.mode-chat .mode-chat-form{flex-shrink:0;position:sticky;bottom:0;background:var(--panel);z-index:3;box-shadow:0 -8px 24px #0000002e}.mode-shell-layout.mode-chat .agent-tabs-bar{flex-shrink:0;position:sticky;top:0;z-index:2;background:var(--panel)}.mode-full-host-body .processes-mode,.mode-full-host-body .mode-workspace{flex:1 1 auto;min-height:0;height:100%}.mode-full-host-body .studio-view.active,.mode-full-host-body .processes-full.active,.mode-full-host-body .dashboard-full.active,.mode-full-host-body .subagents-full.active{display:flex!important;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}.mode-full-host-body .vue-panel-root{flex:1 1 auto;min-height:0;height:100%}.chat-view-mode-bar{display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-bottom:1px solid var(--border);flex-shrink:0;background:color-mix(in srgb,var(--elevated) 55%,transparent)}.chat-view-mode-btn{position:relative;display:inline-flex;align-items:center;gap:.35rem;opacity:.72;font-weight:500}.chat-view-mode-btn.active{opacity:1;background:color-mix(in srgb,var(--accent-soft) 70%,var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--text);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.chat-system-log-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;line-height:1}.msg.agent-activity{display:flex;align-items:center;gap:.65rem;align-self:flex-start;max-width:96%;padding:.6rem .9rem;margin:.35rem .75rem .65rem;background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius);color:var(--text);font-size:var(--font-sm);animation:agent-activity-fade .35s var(--ease-out)}.agent-activity-pulse{flex:0 0 auto;width:.6rem;height:.6rem;border-radius:50%;background:#3ecf8e;box-shadow:0 0 color-mix(in srgb,#3ecf8e 55%,transparent);animation:agent-activity-pulse 1.2s ease-in-out infinite}.agent-activity-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem;line-height:1.35}.agent-activity-label{font-weight:700}.agent-activity-sep{opacity:.55}.agent-activity-line{color:var(--muted);font-style:italic}@keyframes agent-activity-pulse{0%{box-shadow:0 0 color-mix(in srgb,#3ecf8e 55%,transparent)}70%{box-shadow:0 0 0 .45rem transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes agent-activity-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.chat-log .msg.tool,.chat-log .msg.thinking,.chat-log .msg.system,.chat-log .msg.error{opacity:.92;font-size:.8rem}.chat-log-empty{margin:2rem auto;max-width:22rem;text-align:center}.mode-shell-layout.mode-chat .agent-tabs-bar{border-bottom:1px solid var(--border)}.mode-shell-layout.mode-chat .chat-panel-header{min-height:2.5rem}.chat-panel-header .chat-view-mode-bar-header{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:0;background:transparent;flex-shrink:0}.chat-panel-header .chat-view-mode-bar-header .chat-view-mode-btn{font-size:.8125rem;padding:.28rem .65rem;border-radius:8px}.chat-panel-title-wrap{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1 1 auto}.msg.plan-review-card{align-self:stretch;max-width:100%;background:linear-gradient(160deg,color-mix(in srgb,var(--accent, #3794ff) 14%,var(--panel)) 0%,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent, #3794ff) 42%,var(--border));box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.45rem}.plan-review-card-title{font-weight:700;font-size:.92rem;letter-spacing:-.01em}.plan-review-card-body{color:var(--muted);font-size:.84rem;line-height:1.45;white-space:normal}.plan-review-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.15rem}.plan-review-card-meta{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.03em;color:color-mix(in srgb,var(--accent, #3794ff) 85%,var(--text));padding:.18rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent, #3794ff) 30%,var(--border));background:color-mix(in srgb,var(--accent, #3794ff) 12%,transparent)}.plan-review-open-btn{font-weight:650}.plan-review-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:none;align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.plan-review-modal.is-open,.plan-review-modal:not([hidden]){display:flex}.plan-review-modal[hidden]{display:none!important}.plan-review-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080eb8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.plan-review-modal-card{position:relative;z-index:1;display:flex;flex-direction:column;width:min(920px,96vw);max-height:min(92vh,900px);background:var(--panel, #121820);border:1px solid color-mix(in srgb,var(--accent, #3794ff) 35%,var(--border));border-radius:14px;box-shadow:0 24px 64px #00000073;overflow:hidden}.plan-review-modal-head{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.95rem 1.1rem .8rem;border-bottom:1px solid color-mix(in srgb,var(--accent, #3794ff) 22%,var(--border));background:color-mix(in srgb,var(--accent, #3794ff) 8%,transparent)}.plan-review-modal-head-text{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;min-width:0}.plan-review-modal-head h3{margin:0;font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.plan-review-modal-meta{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:999px;color:color-mix(in srgb,var(--accent, #3794ff) 90%,#fff);background:color-mix(in srgb,var(--accent, #3794ff) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent, #3794ff) 35%,transparent)}.plan-review-modal-close{flex-shrink:0}.plan-review-modal-body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem 1.15rem 1.1rem;font-size:.95rem;line-height:1.7}.plan-review-modal-body.markdown-body h1{font-size:1.4rem;margin-top:.2em}.plan-review-modal-body.markdown-body h2{font-size:1.15rem;margin-top:1.1em}.plan-review-modal-body.markdown-body pre,.plan-review-modal-body.markdown-body table{max-width:100%;overflow-x:auto}.plan-review-modal-footer{flex-shrink:0;display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1.1rem 1rem;border-top:1px solid color-mix(in srgb,var(--accent, #3794ff) 20%,var(--border));background:color-mix(in srgb,var(--elevated, #1a222c) 88%,transparent)}.plan-review-feedback-label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--muted)}.plan-review-feedback{width:100%;min-height:4.5rem;resize:vertical;padding:.55rem .7rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border);background:var(--input-bg, var(--bg));color:var(--text);font:inherit;font-size:.88rem;line-height:1.45}.plan-review-feedback:focus{outline:none;border-color:color-mix(in srgb,var(--accent, #3794ff) 55%,var(--border));box-shadow:var(--focus-ring, 0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent))}.plan-review-modal-actions{display:flex;flex-wrap:wrap;gap:.45rem}.plan-review-modal-actions .btn{min-height:2.15rem;padding:.4rem .9rem;font-weight:650}.plan-review-modal-actions .btn.primary{background:var(--accent, #3794ff);border-color:color-mix(in srgb,var(--accent, #3794ff) 70%,#fff);color:#fff}.plan-review-modal-hint{margin:0;line-height:1.4}body.plan-review-modal-open{overflow:hidden}html[data-theme=light] .plan-review-modal-card{background:#f7f9fc;box-shadow:0 20px 50px #0f172a2e}html[data-theme=light] .plan-review-modal-backdrop{background:#0f172a73}@media(max-width:640px){.plan-review-modal-card{width:100%;max-height:96vh;border-radius:12px}.plan-review-modal-actions .btn{flex:1 1 calc(50% - .45rem)}}.plan-review-modal-actions .btn.deny{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,var(--border));background:color-mix(in srgb,var(--error) 8%,transparent)}.plan-review-modal-actions .btn.deny:hover{background:color-mix(in srgb,var(--error) 14%,transparent)}html.studio-window-detached body{overflow:hidden}html.studio-window-detached .vue-studio-host.studio-detached-host{height:100vh;height:100dvh}html.studio-window-detached .mode-ctx-menu{z-index:100100}:root,html[data-color-scheme=holix-dark],html[data-theme=dark]:not([data-color-scheme]){color-scheme:dark;--bg: #0f1117;--bg-elevated: #161b22;--panel: #161b22;--panel-2: #1c2128;--elevated: #21262d;--code-bg: #0d1117;--input-bg: #0d1117;--tab-bar: #0f1117;--border: color-mix(in srgb, #30363d 92%, transparent);--border-strong: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--accent-2: #79b8ff;--accent-soft: rgba(88, 166, 255, .14);--user: #1a2d4a;--assistant: #151b28;--error: #f85149;--ok: #3fb950;--warn: #d29922;--hover: rgba(255, 255, 255, .045);--active: rgba(88, 166, 255, .16);--active-fg: #ffffff;--tree-dir: #d29922;--item-bg: rgba(0, 0, 0, .22);--shadow: rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--overlay: rgba(5, 8, 14, .72);--msg-tool: #1a2030;--msg-system: #1a2233;--msg-system-fg: #b8c4d8;--msg-subagent: #172033;--msg-error-bg: #2a1618;--scrollbar: #3d4a5c;--link: #79b8ff;--gold: #d29922;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);--radius: 12px;--radius-sm: 8px;--radius-md: 10px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .14s;--duration: .2s;--font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-xs: .6875rem;--font-sm: .8125rem;--font-md: .875rem;--font-lg: 1rem;font-family:var(--font)}html[data-color-scheme=darcula]{color-scheme:dark;--bg: #2b2b2b;--bg-elevated: #3c3f41;--panel: #3c3f41;--panel-2: #4e5254;--elevated: #4e5254;--code-bg: #2b2b2b;--input-bg: #2b2b2b;--tab-bar: #3c3f41;--border: color-mix(in srgb, #595959 90%, transparent);--border-strong: #595959;--text: #a9b7c6;--muted: #808080;--accent: #589df6;--accent-2: #6897bb;--accent-soft: rgba(88, 157, 246, .16);--user: #2d3a48;--assistant: #2b2b2b;--error: #bc3f3c;--ok: #6aab73;--warn: #bbb529;--hover: rgba(255, 255, 255, .06);--active: rgba(88, 157, 246, .18);--active-fg: #a9b7c6;--tree-dir: #bbb529;--item-bg: rgba(0, 0, 0, .2);--shadow: rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32);--overlay: rgba(20, 20, 20, .72);--msg-tool: #3c3f41;--msg-system: #4e5254;--msg-system-fg: #a9b7c6;--msg-subagent: #353739;--msg-error-bg: #3a2828;--scrollbar: #595959;--link: #589df6;--gold: #bbb529;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}html[data-color-scheme=islands-dark]{color-scheme:dark;--bg: #1e1f22;--bg-elevated: #2b2d30;--panel: #2b2d30;--panel-2: #393b40;--elevated: #393b40;--code-bg: #1e1f22;--input-bg: #1e1f22;--tab-bar: #2b2d30;--border: color-mix(in srgb, #43454a 92%, transparent);--border-strong: #43454a;--text: #dfdfdf;--muted: #9a9a9a;--accent: #3574f0;--accent-2: #548af7;--accent-soft: rgba(53, 116, 240, .16);--user: #243044;--assistant: #1e1f22;--error: #c75450;--ok: #57965c;--warn: #d5b244;--hover: rgba(255, 255, 255, .05);--active: rgba(53, 116, 240, .18);--active-fg: #dfdfdf;--tree-dir: #d5b244;--item-bg: rgba(0, 0, 0, .22);--shadow: rgba(0, 0, 0, .42);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32);--overlay: rgba(14, 14, 16, .72);--msg-tool: #2b2d30;--msg-system: #393b40;--msg-system-fg: #c0c0c0;--msg-subagent: #25272a;--msg-error-bg: #3a2828;--scrollbar: #43454a;--link: #548af7;--gold: #d5b244;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}html[data-color-scheme=catppuccin-mocha]{color-scheme:dark;--bg: #1e1e2e;--bg-elevated: #313244;--panel: #313244;--panel-2: #45475a;--elevated: #585b70;--code-bg: #181825;--input-bg: #181825;--tab-bar: #181825;--border: color-mix(in srgb, #585b70 55%, transparent);--border-strong: #585b70;--text: #cdd6f4;--muted: #a6adc8;--accent: #b4befe;--accent-2: #89b4fa;--accent-soft: rgba(180, 190, 254, .16);--user: #313244;--assistant: #1e1e2e;--error: #f38ba8;--ok: #a6e3a1;--warn: #f9e2af;--hover: rgba(205, 214, 244, .06);--active: rgba(180, 190, 254, .18);--active-fg: #cdd6f4;--tree-dir: #fab387;--item-bg: rgba(17, 17, 27, .35);--shadow: rgba(17, 17, 27, .45);--shadow-sm: 0 1px 2px rgba(17, 17, 27, .3);--shadow-md: 0 8px 24px rgba(17, 17, 27, .35);--overlay: rgba(17, 17, 27, .72);--msg-tool: #313244;--msg-system: #45475a;--msg-system-fg: #bac2de;--msg-subagent: #2a2b3d;--msg-error-bg: #3a2430;--scrollbar: #585b70;--link: #89b4fa;--gold: #fab387;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}html[data-color-scheme=tokyo-night]{color-scheme:dark;--bg: #1a1b26;--bg-elevated: #24283b;--panel: #24283b;--panel-2: #414868;--elevated: #3b4261;--code-bg: #16161e;--input-bg: #16161e;--tab-bar: #16161e;--border: color-mix(in srgb, #565f89 55%, transparent);--border-strong: #565f89;--text: #c0caf5;--muted: #a9b1d6;--accent: #7aa2f7;--accent-2: #bb9af7;--accent-soft: rgba(122, 162, 247, .16);--user: #1e2030;--assistant: #1a1b26;--error: #f7768e;--ok: #9ece6a;--warn: #e0af68;--hover: rgba(192, 202, 245, .06);--active: rgba(122, 162, 247, .18);--active-fg: #c0caf5;--tree-dir: #e0af68;--item-bg: rgba(15, 15, 25, .4);--shadow: rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--overlay: rgba(10, 10, 18, .72);--msg-tool: #24283b;--msg-system: #2f334d;--msg-system-fg: #a9b1d6;--msg-subagent: #1f2335;--msg-error-bg: #3b1f2a;--scrollbar: #414868;--link: #7dcfff;--gold: #e0af68;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}html[data-color-scheme=liquid-glass-dark]{color-scheme:dark;--bg: #0c0c0e;--bg-elevated: rgba(28, 28, 30, .88);--panel: rgba(28, 28, 30, .72);--panel-2: rgba(44, 44, 46, .65);--elevated: rgba(58, 58, 60, .72);--code-bg: #121214;--input-bg: rgba(28, 28, 30, .85);--tab-bar: rgba(22, 22, 24, .82);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f5f5f7;--muted: #98989d;--accent: #0a84ff;--accent-2: #64d2ff;--accent-soft: rgba(10, 132, 255, .25);--user: rgba(10, 132, 255, .18);--assistant: rgba(44, 44, 46, .55);--error: #ff453a;--ok: #30d158;--warn: #ffd60a;--hover: rgba(255, 255, 255, .06);--active: rgba(10, 132, 255, .22);--active-fg: #f5f5f7;--tree-dir: #ffd60a;--item-bg: rgba(255, 255, 255, .04);--shadow: rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .28);--overlay: rgba(0, 0, 0, .55);--msg-tool: rgba(44, 44, 46, .7);--msg-system: rgba(58, 58, 60, .65);--msg-system-fg: #d1d1d6;--msg-subagent: rgba(28, 28, 50, .65);--msg-error-bg: rgba(255, 69, 58, .12);--scrollbar: rgba(255, 255, 255, .18);--link: #64d2ff;--gold: #ffd60a;--focus-ring: 0 0 0 2px rgba(10, 132, 255, .45);--glass-blur: 28px;--glass-highlight: rgba(10, 132, 255, .25)}html[data-color-scheme=liquid-glass-light],html[data-theme=light]:not([data-color-scheme]){color-scheme:light;--bg: #f2f2f7;--bg-elevated: rgba(255, 255, 255, .88);--panel: rgba(255, 255, 255, .72);--panel-2: rgba(255, 255, 255, .55);--elevated: rgba(255, 255, 255, .82);--code-bg: #eaeaef;--input-bg: rgba(255, 255, 255, .9);--tab-bar: rgba(242, 242, 247, .88);--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--text: #1c1c1e;--muted: #8e8e93;--accent: #007aff;--accent-2: #5856d6;--accent-soft: rgba(0, 122, 255, .18);--user: rgba(0, 122, 255, .12);--assistant: rgba(255, 255, 255, .65);--error: #ff3b30;--ok: #34c759;--warn: #ffcc00;--hover: rgba(0, 0, 0, .04);--active: rgba(0, 122, 255, .14);--active-fg: #1c1c1e;--tree-dir: #ff9500;--item-bg: rgba(0, 0, 0, .04);--shadow: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 32px rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .28);--msg-tool: rgba(242, 242, 247, .9);--msg-system: rgba(229, 229, 234, .9);--msg-system-fg: #3a3a3c;--msg-subagent: rgba(232, 240, 255, .9);--msg-error-bg: rgba(255, 59, 48, .1);--scrollbar: rgba(0, 0, 0, .18);--link: #007aff;--gold: #ffcc00;--focus-ring: 0 0 0 2px rgba(0, 122, 255, .4);--glass-blur: 28px;--glass-highlight: rgba(0, 122, 255, .18)}html.theme-glass body{background:radial-gradient(1000px 480px at 12% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),radial-gradient(800px 400px at 90% 0%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 50%),var(--bg)}html.theme-glass .mode-topbar,html.theme-glass .topbar,html.theme-glass .page-shell-topbar,html.theme-glass .files-panel,html.theme-glass .chat-panel,html.theme-glass .editor-panel,html.theme-glass .studio-surface,html.theme-glass .dashboard-stat-card,html.theme-glass .dash-widget,html.theme-glass .mode-user-menu,html.theme-glass .cmd-palette,html.theme-glass .settings-card,html.theme-glass .profile-content,html.theme-glass .profile-subtabs{backdrop-filter:blur(var(--glass-blur, 28px)) saturate(1.35);-webkit-backdrop-filter:blur(var(--glass-blur, 28px)) saturate(1.35);box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,#fff 8%,transparent)}html.theme-glass .mode-topbar,html.theme-glass .page-shell-topbar,html.theme-glass .topbar{border-bottom-color:var(--border);background:color-mix(in srgb,var(--tab-bar) 88%,transparent)}html.theme-glass .dashboard-chip.primary,html.theme-glass .dashboard-chip.active,html.theme-glass .btn-primary,html.theme-glass .tab.active,html.theme-glass .dashboard-subtab.active{box-shadow:0 4px 16px var(--glass-highlight, var(--accent-soft)),0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}html.theme-glass .mode-user-menu,html.theme-glass .cmd-palette{border-color:var(--border-strong);background:color-mix(in srgb,var(--elevated) 85%,transparent)}html[data-color-scheme=nord]{color-scheme:dark;--bg: #0f1117;--panel: #161b22;--panel-2: #1c2128;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--error: #f85149;--ok: #3fb950;--warn: #d29922}html[data-color-scheme=sber-light] body{background:radial-gradient(980px 460px at 6% -10%,rgba(33,160,56,.11),transparent 56%),radial-gradient(760px 380px at 94% -4%,rgba(20,143,43,.07),transparent 52%),var(--bg)}html[data-color-scheme=sber-dark] body{background:radial-gradient(980px 460px at 8% -12%,rgba(33,160,56,.18),transparent 54%),radial-gradient(720px 360px at 94% 0%,rgba(61,204,90,.08),transparent 50%),var(--bg)}html[data-color-scheme=sber-light]{color-scheme:light;--bg: #f3f6f4;--bg-elevated: #ffffff;--panel: #ffffff;--panel-2: #eaf2ec;--elevated: #ffffff;--code-bg: #eef4f0;--input-bg: #ffffff;--tab-bar: #f3f6f4;--border: color-mix(in srgb, #c5d4c8 86%, transparent);--border-strong: #b3c6b7;--text: #141414;--muted: #5f6b64;--accent: #21a038;--accent-2: #148f2b;--accent-soft: rgba(33, 160, 56, .12);--user: #def6e3;--assistant: #f7faf8;--error: #e31227;--ok: #21a038;--warn: #f2a900;--hover: rgba(20, 20, 20, .045);--active: rgba(33, 160, 56, .16);--active-fg: #0b3d16;--tree-dir: #148f2b;--item-bg: rgba(20, 40, 24, .04);--shadow: rgba(16, 40, 22, .1);--shadow-sm: 0 1px 2px rgba(16, 40, 22, .07);--shadow-md: 0 12px 32px rgba(16, 40, 22, .1);--overlay: rgba(16, 28, 20, .46);--msg-tool: #eef6f0;--msg-system: #e8f3ea;--msg-system-fg: #3d5344;--msg-subagent: #e4f3e8;--msg-error-bg: #fdecee;--scrollbar: #b3c6b7;--link: #148f2b;--gold: #f2a900;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);--radius: 16px;--radius-sm: 10px;--radius-md: 12px;--font: "Manrope", "SB Sans Text", "SB Sans Display", "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}html[data-color-scheme=sber-dark]{color-scheme:dark;--bg: #0b120e;--bg-elevated: #121a15;--panel: #141d17;--panel-2: #1a2720;--elevated: #1d2c23;--code-bg: #0a100c;--input-bg: #0a100c;--tab-bar: #0b120e;--border: color-mix(in srgb, #2a4033 88%, transparent);--border-strong: #355240;--text: #e8f5eb;--muted: #93a89a;--accent: #21a038;--accent-2: #3dcc5a;--accent-soft: rgba(33, 160, 56, .2);--user: #14351d;--assistant: #101912;--error: #ff5a65;--ok: #3dcc5a;--warn: #f2c14e;--hover: rgba(255, 255, 255, .045);--active: rgba(33, 160, 56, .22);--active-fg: #ffffff;--tree-dir: #3dcc5a;--item-bg: rgba(0, 0, 0, .28);--shadow: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 12px 32px rgba(0, 0, 0, .42);--overlay: rgba(4, 8, 6, .72);--msg-tool: #15251b;--msg-system: #17301f;--msg-system-fg: #b7d4be;--msg-subagent: #14241a;--msg-error-bg: #2a1416;--scrollbar: #355240;--link: #3dcc5a;--gold: #f2c14e;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent);--radius: 16px;--radius-sm: 10px;--radius-md: 12px;--font: "Manrope", "SB Sans Text", "SB Sans Display", "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}html[data-color-scheme=sber-light] .btn-primary,html[data-color-scheme=sber-dark] .btn-primary,html[data-color-scheme=sber-light] .dashboard-chip.primary,html[data-color-scheme=sber-dark] .dashboard-chip.primary{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:var(--radius-pill);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 30%,transparent)}html[data-color-scheme=sber-light] .btn-primary:hover,html[data-color-scheme=sber-dark] .btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}html[data-color-scheme=sber-light] .mode-topbar,html[data-color-scheme=sber-light] .topbar,html[data-color-scheme=sber-light] .page-shell-topbar,html[data-color-scheme=sber-light] .profile-card,html[data-color-scheme=sber-light] .settings-card,html[data-color-scheme=sber-light] .dashboard-stat-card,html[data-color-scheme=sber-light] .dash-widget{box-shadow:var(--shadow-sm)}html[data-color-scheme=sber-light] .tab.active,html[data-color-scheme=sber-dark] .tab.active,html[data-color-scheme=sber-light] .dashboard-subtab.active,html[data-color-scheme=sber-dark] .dashboard-subtab.active,html[data-color-scheme=sber-light] .dashboard-chip.active,html[data-color-scheme=sber-dark] .dashboard-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}html[data-color-scheme=sber-light] .theme-card:has(input:checked),html[data-color-scheme=sber-dark] .theme-card:has(input:checked),html[data-color-scheme=sber-light] .theme-card.is-selected,html[data-color-scheme=sber-dark] .theme-card.is-selected{border-radius:16px}html[data-color-scheme=catppuccin-latte]{color-scheme:light;--bg: #f2f2f7;--panel: rgba(255, 255, 255, .72);--panel-2: rgba(255, 255, 255, .55);--text: #1c1c1e;--muted: #8e8e93;--accent: #007aff;--error: #ff3b30;--ok: #34c759;--warn: #ffcc00}