:root{--chrome:#171716;--chrome-2:#1f1f1d;--chrome-3:#292825;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f3f0ea;--text-soft:#aaa69f;--paper:#f6f1e9;--paper-2:#e7e1d8;--ink:#292723;--accent:#cb7568;--accent-hover:#dc877a;--accent-action:#a8564d;--accent-action-hover:#b9655b;--sage:#8da080;--success:#9db78e;--danger:#df8177;--left-panel-width:350px;--right-panel-width:330px;--topbar-height:64px;--font-ui:"Manrope", sans-serif;--font-display:"Cormorant Garamond", Georgia, serif}*{box-sizing:border-box;letter-spacing:0}html,body{background:var(--chrome);width:100%;height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#root{width:100%;height:100%}button,textarea,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio{grid-template-rows:var(--topbar-height) minmax(0, 1fr);height:100%;display:grid}.studio-topbar{background:var(--chrome);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:minmax(280px,1fr) auto minmax(420px,1fr);align-items:center;gap:20px;min-width:0;padding:0 16px;display:grid}.topbar-brand,.topbar-actions,.topbar-center,.panel-toggles,.segmented-control{align-items:center;display:flex}.topbar-brand{gap:12px;min-width:0}.studio[data-agent-mode=remote] .local-only,.studio[data-agent-mode=local] .remote-only,body[data-agent-mode=local]>.auth-overlay{display:none!important}.studio-logo{color:var(--text);font-family:var(--font-display);white-space:nowrap;font-size:25px;font-weight:600;line-height:1;text-decoration:none}.studio-logo span{color:var(--accent)}.topbar-divider{background:var(--line-strong);width:1px;height:24px}.project-name{min-width:0;max-width:260px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:13px;font-weight:600;overflow:hidden}.project-name:hover{background:var(--chrome-3)}.account-control,.site-switcher{align-items:center;display:flex}.site-switcher{min-width:0;position:relative}.site-switcher-trigger{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff06, transparent 62%), var(--chrome-2);min-width:168px;max-width:min(290px,26vw);min-height:42px;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:10px;padding:5px 9px 5px 11px;display:grid}.site-switcher-trigger:hover,.site-switcher.is-open .site-switcher-trigger{background-color:#24231f;border-color:#cb75688c}.site-switcher-trigger>span{gap:1px;min-width:0;display:grid}.site-switcher-trigger small{color:#77736c;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.site-switcher-trigger strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.site-switcher-trigger>svg{width:15px;height:15px;color:var(--text-soft);transition:transform .16s}.site-switcher.is-open .site-switcher-trigger>svg{transform:rotate(180deg)}.site-switcher-trigger:disabled{opacity:.5;cursor:default}.context-menu{z-index:90;border:1px solid var(--line-strong);color:var(--text);background:linear-gradient(145deg,#cb75680f,#0000 38%),#20201e;border-radius:8px;display:grid;position:absolute;overflow:hidden;box-shadow:0 22px 56px #0000007a,0 2px 8px #0000004d}.site-switcher-menu{width:min(360px,100vw - 24px);top:calc(100% + 8px);left:0}.context-menu-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:15px 16px 12px;display:flex}.context-menu-heading>div{gap:2px;min-width:0;display:grid}.context-menu-heading strong{font-family:var(--font-display);font-size:17px;font-weight:600}.context-menu-heading span{color:var(--text-soft);font-size:9px;line-height:1.45}.context-menu-count{border:1px solid var(--line);border-radius:50%;place-items:center;min-width:24px;height:24px;display:inline-grid;color:var(--text-soft)!important;font-size:9px!important}.context-menu-list{scrollbar-width:thin;gap:3px;max-height:280px;padding:7px;display:grid;overflow-y:auto}.context-menu-item{min-width:0;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;display:grid}.context-menu-item:hover{background:var(--chrome-3);color:var(--text)}.context-menu-item.is-active{color:var(--text);background:#cb756817;border-color:#cb756852}.context-menu-item>span{gap:2px;min-width:0;display:grid}.context-menu-item strong,.context-menu-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-menu-item strong{font-size:11px;font-weight:650}.context-menu-item small{color:#827e77;font-size:8px}.context-menu-item>svg{width:15px;height:15px;color:var(--accent)}.context-menu-primary-actions,.context-menu-secondary-actions{border-top:1px solid var(--line);gap:4px;padding:7px;display:grid}.context-menu-primary-actions button,.context-menu-primary-actions a,.context-menu-secondary-actions button{min-height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:0 9px;font-size:10px;font-weight:650;display:flex}.context-menu-primary-actions button,.context-menu-primary-actions a{color:#e5b1a9;background:#cb75681f;justify-content:center;text-decoration:none}.context-menu-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.context-menu-primary-actions button:hover,.context-menu-primary-actions a:hover,.context-menu-secondary-actions button:hover{background:var(--chrome-3);color:var(--text)}.context-menu-secondary-actions button.is-danger:hover{color:#f0a098;background:#df81771c}.context-menu-primary-actions button:disabled,.context-menu-secondary-actions button:disabled{opacity:.3;cursor:default}.context-menu-primary-actions svg,.context-menu-secondary-actions svg{width:14px;height:14px}.account-control{border-right:1px solid var(--line);flex:none;gap:3px;min-width:0;margin-right:3px;padding-right:6px}.account-link{min-width:0;color:var(--text-soft);align-items:center;gap:5px;padding:6px;text-decoration:none;display:flex}.account-link:hover{color:var(--text);background:var(--chrome-3)}.account-link svg{flex:none;width:15px;height:15px}.account-link span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px;overflow:hidden}.save-status{color:var(--text-soft);white-space:nowrap;font-size:11px}.save-status.is-saving{color:#d8b787}.topbar-center{justify-content:center}.topbar-actions{justify-content:flex-end;gap:7px;min-width:0}.panel-toggles{border:1px solid var(--line);border-radius:6px;gap:2px;padding:3px}.segmented-control{border:1px solid var(--line);background:#111110;border-radius:6px;gap:2px;padding:3px}.icon-button,.panel-icon-button,.send-button{cursor:pointer;border:0;flex:none;place-items:center;display:inline-grid}.icon-button{width:34px;height:34px;color:var(--text-soft);background:0 0;border-radius:5px}.icon-button:hover,.icon-button.is-active{background:var(--chrome-3);color:var(--text)}.icon-button:disabled{opacity:.32;cursor:default}.icon-button svg,.panel-icon-button svg,.button svg,.send-button svg,.panel-title>svg,.mobile-workspace-tabs svg,.file-button svg{stroke-width:1.8px;width:17px;height:17px}.button{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.button-secondary{background:var(--chrome-2);border-color:var(--line);color:var(--text)}.button-secondary:hover{background:var(--chrome-3);border-color:var(--line-strong)}.button-primary{background:var(--accent-action);color:#fff}.button-primary:hover{background:var(--accent-action-hover)}.button:disabled{opacity:.45;cursor:default}.mobile-workspace-tabs{display:none}.studio-workspace{grid-template-columns:var(--left-panel-width) 6px minmax(420px, 1fr) 6px var(--right-panel-width);background:#111110;min-width:0;min-height:0;display:grid;overflow:hidden}.studio-panel{background:var(--chrome-2);grid-template-rows:52px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.chat-panel,.studio[data-agent-mode=remote] .chat-panel{grid-template-rows:58px minmax(0,1fr) auto}.panel-header{z-index:4;border-bottom:1px solid var(--line);background:var(--chrome-2);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 12px 0 16px;display:flex;position:relative}.panel-title{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.panel-drag-handle{color:#74716b;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:26px;height:30px;padding:0;display:inline-grid}.panel-drag-handle:hover,.panel-drag-handle:focus-visible{background:var(--chrome-3);color:var(--text-soft)}.panel-drag-handle:active{cursor:grabbing;transform:scale(.96)}.panel-drag-handle svg{stroke-width:1.8px;width:16px;height:16px}.panel-title>svg{color:var(--text-soft)}.panel-title div{gap:2px;min-width:0;display:grid}.panel-title strong,.panel-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-title strong{font-size:12px;font-weight:700}.panel-title small{color:var(--text-soft);font-size:10px}.agent-presence{background:var(--success);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #9db78e1a}.studio[data-agent-mode=local] .agent-presence{background:#d8b787;box-shadow:0 0 0 4px #d8b7871a}.panel-actions{flex:none;align-items:center;gap:2px;display:flex}.conversation-history,.conversation-history-trigger{position:relative}.conversation-history-trigger>span{background:var(--accent-action);color:#fff;border:1px solid #20201e;border-radius:7px;place-items:center;min-width:14px;height:14px;font-size:7px;font-weight:800;display:inline-grid;position:absolute;top:1px;right:0}.conversation-history-menu{width:min(330px,100vw - 24px);top:calc(100% + 10px);right:0}.panel-icon-button{width:30px;height:30px;color:var(--text-soft);background:0 0;border-radius:4px}.panel-icon-button:hover{background:var(--chrome-3);color:var(--text)}.panel-icon-button:active:not(:disabled){transform:scale(.96)}.panel-icon-button:disabled{opacity:.2;cursor:default}.studio-panel{transition:opacity .14s}.studio-workspace.is-reordering,.studio-workspace.is-resizing{-webkit-user-select:none;user-select:none}.studio-workspace.is-reordering iframe,.studio-workspace.is-resizing iframe{pointer-events:none}.studio-panel.is-panel-dragging{opacity:.42}.studio-panel.is-drop-before:after,.studio-panel.is-drop-after:after{content:"";z-index:30;background:var(--accent);pointer-events:none;border-radius:2px;width:4px;position:absolute;top:6px;bottom:6px;box-shadow:0 0 0 1px #111110cc,0 0 18px #cb756880}.studio-panel.is-drop-before:after{left:2px}.studio-panel.is-drop-after:after{right:2px}.workspace-splitter{z-index:5;cursor:col-resize;touch-action:none;background:#111110;position:relative}.workspace-splitter:after{content:"";background:var(--line);transition:background .16s;position:absolute;inset:0 2px}.workspace-splitter:hover:after,.workspace-splitter.is-dragging:after,.workspace-splitter:focus-visible:after{background:var(--accent)}.studio-workspace>[hidden]{display:none!important}.studio-workspace.is-focus-chat,.studio-workspace.is-focus-preview,.studio-workspace.is-focus-files{grid-template-columns:minmax(0,1fr)}.studio-workspace.is-focus-chat>:not(.chat-panel),.studio-workspace.is-focus-preview>:not(.preview-panel),.studio-workspace.is-focus-files>:not(.files-panel){display:none}.studio-workspace.is-focus-chat .chat-panel,.studio-workspace.is-focus-preview .preview-panel,.studio-workspace.is-focus-files .files-panel{grid-column:1}.chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45433e transparent;min-height:0;padding:20px 16px;overflow-y:auto}.chat-log{gap:16px;display:grid}.message{gap:7px;min-width:0;display:grid}.message.is-entering{animation:.22s both message-in}.message-meta{color:var(--text-soft);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.message-meta span:first-child{background:var(--chrome-3);width:18px;height:18px;color:var(--accent);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:13px;display:grid}.message.user .message-meta{justify-content:flex-end}.message-copy{border:1px solid var(--line);color:#e7e3dc;overflow-wrap:anywhere;border-radius:6px;max-width:94%;padding:11px 12px;font-size:12px;line-height:1.6}.message.agent .message-copy{background:#24231f}.message.user .message-copy{background:#3a2926;border-color:#cb756847;justify-self:end}.message-copy p{margin:0}.message-copy ul{margin:8px 0 0;padding-left:17px}.message-copy li+li{margin-top:4px}.agent-run{gap:8px;display:grid}.agent-run-step{color:var(--text-soft);align-items:center;gap:8px;display:flex}.agent-run-step:before{content:"";border:1px solid #68645d;border-radius:50%;flex:none;width:7px;height:7px}.agent-run-step.is-active{color:var(--text)}.agent-run-step.is-active:before{border-color:var(--accent);border-right-color:#0000;animation:.7s linear infinite spin}.agent-run-step.is-done:before{border-color:var(--success);background:var(--success)}.agent-run-cancel{color:#aaa69f;width:fit-content;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-top:2px;padding:2px 0;font-size:10px;line-height:1.4}.agent-run-cancel:hover,.agent-run-cancel:focus-visible{color:#ddd7ce;border-bottom-color:currentColor;outline:none}.agent-run-cancel:disabled{color:#77736c;cursor:wait;border-bottom-color:#0000}.message.agent.is-failed .message-copy,.message.agent.is-canceled .message-copy{background:#552f2b47;border-color:#d8897f57}.message.agent.is-canceled .message-copy{background:#4d484142;border-color:#afa79957}.change-summary{border-top:1px solid var(--line);color:#c7c2ba;margin-top:5px;padding-top:9px;font-size:11px}.subagent-summary{border-top:1px solid var(--line);min-width:0;margin-top:9px;padding-top:9px}.subagent-summary-title{color:#d6a198;font-size:11px;font-weight:700}.message-copy .subagent-list{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.subagent-item{flex-wrap:wrap;align-items:baseline;gap:2px 7px;min-width:0;display:flex}.subagent-role{color:#e4e0d9;flex:none;font-size:11px;line-height:1.5}.subagent-status{color:#d9897f;font-size:10px;line-height:1.55}.subagent-item.is-failed .subagent-role{color:#d6b7b1}.subagent-files{color:#aaa69f;overflow-wrap:anywhere;flex:140px;min-width:0;font-size:10px;line-height:1.55}.message-attachments{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.message-attachments span{border:1px solid var(--line);color:#bbb6ae;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;min-width:0;max-width:100%;padding:4px 6px;font-size:9px;overflow:hidden}.prompt-starters{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.prompt-starters button{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:5px;padding:8px 10px;font-size:10px}.prompt-starters button:hover{color:var(--text);border-color:#cb756880}.chat-composer{border:1px solid var(--line-strong);background:#151514;border-radius:7px;margin:0 12px 12px;overflow:hidden;box-shadow:0 12px 28px #0003}.chat-composer:focus-within{border-color:#cb7568b3}.ai-usage{border-bottom:1px solid var(--line);background:#1b1b19;gap:7px;padding:9px 10px 8px 12px;display:grid}.ai-usage[hidden]{display:none}.ai-usage-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;display:grid}.ai-usage-label,.ai-usage-value{min-width:0;font-size:9px;line-height:1.3}.ai-usage-label{color:#d9d4cc;font-weight:700}.ai-usage-head strong{color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px;font-weight:600}.ai-usage-action{color:#c8d6bf;cursor:pointer;background:#8da0801a;border:1px solid #8da0806b;border-radius:4px;align-items:center;gap:5px;min-height:26px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.ai-usage-action[hidden]{display:none}.ai-usage-action:hover{color:#e4eddf;background:#8da0802e;border-color:#9db78eb3}.ai-usage-action svg{stroke-width:2px;width:12px;height:12px}.ai-usage-track{background:#34332f;border-radius:2px;height:4px;overflow:hidden}.ai-usage-track span{border-radius:inherit;background:var(--success);width:100%;height:100%;transition:width .22s,background-color .16s;display:block}.ai-usage.is-loading .ai-usage-head strong{color:#b8b3ab}.ai-usage.is-loading .ai-usage-track span{background:#77736c;animation:.9s ease-in-out infinite alternate ai-usage-loading}@keyframes ai-usage-loading{0%{transform:translate(0)}to{transform:translate(175%)}}.ai-usage.is-low .ai-usage-label,.ai-usage.is-low .ai-usage-head strong{color:#d9b273}.ai-usage.is-low .ai-usage-track span{background:#c7964e}.ai-usage.is-empty{background:#5c2f2b3d;border-bottom-color:#df817757}.ai-usage.is-empty .ai-usage-label,.ai-usage.is-empty .ai-usage-head strong{color:#eea097}.ai-usage.is-empty .ai-usage-track{background:#df817733}.ai-usage.is-empty .ai-usage-action{color:#f0aaa2;background:#df81771a;border-color:#df817773}.asset-library{border-bottom:1px solid var(--line);background:#1a1a18;gap:8px;padding:10px;display:grid}.asset-library-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-library-head>div{gap:1px;min-width:0;display:grid}.asset-library-head strong{color:#ddd8d0;font-size:10px}.asset-library-head span,.asset-library-name small{color:#8e8a83;font-size:8px}.asset-storage-meter{background:#34332f;border-radius:2px;flex:none;width:54px;height:4px;overflow:hidden}.asset-storage-meter i,.asset-upload-row i{border-radius:inherit;background:#a8ba9b;height:100%;display:block}.asset-upload-row{color:#c9d4c0;border:1px solid #a8ba9b3d;border-radius:5px;gap:5px;padding:7px 8px;font-size:9px;display:grid}.asset-upload-row>div{background:#343a31;border-radius:2px;height:3px;overflow:hidden}.asset-library-list{scrollbar-width:thin;gap:4px;max-height:176px;display:grid;overflow-y:auto}.asset-library-item{background:#20201e;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;min-width:0;display:grid}.asset-library-item:hover,.asset-library-item.is-selected{background:#262522;border-color:#484640}.asset-library-item.is-selected{border-color:#a8ba9b7a}.asset-library-item.is-background{background:#2b2421;border-color:#df8177b3}.asset-library-select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:5px;display:grid}.asset-library-preview{color:#aaa59d;background:#32312d;border-radius:4px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.asset-library-preview img{object-fit:cover;width:100%;height:100%}.asset-library-preview svg{width:16px;height:16px}.asset-library-name{gap:2px;min-width:0;display:grid}.asset-library-name strong{color:#d7d2ca;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.asset-library-check{color:#afc5a1;width:14px;height:14px}.asset-library-delete{color:#77736c;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:26px;height:26px;padding:0;display:grid}.asset-library-delete:hover{color:#df8177;background:#cd665c1f}.asset-library-delete svg{width:13px;height:13px}.asset-library-empty{color:#8e8a83;margin:0;padding:9px 7px;font-size:9px;line-height:1.45}.chat-composer textarea{resize:none;width:100%;min-height:72px;max-height:180px;color:var(--text);background:0 0;border:0;outline:0;padding:12px 12px 4px;font-size:12px;line-height:1.55;display:block}.attachment-list:empty{display:none}.attachment-list{flex-wrap:wrap;gap:6px;padding:4px 10px 2px;display:flex}.attachment-chip{border:1px solid var(--line);background:var(--chrome-3);color:#cbc6be;border-radius:5px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:5px 6px 5px 8px;font-size:9px;display:inline-flex}.attachment-chip.is-background{background:#322622;border-color:#df817785}.attachment-chip>img{object-fit:cover;border-radius:3px;flex:none;width:24px;height:24px}.attachment-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;display:grid;overflow:hidden}.attachment-chip small{color:#df8177;text-transform:uppercase;font-size:7px;font-weight:700;line-height:1}.attachment-chip button{width:20px;height:20px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid}.attachment-chip button:hover{color:var(--text);background:#4a4741}.chat-composer textarea::placeholder{color:#928e87}.composer-footer{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 7px 7px 12px;display:flex}.composer-tools{align-items:center;gap:7px;min-width:0;display:flex}.composer-icon-button{width:30px;height:30px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.composer-icon-button:hover{background:var(--chrome-3);color:var(--text)}.composer-icon-button.is-active{color:#d7d2ca;background:#34332f}.composer-icon-button svg{stroke-width:1.8px;width:16px;height:16px}.composer-hint{color:#928e87;font-size:9px}.send-button{background:var(--accent-action);color:#fff;border-radius:5px;width:32px;height:32px}.send-button:hover{background:var(--accent-action-hover)}.send-button:disabled{opacity:.45;cursor:default}.preview-panel{background:#d4d0c9}.preview-header{background:#20201e}.preview-stage{overscroll-behavior:contain;background-color:#d4d0c9;background-image:linear-gradient(#1e1d1b0b 1px,#0000 1px),linear-gradient(90deg,#1e1d1b0b 1px,#0000 1px);background-size:24px 24px;place-items:center;min-height:0;padding:28px;display:grid;position:relative;overflow:auto}.element-subchat{z-index:20;width:min(410px,100% - 28px);color:var(--text);background:#181817;border:1px solid #29272338;border-radius:7px;position:absolute;bottom:14px;left:14px;overflow:hidden;box-shadow:0 18px 54px #1e1b174d}.element-inspector{background:#1b1b19;gap:7px;padding:11px 12px 12px;display:grid}.element-inspector>label,.element-font-row>label{color:#cbc6be;font-size:9px;font-weight:700}.element-inspector textarea,.element-font-row select{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#111110;border-radius:5px;outline:0;font-size:11px}.element-inspector textarea{resize:vertical;min-height:58px;padding:9px 10px;line-height:1.45}.element-font-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.element-font-row>label{grid-column:1/-1}.element-font-row select{height:36px;padding:0 30px 0 9px}.element-agent-divider{color:var(--text-soft);text-transform:uppercase;background:#151514;align-items:center;gap:8px;padding:0 12px;font-size:8px;display:flex}.element-agent-divider:before,.element-agent-divider:after{content:"";background:var(--line);flex:1;height:1px}.element-subchat-header,.element-subchat-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.element-subchat-header{border-bottom:1px solid var(--line);min-height:46px;padding:7px 7px 7px 12px}.element-subchat-header>div{gap:2px;min-width:0;display:grid}.element-subchat-header span,.element-subchat-footer span{color:var(--text-soft);font-size:9px}.element-subchat-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.element-subchat textarea{resize:vertical;width:100%;min-height:68px;max-height:150px;color:var(--text);background:#151514;border:0;outline:0;padding:11px 12px;font-size:11px;line-height:1.5;display:block}.element-subchat-footer{border-top:1px solid var(--line);min-height:44px;padding:6px 7px 7px 12px}.element-subchat-footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-browser{background:#fff;border:1px solid #1f1e1b33;border-radius:7px;grid-template-rows:34px minmax(0,1fr);width:min(100%,1080px);height:min(100%,760px);min-height:520px;transition:width .24s,height .24s;display:grid;overflow:hidden;box-shadow:0 24px 60px #28241e2e}.preview-stage[data-device=mobile] .preview-browser{width:390px;height:min(100%,780px);min-height:620px}.browser-bar{background:#eeebe6;border-bottom:1px solid #ded9d1;align-items:center;gap:6px;padding:0 10px;display:flex}.browser-bar>span{background:#bdb8b0;border-radius:50%;width:7px;height:7px}.browser-bar>span:first-child{background:#cf7d70}.browser-bar>span:nth-child(2){background:#d2af69}.browser-bar>span:nth-child(3){background:#91a982}.browser-bar div{color:#77716a;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-left:6px;font-size:9px;overflow:hidden}.preview-frame-stack{min-width:0;min-height:0;position:relative;overflow:hidden}.preview-frame{background:var(--paper);border:0;width:100%;height:100%;position:absolute;inset:0}.preview-frame.is-visible{z-index:1;opacity:1;visibility:visible}.preview-frame.is-pending{z-index:0;opacity:0;visibility:visible;pointer-events:none}.preview-update-status{z-index:3;color:#6f6a63;opacity:0;pointer-events:none;background:#f6f1e9e6;border:1px solid #29272329;border-radius:5px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:9px;font-weight:700;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-3px);box-shadow:0 5px 16px #2927231a}.preview-update-status.is-visible{opacity:1;transform:translateY(0)}.preview-update-status svg{width:13px;height:13px;animation:.9s linear infinite spin}.files-panel{background:#181817}.files-layout{grid-template-columns:116px minmax(0,1fr);min-height:0;display:grid}.file-tree{border-right:1px solid var(--line);background:#151514;min-width:0;padding:12px 7px}.file-tree-label{color:#77736c;margin:0 7px 8px;font-size:9px;font-weight:700}.file-button{color:#a7a39c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-width:0;padding:8px 7px;font-size:10px;display:grid}.file-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-button small{color:#d4a16e;font-size:8px}.file-button:hover,.file-button.is-active{background:var(--chrome-3);color:var(--text)}.code-view{grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;display:grid}.code-toolbar{border-bottom:1px solid var(--line);color:#a9a59e;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 7px 0 12px;font-size:10px;display:flex}.code-view pre{scrollbar-width:thin;scrollbar-color:#45433e transparent;background:#121211;min-width:0;min-height:0;margin:0;padding:16px;overflow:auto}.code-view code{color:#d3cfc7;white-space:pre;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.toast{z-index:100;border:1px solid var(--line-strong);max-width:min(420px,100vw - 32px);color:var(--text);opacity:0;pointer-events:none;background:#292824;border-radius:6px;padding:10px 14px;font-size:11px;transition:opacity .18s,transform .18s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,8px);box-shadow:0 16px 38px #0000004d}.auth-overlay{z-index:200;background:#111110f5;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.publish-overlay{z-index:210;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111110c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.publish-overlay[hidden]{display:none}.publish-shell{border:1px solid var(--line-strong);background:var(--chrome-2);border-radius:7px;width:min(560px,100%);overflow:hidden;box-shadow:0 28px 90px #00000080}.publish-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:15px 16px 15px 22px;display:flex}.publish-header p,.publish-header h2{margin:0}.publish-header p{color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700}.publish-header h2{font-family:var(--font-display);font-size:25px;font-weight:600}.publish-form{gap:9px;padding:20px 22px 22px;display:grid}.publish-form>label,.publish-result>label{color:#cbc6be;font-size:10px;font-weight:700}.slug-control,.publish-result>div{border:1px solid var(--line-strong);background:#151514;border-radius:5px;align-items:center;min-width:0;display:flex}.slug-control:focus-within,.publish-result>div:focus-within{border-color:#cb7568cc}.slug-control>span{color:var(--text-soft);white-space:nowrap;padding:0 0 0 11px;font-size:11px}.slug-control>span:last-child{padding:0 11px 0 0}.slug-control input,.publish-result input{min-width:0;height:42px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:12px}.publish-hint,.publish-status{min-height:16px;color:var(--text-soft);margin:0;font-size:10px;line-height:1.5}.publish-status.is-error{color:var(--danger)}.publish-status.is-success{color:#9ec39d}.publish-status.is-pending{color:#d8b787}.publish-result{border-top:1px solid var(--line);gap:7px;margin-top:5px;padding-top:15px;display:grid}.publish-result[hidden]{display:none}.publish-result input{padding-left:11px}.publish-result .icon-button{margin-right:3px}.publish-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.auth-overlay[hidden]{display:none}.auth-shell{border:1px solid var(--line-strong);background:var(--chrome-2);border-radius:7px;width:min(420px,100%);padding:34px;box-shadow:0 28px 80px #0000006b}.auth-shell>.studio-logo{margin-bottom:28px;display:inline-block}.auth-eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:700}.auth-shell h1{font-family:var(--font-display);margin:0;font-size:34px;font-weight:600;line-height:1}.auth-copy{color:var(--text-soft);margin:12px 0 24px;font-size:12px;line-height:1.6}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.auth-tabs button{min-height:40px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 8px;font-size:11px;font-weight:700}.auth-tabs button:hover,.auth-tabs button.is-active{color:var(--text)}.auth-tabs button.is-active{border-bottom-color:var(--accent)}.auth-form{gap:8px;display:grid}.auth-form label{color:#cbc6be;margin-top:5px;font-size:10px;font-weight:700}.auth-form input{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--text);background:#151514;border-radius:5px;outline:0;padding:0 11px;font-size:12px}.auth-form input:focus{border-color:#cb7568bf}.auth-form input::placeholder{color:#77736c}.auth-secondary-action{color:#d9a69e;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-content:center;justify-self:end;align-items:center;gap:7px;min-height:36px;padding:0;font-size:10px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.auth-secondary-action:hover{color:var(--text)}.auth-secondary-action svg{width:14px;height:14px}.auth-back-action{justify-self:center;margin-top:2px}.auth-hint,.auth-error,.auth-state-notice{margin:1px 0 0;font-size:10px;line-height:1.5}.auth-hint{color:var(--text-soft)}.auth-error{color:var(--danger)}.auth-state-notice{color:#a9c7a7}.auth-submit{width:100%;margin-top:10px}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-state{justify-items:start;gap:10px;display:grid}.auth-state[hidden],#auth-credentials[hidden]{display:none}.auth-state>p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.6}.auth-state-icon{color:#a9c7a7;background:#7ca47724;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:8px;display:grid}.auth-state-icon svg{width:20px;height:20px}.auth-state-email{overflow-wrap:anywhere;max-width:100%;color:var(--text);font-size:12px}.auth-state-actions{gap:8px;width:100%;margin-top:10px;display:grid}.auth-state-actions .button,.auth-state-back{width:100%}.auth-checking{align-content:center;min-height:110px}.auth-state-line{background:var(--accent);transform-origin:0;width:42px;height:3px;margin-bottom:10px;animation:1.2s ease-in-out infinite alternate auth-state-line;display:block}@keyframes auth-state-line{0%{opacity:.55;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}.auth-legal{color:#8e8981;margin:14px 0 0;font-size:9px;line-height:1.55}.auth-legal a,.billing-legal a{color:#d9a69e;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.billing-overlay{z-index:240;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 15%,#cb75681f,#0000 38%),#0c0c0beb;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.billing-overlay[hidden]{display:none}.billing-shell{border:1px solid var(--line-strong);background:#1d1d1b;border-radius:8px;width:min(620px,100%);padding:38px;position:relative;box-shadow:0 30px 90px #00000080}.billing-close{width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.billing-close:hover{background:var(--chrome-3);color:var(--text)}.billing-close svg{width:18px;height:18px}.billing-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:700}.billing-shell h2{font-family:var(--font-display);margin:0;font-size:clamp(34px,5vw,48px);font-weight:600;line-height:.95}.billing-copy{max-width:500px;color:var(--text-soft);margin:14px 0 26px;font-size:12px;line-height:1.65}.billing-form{gap:16px;display:grid}.billing-plans{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.billing-plan{border:1px solid var(--line);cursor:pointer;background:#171716;border-radius:7px;gap:10px;min-width:0;padding:18px;transition:border-color .16s,background-color .16s,transform .16s;display:grid;position:relative}.billing-plan:hover{border-color:var(--line-strong);transform:translateY(-1px)}.billing-plan.is-selected{background:#24201e;border-color:#cb7568b8}.billing-plan input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.billing-plan:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.billing-plan-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.billing-plan strong{max-width:150px;font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1}.billing-plan-price{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.billing-plan p{color:var(--text-soft);margin:0;font-size:10px;line-height:1.55}.billing-resource-gain{color:#c8d6bf;font-variant-numeric:tabular-nums;background:#8da0801a;border:1px solid #8da08057;border-radius:4px;width:fit-content;padding:4px 7px;font-size:10px;font-weight:700}.billing-overlay[data-mode=topup] .billing-eyebrow{color:var(--success)}.billing-overlay[data-mode=topup] .billing-plan.is-selected{background:#20241f;border-color:#8da080b8}.billing-overlay[data-mode=topup] .billing-plan.is-selected .billing-plan-check{border-color:var(--sage);background:var(--sage)}.billing-plan-check{border:1px solid var(--line-strong);color:#0000;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:10px;right:10px}.billing-plan.is-selected .billing-plan-check{border-color:var(--accent);background:var(--accent);color:#fff}.billing-plan-check svg{stroke-width:3px;width:10px;height:10px}.billing-note,.billing-error{margin:0;font-size:10px;line-height:1.55}.billing-note{color:var(--text-soft);font-size:12px}.billing-legal{color:#8e8981;margin:-6px 0 0;font-size:9px;line-height:1.55}.billing-error{color:#f0a49c;background:#df817714;border:1px solid #df817740;border-radius:5px;padding:10px 12px}.billing-submit{width:100%;min-height:44px}.publication-result{text-align:center;justify-items:center;gap:14px;padding:18px 0 4px;display:grid}.publication-result[hidden]{display:none}.publication-mark{width:54px;height:54px;color:var(--success);border:1px solid #9db78e80;border-radius:50%;place-items:center;display:grid}.publication-mark svg{stroke-width:1.8px;width:23px;height:23px}.publication-result p{font-family:var(--font-display);margin:0;font-size:30px}.publication-result a{color:#d9a69e;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes message-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1600px) and (width>=961px){.topbar-actions .button-secondary span,.account-link span{display:none}}@media (width<=1200px) and (width>=961px){#reset-layout-button{display:none}}@media (width<=1120px) and (width>=961px){.studio-topbar{grid-template-columns:minmax(290px,1fr) auto minmax(420px,1.4fr)}.studio-workspace{grid-template-columns:var(--left-panel-width) 6px minmax(340px, 1fr) 6px var(--right-panel-width)}.studio-logo,.topbar-divider,.save-status{display:none}.site-switcher-trigger{max-width:min(220px,31vw)}.files-layout{grid-template-columns:96px minmax(0,1fr)}}@media (width<=960px){:root{--topbar-height:58px}.studio{grid-template-rows:var(--topbar-height) 50px minmax(0, 1fr)}.studio-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 10px 0 14px}.topbar-center,.topbar-divider,.save-status,.panel-toggles,#reset-layout-button{display:none}.topbar-actions{gap:4px}.studio-logo{font-size:22px}.project-name{max-width:150px;font-size:11px}.site-switcher-trigger{min-width:130px;max-width:min(190px,42vw);min-height:38px}.account-link span{display:none}.topbar-actions .button-primary,.topbar-actions .button-secondary{width:36px;padding:0}.topbar-actions .button-primary span,.topbar-actions .button-secondary span{display:none}.mobile-workspace-tabs{border-bottom:1px solid var(--line);background:var(--chrome);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.mobile-workspace-tabs button{color:var(--text-soft);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.mobile-workspace-tabs button.is-active{border-bottom-color:var(--accent);color:var(--text)}.studio-workspace,.studio-workspace.is-focus-chat,.studio-workspace.is-focus-preview,.studio-workspace.is-focus-files{min-width:0;display:block;position:relative;overflow:hidden}.studio-workspace>.studio-panel{z-index:1;opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;display:grid;position:absolute;inset:0}.studio-workspace[data-mobile-panel=chat] .chat-panel,.studio-workspace[data-mobile-panel=preview] .preview-panel,.studio-workspace[data-mobile-panel=files] .files-panel{z-index:2;opacity:1;visibility:visible;pointer-events:auto}.workspace-splitter,.panel-drag-handle,.panel-actions [data-close-panel],.panel-actions [data-focus-panel]{display:none}.chat-panel,.studio[data-agent-mode=remote] .chat-panel{grid-template-rows:52px minmax(0,1fr) auto}.preview-stage{padding:12px}.element-subchat{width:calc(100% - 24px);bottom:12px;right:12px;left:12px!important}.preview-browser,.preview-stage[data-device=mobile] .preview-browser{border-radius:5px;width:100%;height:100%;min-height:0}.files-layout{grid-template-columns:112px minmax(0,1fr)}.chat-composer{margin-bottom:max(10px, env(safe-area-inset-bottom))}.agent-run-cancel{min-height:30px;padding:6px 0}}@media (width<=560px){.publish-overlay{padding:12px}.publish-form{padding:17px 16px 18px}.slug-control{flex-wrap:wrap;align-items:stretch}.slug-control>span{align-items:center;display:flex}.slug-control input{min-width:120px}.publish-actions .button{flex:1}}@media (width<=430px){#export-button,#undo-button,#redo-button,.topbar-brand>.studio-logo{display:none}.project-name{max-width:118px}.site-switcher-trigger{min-width:112px;max-width:min(172px,46vw)}.site-switcher-trigger small{display:none}.site-switcher-trigger strong{font-size:13px}.site-switcher-menu{left:-4px}.auth-overlay{padding:14px}.auth-shell{padding:26px 20px}.billing-overlay{padding:12px}.billing-shell{padding:30px 18px 22px}.billing-plans{grid-template-columns:1fr}.files-layout{grid-template-columns:98px minmax(0,1fr)}.file-tree{padding-inline:5px}.file-button{grid-template-columns:14px minmax(0,1fr)}.file-button small{display:none}}@media (width<=370px){#undo-button,#redo-button,.project-name{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}