:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#121214;--panel:#17181b;--panel-soft:#1a1b1e;--line:rgba(255,255,255,.09);--muted:#9aa0a6;--text:#f4f5f7;--accent:#e9ff70;--danger:#ff6e7a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.locale-switcher{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.locale-switcher select{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:999px;padding:7px 9px}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.auth-card{border:1px solid var(--line);background:rgba(24,25,28,.94);border-radius:24px;width:min(460px,100%);padding:36px;box-shadow:0 30px 90px rgba(0,0,0,.42)}.auth-card h1{margin:12px 0}.auth-card p{color:var(--muted);margin:0 0 28px;line-height:1.7}.primary-button{color:#151515;cursor:pointer;background:#f3f1eb;border:0;border-radius:12px;width:100%;padding:12px 18px;font-weight:700}.primary-button:disabled{opacity:.45;cursor:not-allowed}.phone-signin-form{border:1px solid var(--line);background:rgba(255,255,255,.024);border-radius:16px;gap:12px;padding:14px;display:grid}.phone-signin-form label{color:#d9dce2;gap:7px;font-size:12px;display:grid}.phone-signin-form input{border:1px solid var(--line);width:100%;min-width:0;height:44px;color:var(--text);background:#141417;border-radius:11px;outline:0;padding:0 13px}.phone-signin-form input:focus{border-color:rgba(233,255,112,.58)}.phone-code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.phone-code-row button{border:1px solid var(--line);min-width:112px;color:var(--muted);cursor:pointer;background:0 0;border-radius:11px;padding:0 11px}.phone-code-row button:disabled{opacity:.5;cursor:not-allowed}.auth-card .phone-signin-notice,.auth-card .phone-signin-error{margin:0;font-size:12px;line-height:1.5}.auth-card .phone-signin-notice{color:#aaffb3}.auth-card .phone-signin-error{color:var(--danger)}.home-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:72px 0}.home-header{justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:52px;display:flex}.home-header h1{letter-spacing:-.06em;max-width:760px;margin:14px 0 18px;font-size:max(44px,min(7vw,84px));line-height:.96}.home-header p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:.24em;font-size:12px}.user-chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:10px 14px}.user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-chip{text-overflow:ellipsis;max-width:100%;overflow:hidden}.billing-link,.billing-back-link{color:var(--accent);white-space:nowrap;border:1px solid rgba(233,255,112,.24);border-radius:999px;padding:10px 14px;transition:border-color .2s,background .2s}.billing-link:hover,.billing-back-link:hover{background:rgba(233,255,112,.06);border-color:rgba(233,255,112,.55)}.sign-out-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:9px 12px}.create-card{border:1px solid var(--line);background:linear-gradient(135deg,#1d1e21,#141517);border-radius:24px;justify-content:space-between;gap:36px;padding:28px;display:flex}.create-card h2,.project-section h2{margin:0 0 8px}.create-card p{color:var(--muted);margin:0}.create-form{grid-template-columns:minmax(240px,360px) auto;align-content:center;gap:10px;display:grid}.create-form input{height:46px;color:var(--text);border:1px solid var(--line);background:#141417;border-radius:12px;outline:none;padding:0 14px}.create-form input:focus{border-color:rgba(233,255,112,.6)}.create-form button,.studio-publish-button{color:#0b0d08;background:var(--accent);cursor:pointer;border:0;border-radius:12px;height:46px;padding:0 18px;font-weight:750}.create-form button:disabled,.studio-publish-button:disabled{opacity:.45;cursor:not-allowed}.form-error{color:var(--danger);grid-column:1/-1;font-size:13px}.project-section{margin-top:48px}.section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title span{color:var(--muted)}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card,.empty-state{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-height:184px;padding:22px}.project-card{transition:transform .2s,border-color .2s}.project-card:hover{border-color:rgba(233,255,112,.36);transform:translateY(-2px)}.project-card h3{margin:30px 0 8px;font-size:20px}.project-card p,.project-card time,.empty-state{color:var(--muted)}.project-card time{margin-top:20px;font-size:12px;display:block}.project-card-top{color:var(--muted);letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot,.live-dot{background:#727680;border-radius:50%;width:8px;height:8px}.status-ready,.live-dot{background:#8eff9a;box-shadow:0 0 12px rgba(142,255,154,.7)}.status-failed{background:var(--danger)}.status-provisioning{background:#ffd56e}.studio-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.studio-shell>header{flex:none}.studio-mobile-hint{border-bottom:1px solid var(--line);color:#ffd56e;background:rgba(255,213,110,.07);flex:none;padding:8px 16px;font-size:12px;line-height:1.5;display:none}.studio-header{border-bottom:1px solid var(--line);background:#141517;flex:0 0 48px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 18px;display:grid}.brand-link{letter-spacing:-.03em;font-weight:800}.studio-back-link{border:1px solid var(--line);color:var(--muted);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:7px 12px;font-size:12px;transition:color .15s,border-color .15s;display:inline-flex}.studio-back-link:hover{color:var(--text);border-color:rgba(255,255,255,.22)}.project-title-wrap{justify-items:center;gap:2px;min-width:0;display:grid}.project-title-wrap>small{color:var(--danger);font-size:9px}.project-title{align-items:center;gap:8px;min-width:0;display:flex}.project-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,520px);overflow:hidden}.project-title span{color:var(--muted);font-size:11px}.project-title input{width:min(36vw,420px);height:34px;color:var(--text);font:inherit;background:#141417;border:1px solid rgba(233,255,112,.42);border-radius:9px;outline:0;padding:0 10px;font-weight:700}.project-title-edit{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.project-title-edit:hover{color:var(--text);background:#242528}.project-title-edit svg{width:14px;height:14px}.studio-publish-button{justify-self:end;height:36px}.workspace-grid{flex:1;grid-template-columns:minmax(340px,38%) 1fr;min-height:0;display:grid}.assistant-panel,.preview-panel{background:var(--background);min-width:0;min-height:0}:root{--bui-canvas:#121214;--bui-surface:#1a1b1e;--bui-inset:#141517;--bui-hover:#1e1f22;--bui-hover-2:#242528;--bui-field:#1e1f22;--bui-ink:#f2f3f5;--bui-ink-2:#b5bac3;--bui-ink-3:#747b86;--bui-line:rgba(255,255,255,.075);--bui-line-strong:rgba(255,255,255,.13);--bui-green:#69d58a;--bui-amber:#e8bf62;--bui-red:#ff7782;--bui-red-tint:rgba(122,34,46,.24);--bui-shadow-hairline:0 0 0 1px var(--bui-line);--bui-shadow-btn:0 0 0 1px var(--bui-line-strong),0 1px 2px rgba(0,0,0,.2)}.assistant-panel{border-right:1px solid var(--line);grid-template-rows:minmax(0,1fr);display:grid}.panel-heading,.preview-toolbar{border-bottom:1px solid var(--line);align-items:center;display:flex}.panel-heading{gap:10px;padding:0 16px}.assistant-panel-heading{background:linear-gradient(rgba(255,255,255,.024),transparent)}.assistant-panel-heading>div{gap:1px;display:grid}.assistant-panel-heading>div span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.codex-mark{width:27px;height:27px;color:var(--accent);background:rgba(233,255,112,.06);border:1px solid rgba(233,255,112,.22);border-radius:9px;place-items:center;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.assistant-state{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.assistant-state .live-dot,.assistant-state .assistant-running-dot{flex:none}.assistant-thread-root{grid-template-rows:1fr auto;min-height:0;display:grid}.assistant-messages{min-height:0;padding:26px 20px 34px;scroll-padding-bottom:28px;overflow-x:hidden;overflow-y:auto}.assistant-empty{text-align:center;place-content:center;justify-items:center;padding:36px;display:grid}.assistant-empty h2{margin:20px 0 10px}.assistant-empty p{max-width:420px;color:var(--muted);line-height:1.65}.ghost-orb{background:radial-gradient(circle at 30% 25%,#e9ff70,#4a5524 42%,#12140d 70%);border-radius:26px;width:74px;height:74px;box-shadow:0 0 80px rgba(233,255,112,.16)}.assistant-ui-user-message{width:-moz-fit-content;width:fit-content;max-width:min(88%,40rem);color:var(--bui-ink);background:var(--bui-field);box-shadow:var(--bui-shadow-hairline);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;gap:8px;margin:0 0 26px auto;padding:10px 12px;font-size:16px;line-height:1.6;display:grid}.assistant-ui-agent-message{width:min(100%,40rem);min-width:0;color:var(--bui-ink);flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 30px;font-size:16px;line-height:1.6;display:flex}.assistant-markdown{overflow-wrap:anywhere;text-wrap:pretty;min-width:0;max-width:100%}.assistant-markdown p{margin:0 0 12px}.assistant-markdown p:last-child{margin-bottom:0}.assistant-markdown h1,.assistant-markdown h2,.assistant-markdown h3{color:#f6f7f8;margin:20px 0 9px;line-height:1.3}.assistant-markdown h1:first-child,.assistant-markdown h2:first-child,.assistant-markdown h3:first-child{margin-top:0}.assistant-markdown ul,.assistant-markdown ol{margin:0 0 12px;padding-left:22px}.assistant-markdown li{margin:3px 0}.assistant-markdown a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.assistant-markdown code{color:#edf7ae;background:#131316;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:1px 5px;font:.88em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.assistant-markdown pre{border:1px solid var(--line);background:#131316;border-radius:12px;max-width:100%;margin:4px 0 14px;padding:13px;overflow-x:auto}.assistant-markdown pre code{color:#d9dde5;background:0 0;border:0;padding:0}.assistant-markdown blockquote{color:#b2b6bf;border-left:2px solid rgba(233,255,112,.42);margin:0 0 12px;padding-left:12px}.assistant-markdown-table{max-width:100%;overflow-x:auto}.assistant-markdown table{border-collapse:collapse;width:100%;font-size:12px}.assistant-markdown th,.assistant-markdown td{border:1px solid var(--line);text-align:left;padding:7px 9px}.assistant-work-trace{flex-direction:column;width:100%;display:flex}.assistant-trace-header{width:-moz-fit-content;width:fit-content;color:var(--bui-ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin-left:-6px;padding:4px 6px;font-size:14px;font-weight:550;display:flex}.assistant-trace-header:hover{background:var(--bui-hover-2)}.assistant-trace-header>svg:first-child{fill:var(--bui-ink-3);flex:none}.assistant-trace-elapsed{color:var(--bui-ink-3);font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.assistant-chevron{stroke:var(--bui-ink-3);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .3s}.assistant-shimmer-text{color:transparent;background:linear-gradient(90deg,var(--bui-ink-3)35%,var(--bui-ink)50%,var(--bui-ink-3)65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite assistantShimmer}.assistant-trace-expand{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.23,1,.32,1),opacity .4s;display:grid}.assistant-trace-expand.is-expanded{opacity:1;grid-template-rows:1fr}.assistant-trace-overflow{min-height:0;overflow:hidden}.assistant-trace-rail{border-left:1px solid var(--bui-line);flex-direction:column;gap:7px;margin:4px 0 0 5px;padding:5px 0 5px 16px;display:flex;position:relative}.assistant-trace-text{min-width:0;color:var(--bui-ink-2);padding:3px 6px;font-size:13.5px;line-height:1.55;animation:.32s cubic-bezier(.23,1,.32,1) both assistantFadeUp}.assistant-trace-text.is-commentary{color:var(--bui-ink)}.assistant-trace-text .assistant-markdown p{margin-bottom:8px}.assistant-trace-text .assistant-markdown h1,.assistant-trace-text .assistant-markdown h2,.assistant-trace-text .assistant-markdown h3{color:inherit;margin:10px 0 6px;font-size:1em}.assistant-stream-in{animation:.32s cubic-bezier(.22,.61,.36,1) both assistantStreamIn}.assistant-running-dot{background:#ffd56e;border-radius:50%;width:7px;height:7px;animation:1.35s ease-in-out infinite assistantPulse;display:inline-block;box-shadow:0 0 10px rgba(255,213,110,.72)}.assistant-model-activity{min-height:30px;color:var(--bui-ink-2);background:linear-gradient(90deg,rgba(233,255,112,.043),transparent);border-radius:9px;align-items:center;gap:9px;padding:5px 7px;font-size:13px;animation:.25s both assistantFadeUp;display:flex}.assistant-model-activity .assistant-running-dot{flex:none;width:6px;height:6px}.assistant-tool{width:100%}.assistant-tool-row{width:100%;min-width:0;color:var(--bui-ink-2);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin-left:-6px;padding:4px 6px;display:flex}.assistant-tool-row:not(:disabled){cursor:pointer}.assistant-tool-row:not(:disabled):hover{background:var(--bui-hover-2)}.assistant-tool-icon{width:16px;height:16px;color:var(--bui-ink-3);flex:none;justify-content:center;align-items:center;display:flex}.assistant-tool-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.assistant-tool-title{color:var(--bui-ink);flex:none;font-size:13.5px;font-weight:550}.assistant-tool-title small{color:var(--bui-ink-3);font-size:inherit;font-weight:400}.assistant-tool-chip{min-width:0;height:24px;color:var(--bui-ink-2);background:var(--bui-hover-2);box-shadow:var(--bui-shadow-hairline);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:3px 7px;font:12.5px/18px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.assistant-tool.is-failed .assistant-tool-icon,.assistant-tool.is-failed .assistant-tool-title,.assistant-tool.is-failed .assistant-tool-title small{color:var(--bui-red)}.assistant-tool.is-warning .assistant-tool-icon,.assistant-tool.is-warning .assistant-tool-title,.assistant-tool.is-warning .assistant-tool-title small{color:var(--bui-amber)}.assistant-tool-detail{border-left:1px solid var(--bui-line);flex-direction:column;gap:3px;margin:3px 0 4px 5px;padding:4px 0 4px 18px;display:flex}.assistant-tool-detail>span{color:var(--bui-ink-2);text-overflow:ellipsis;white-space:nowrap;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.assistant-tool-detail>a{border-radius:6px;align-items:center;gap:8px;min-height:28px;padding:3px 6px;display:flex}.assistant-tool-detail>a:hover{background:var(--bui-hover)}.assistant-tool-detail>a span{min-width:0;color:var(--bui-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:550;overflow:hidden}.assistant-tool-detail>a small{color:var(--bui-ink-3);flex:none;font:11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.assistant-context-notice{color:var(--bui-ink-3);align-items:center;gap:7px;font-size:12.5px;display:flex}.assistant-context-notice svg{fill:currentColor;flex:none;width:13px;height:13px}.assistant-context-notice.context-running svg{animation:1.35s ease-in-out infinite assistantPulse}.assistant-context-notice.context-failed{color:var(--bui-red)}.assistant-failure-card{color:#ffbdc3;background:var(--bui-red-tint);border-radius:10px;gap:4px;width:100%;padding:10px 12px;font-size:13px;display:grid;box-shadow:0 0 0 1px rgba(255,119,130,.18)}.assistant-failure-card strong{color:#ffd6da}.assistant-failure-card code{color:var(--bui-red);font-size:10.5px}.assistant-failure-cta{color:#11130b;background:var(--accent);border-radius:999px;width:-moz-fit-content;width:fit-content;margin-top:4px;padding:7px 14px;font-size:12px;font-weight:750}.assistant-failure-cta:hover{box-shadow:0 4px 16px rgba(233,255,112,.35)}.assistant-copy-button{color:#6f747e;cursor:pointer;background:0 0;border:0;border-radius:7px;width:25px;height:25px}.assistant-copy-button:hover{color:#d8dbe1;background:rgba(255,255,255,.06)}.assistant-approval-card{width:min(100%,40rem);color:var(--bui-ink-2);background:rgba(233,255,112,.043);border:1px solid rgba(233,255,112,.18);border-radius:14px;gap:8px;margin:0 0 24px;padding:14px;display:grid}.assistant-approval-card strong{color:var(--bui-ink)}.assistant-approval-card p{max-height:120px;color:var(--bui-ink-2);background:var(--bui-inset);border-radius:8px;margin:2px 0;padding:8px;font-size:12px;line-height:1.5;overflow:auto}.assistant-approval-card>div{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.assistant-approval-card button{border:1px solid var(--bui-line-strong);color:var(--bui-ink-2);background:var(--bui-hover);cursor:pointer;border-radius:9px;padding:7px 11px}.assistant-approval-card button.is-primary{color:#11130b;background:var(--accent);border-color:transparent;font-weight:700}.assistant-approval-card button:disabled{opacity:.45;cursor:not-allowed}.assistant-choice-card{width:min(100%,40rem);color:var(--bui-ink-2);background:rgba(233,255,112,.043);border:1px solid rgba(233,255,112,.2);border-radius:16px;gap:6px;margin:0 0 24px;padding:15px;display:grid}.assistant-choice-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.assistant-choice-header>strong{color:var(--bui-ink);font-size:14px}.assistant-choice-close{width:28px;height:28px;color:var(--bui-ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.assistant-choice-close:hover{color:var(--bui-ink);background:var(--bui-hover)}.assistant-choice-close:disabled{opacity:.45;cursor:not-allowed}.assistant-choice-card>span{color:var(--bui-ink-3);font-size:11px}.assistant-choice-questions{gap:14px;margin-top:6px;display:grid}.assistant-choice-questions fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.assistant-choice-questions legend{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;padding:0;font-size:10px;font-weight:750}.assistant-choice-questions p{color:var(--bui-ink);margin:0;font-size:13px;line-height:1.45}.assistant-choice-options{gap:7px;display:grid}.assistant-choice-options button{border:1px solid var(--bui-line);width:100%;color:var(--bui-ink-2);background:var(--bui-inset);text-align:left;cursor:pointer;border-radius:11px;gap:3px;padding:9px 10px;transition:border-color .15s,background .15s;display:grid}.assistant-choice-options button:hover{background:rgba(233,255,112,.055);border-color:rgba(233,255,112,.3)}.assistant-choice-options button strong{color:var(--bui-ink);font-size:12px}.assistant-choice-options button span{color:var(--bui-ink-3);font-size:10.5px;line-height:1.4}.assistant-choice-options button:disabled{opacity:.55;cursor:not-allowed}.assistant-choice-questions input{width:100%;color:var(--bui-ink);background:var(--bui-inset);font:inherit;border:1px solid rgba(233,255,112,.28);border-radius:10px;outline:none;padding:9px 10px;font-size:12px}.assistant-choice-questions input:focus{border-color:rgba(233,255,112,.65);box-shadow:0 0 0 3px rgba(233,255,112,.07)}.assistant-choice-other{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.assistant-choice-options .assistant-choice-other button{color:#11130b;background:var(--accent);text-align:center;border-color:transparent;align-items:center;width:auto;padding-left:12px;padding-right:12px;font-weight:750;display:inline-flex}.assistant-choice-options .assistant-choice-other button:hover{background:#f2ff8d;border-color:transparent}.assistant-sent-attachments{flex-wrap:wrap;gap:6px;display:flex}.assistant-sent-attachments img{object-fit:cover;width:56px;height:56px;box-shadow:var(--bui-shadow-hairline);border-radius:8px}.assistant-sent-attachments span{max-width:220px;height:28px;color:var(--bui-ink-2);background:var(--bui-inset);box-shadow:var(--bui-shadow-hairline);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;align-items:center;padding:0 8px;font:11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex;overflow:hidden}.assistant-composer-wrap{background:linear-gradient(transparent,#17181b 18%);gap:8px;padding:0 14px 14px;display:grid}.assistant-composer{border:1px solid var(--bui-line-strong);background:rgba(18,18,20,.96);border-radius:22px;gap:9px;padding:13px 13px 9px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 18px 50px rgba(0,0,0,.3)}.assistant-composer:focus-within{border-color:rgba(233,255,112,.34);box-shadow:0 20px 56px rgba(0,0,0,.36),0 0 0 3px rgba(233,255,112,.035)}.assistant-composer textarea{resize:none;width:100%;min-height:50px;max-height:144px;color:var(--text);field-sizing:content;background:0 0;border:0;outline:none;line-height:1.55}.assistant-composer textarea:disabled{color:var(--muted);cursor:wait}.assistant-composer-actions{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.assistant-composer-left-actions{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.assistant-composer-left-actions>span{min-width:0;color:var(--bui-ink-3);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.assistant-model-tier{flex:none;position:relative}.assistant-model-tier-trigger{border:1px solid var(--bui-line);height:27px;color:var(--bui-ink-2);background:var(--bui-inset);cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:5px;padding:0 8px;font-size:10.5px;display:inline-flex}.assistant-model-tier-trigger:hover{color:var(--bui-ink);border-color:rgba(233,255,112,.32)}.assistant-model-tier-trigger:focus-visible{color:var(--bui-ink);border-color:rgba(233,255,112,.32)}.assistant-model-tier-trigger:disabled{opacity:.45;cursor:not-allowed}.assistant-model-tier-caret{flex:none;width:11px;height:11px;transition:transform .18s}.assistant-model-tier-caret.is-open{transform:rotate(180deg)}.assistant-model-tier-menu{z-index:30;border:1px solid var(--bui-line-strong);background:#191a1d;border-radius:13px;gap:2px;min-width:210px;padding:5px;animation:.18s cubic-bezier(.23,1,.32,1) both assistantFadeUp;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 -8px 20px rgba(0,0,0,.28),0 14px 44px rgba(0,0,0,.4)}.assistant-model-tier-option{width:100%;color:var(--bui-ink-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:8px 9px;display:flex}.assistant-model-tier-option:hover{color:var(--bui-ink);background:var(--bui-hover-2)}.assistant-model-tier-option.is-selected{color:var(--bui-ink);background:rgba(233,255,112,.07)}.assistant-model-tier-check{width:14px;height:14px;color:var(--accent);flex:none;place-items:center;display:grid}.assistant-model-tier-check svg{width:13px;height:13px}.assistant-model-tier-name{align-items:center;gap:7px;min-width:0;display:flex}.assistant-model-tier-tag{border:1px solid var(--bui-line);color:var(--bui-ink-3);letter-spacing:.02em;border-radius:999px;flex:none;padding:2px 7px;font-size:9.5px;font-style:normal;font-weight:650}.assistant-model-tier-tag.is-primary{color:var(--accent);background:rgba(233,255,112,.08);border-color:rgba(233,255,112,.38)}.assistant-model-tier-option strong{font-size:12px;font-weight:650}.assistant-composer-right-actions{flex:none;align-items:center;gap:7px;display:flex}.assistant-attach-button{width:25px;height:25px;color:var(--bui-ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;font-size:19px;line-height:1;display:grid}.assistant-attach-button:hover{color:var(--bui-ink);background:var(--bui-hover-2)}.assistant-attach-button:disabled{opacity:.35;cursor:not-allowed}.assistant-attachment-strip{flex-wrap:wrap;gap:6px;display:flex}.assistant-attachment-chip{background:var(--bui-inset);min-width:0;max-width:190px;box-shadow:var(--bui-shadow-hairline);border-radius:9px;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:7px;padding:4px;display:grid}.assistant-attachment-chip>img,.assistant-attachment-chip>span:first-child{width:28px;height:28px;color:var(--bui-ink-3);background:var(--bui-hover-2);object-fit:cover;border-radius:6px;place-items:center;display:grid}.assistant-attachment-chip>span:nth-child(2){color:var(--bui-ink-2);text-overflow:ellipsis;white-space:nowrap;font:11.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.assistant-attachment-chip button{width:20px;height:20px;color:var(--bui-ink-3);cursor:pointer;background:0 0;border:0;border-radius:5px}.assistant-attachment-chip button:hover{color:var(--bui-ink);background:var(--bui-hover-2)}.assistant-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.assistant-send-button{color:#11130b;background:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:grid}.assistant-send-button:disabled{opacity:.35;cursor:not-allowed}.assistant-stop-button{font-size:inherit}.assistant-stop-icon{background:currentColor;border-radius:2px;width:9px;height:9px}.preview-panel{grid-template-rows:52px 1fr;display:grid}.preview-toolbar{justify-content:space-between;padding:0 14px;position:relative}.tab-list{gap:4px;display:flex}.tab-list button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 12px}.tab-list button.active{color:var(--text);background:#242528}.preview-meta{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.preview-updating-dot{background:#ffd56e;animation:1.1s ease-in-out infinite assistantPulse;box-shadow:0 0 10px rgba(255,213,110,.55)}.preview-toolbar-controls{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-stage{background:var(--background);min-height:0;padding:18px;position:relative}.preview-stage:-webkit-full-screen{background:#050505;width:100vw;height:100vh;padding:0}.preview-stage:fullscreen{background:#050505;width:100vw;height:100vh;padding:0}.preview-fullscreen-toolbar{display:none}.preview-stage:-webkit-full-screen .preview-fullscreen-toolbar{z-index:4;display:block;position:absolute;top:14px;left:50%;transform:translate(-50%)}.preview-stage:fullscreen .preview-fullscreen-toolbar{z-index:4;display:block;position:absolute;top:14px;left:50%;transform:translate(-50%)}.preview-device-controls{border:1px solid var(--line);background:#17181b;border-radius:11px;align-items:center;gap:3px;padding:3px;display:inline-flex;box-shadow:0 8px 24px rgba(0,0,0,.24)}.preview-device-controls button{width:30px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.preview-device-controls button:hover,.preview-device-controls button.active{color:var(--text);background:#292a2e}.preview-device-controls button.active{color:var(--accent)}.preview-device-controls button svg{width:15px;height:15px}.preview-device-controls>span{background:var(--line);width:1px;height:18px;margin:0 2px}.preview-frame-shell{background:var(--background);place-items:stretch stretch;min-width:0;height:100%;min-height:0;margin:0 auto;transition:width .25s;display:grid;overflow:hidden}.preview-frame-shell.is-desktop{width:100%}.preview-frame-shell.is-mobile{width:min(390px,100%)}.preview-stage:-webkit-full-screen .preview-frame-shell{box-shadow:none;border:0;border-radius:0}.preview-stage:fullscreen .preview-frame-shell{box-shadow:none;border:0;border-radius:0}.preview-stage:-webkit-full-screen .preview-frame-shell.is-mobile{border-right:1px solid var(--line);border-left:1px solid var(--line)}.preview-stage:fullscreen .preview-frame-shell.is-mobile{border-right:1px solid var(--line);border-left:1px solid var(--line)}.preview-frame-shell iframe{background:#050505;border:0;width:100%;height:100%}.preview-waiting{text-align:center;height:100%;color:var(--muted);background:radial-gradient(560px 320px at 50% 38%,rgba(233,255,112,.05),transparent 70%),linear-gradient(#141517,#07080a);place-content:center;justify-items:center;padding:24px;display:grid}.preview-waiting h2{color:var(--text);margin:18px 0 8px}.preview-waiting p{max-width:520px;margin:0;line-height:1.55}.preview-empty-orb{border-radius:22px;width:62px;height:62px}.preview-empty-mark{width:44px;height:44px;color:var(--danger);background:rgba(255,110,122,.08);border:1px solid rgba(255,110,122,.4);border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.loader-ring{border:3px solid #2c2d31;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.preview-error{color:#ffb3ba;background:rgba(54,13,18,.92);border:1px solid rgba(255,110,122,.35);border-radius:10px;padding:10px 12px;font-size:12px;position:absolute;bottom:30px;left:32px;right:32px}.code-workspace{background:#141517;grid-template-columns:220px 1fr;min-height:0;display:grid}.source-tree{border-right:1px solid var(--line);min-width:0;padding:10px;overflow:auto}.source-tree-title{color:var(--muted);letter-spacing:.16em;padding:8px 9px 12px;font-size:10px}.source-tree button{color:#b9bdc6;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 9px;display:block;overflow:hidden}.source-tree button.active{color:var(--text);background:#242528}.source-tree .tree-dir,.source-tree .tree-file{align-items:center;gap:6px;padding-top:6px;padding-bottom:6px;display:flex}.source-tree .tree-dir{color:#d0d3da;font-weight:600}.source-tree .tree-dir:hover,.source-tree .tree-file:hover{background:#1d1e21}.source-tree .tree-file.active:hover{background:#242528}.tree-chevron{width:12px;height:12px;color:var(--muted);flex:none;place-items:center;transition:transform .16s;display:grid}.tree-chevron.is-open{transform:rotate(90deg)}.tree-chevron svg{width:11px;height:11px}.tree-icon{color:#7d838f;flex:none;place-items:center;width:14px;height:14px;display:grid}.tree-icon svg{width:13px;height:13px}.tree-dir .tree-icon{color:#a8ad6e}.source-history-title{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.16em;margin-top:20px;padding:10px 9px 7px;font-size:10px}.source-history{gap:3px;display:grid}.source-history button{justify-content:space-between;align-items:center;gap:8px;display:flex}.source-history button:disabled{cursor:default;opacity:.45}.source-history small{color:#777d88;font-size:8px}.source-history-meta{text-overflow:ellipsis;gap:2px;min-width:0;font-size:11px;display:grid;overflow:hidden}.source-history-action{color:var(--muted);flex:none;font-size:10px}.source-history button:not(:disabled):hover .source-history-action{color:var(--accent)}.source-history-notice{color:#8eff9a;margin:8px 9px 0;font-size:11px;line-height:1.5}.source-history-notice.is-failed{color:#ffb3ba}.source-editor{grid-template-rows:42px 1fr;min-width:0;min-height:0;display:grid;position:relative}.source-editor header{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:14px;padding:0 10px 0 14px;font-size:12px;display:flex}.source-editor header span:first-child{color:#d4d7dd;flex:1}.source-empty{color:var(--muted);place-items:center;display:grid}.source-error{color:#ffb3ba;background:rgba(54,13,18,.94);border:1px solid rgba(255,110,122,.35);border-radius:9px;padding:10px;font-size:12px;position:absolute;bottom:14px;left:16px;right:16px}.billing-shell{width:min(1050px,100% - 48px);margin:0 auto;padding:64px 0 96px}.billing-page-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:34px;display:flex}.billing-page-header h1{letter-spacing:-.055em;margin:12px 0;font-size:max(40px,min(6vw,68px))}.billing-page-header p{max-width:650px;color:var(--muted);margin:0;line-height:1.7}.billing-dashboard{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:16px;display:grid}.billing-card{border:1px solid var(--line);background:linear-gradient(145deg,#191a1d,#121214);border-radius:22px;min-width:0;padding:26px}.billing-card header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.billing-card h2{margin:0 0 8px}.billing-card p{color:var(--muted);margin:0;line-height:1.6}.balance-number{align-items:baseline;gap:10px;margin-top:56px;display:flex}.balance-number strong{letter-spacing:-.06em;font-size:max(52px,min(8vw,78px));line-height:.9}.balance-number span,.balance-loading,.balance-error,.billing-loading,.billing-unavailable{color:var(--muted)}.balance-loading,.balance-error{margin-top:56px}.balance-error{color:#ffb3ba}.billing-secondary-button{border:1px solid var(--line);color:#d9dce2;cursor:pointer;background:0 0;border-radius:10px;padding:9px 13px}.billing-secondary-button:hover{border-color:rgba(255,255,255,.2)}.recharge-form{gap:22px;margin-top:30px;display:grid}.recharge-form label,.payment-method-field{color:#d9dce2;gap:9px;font-size:13px;display:grid}.credits-input-wrap{border:1px solid var(--line);background:#141417;border-radius:12px;align-items:center;display:flex}.credits-input-wrap:focus-within{border-color:rgba(233,255,112,.58)}.credits-input-wrap input{width:100%;height:48px;color:var(--text);background:0 0;border:0;outline:0;padding:0 14px}.credits-input-wrap small{color:var(--muted);padding-right:14px}.stripe-card-field{border:1px solid var(--line);background:#141417;border-radius:12px;min-height:48px;padding:14px}.stripe-card-field:focus-within{border-color:rgba(233,255,112,.58)}.recharge-form label>small{color:var(--muted)}.payment-methods{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.payment-methods button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#141517;border-radius:11px;padding:12px}.payment-methods button.active{color:var(--accent);background:rgba(233,255,112,.06);border-color:rgba(233,255,112,.55)}.recharge-summary{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;padding-top:18px;display:flex}.recharge-summary strong{color:var(--text);font-size:28px}.billing-primary-button{color:#10120a;background:var(--accent);cursor:pointer;border:0;border-radius:12px;min-height:46px;padding:11px 18px;font-weight:800}.billing-primary-button:disabled{opacity:.4;cursor:not-allowed}.payment-notice{border:1px solid var(--line);color:var(--muted);border-radius:10px;margin-top:16px;padding:11px 13px;font-size:13px;line-height:1.5}.notice-error{color:#ffb3ba;border-color:rgba(255,110,122,.3)}.notice-success{color:#aaffb3;border-color:rgba(142,255,154,.3)}.payment-dialog{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(9,9,11,.76);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.payment-dialog-card{border:1px solid var(--line);text-align:center;background:#18191c;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:min(420px,100%);padding:30px;display:flex;box-shadow:0 30px 100px rgba(0,0,0,.55)}.payment-dialog-card h2{margin:0}.payment-dialog-card p{color:var(--muted);margin:0;line-height:1.6}.payment-dialog-card small{max-width:100%;color:var(--muted);text-overflow:ellipsis;overflow:hidden}.payment-dialog-card .billing-primary-button,.payment-dialog-card .billing-secondary-button{width:100%}.wechat-qr-frame{background:#fff;border-radius:16px;padding:12px}.wechat-qr-frame img{object-fit:contain;width:230px;height:230px;display:block}.payment-success-mark{color:#102814;background:#8eff9a;border-radius:50%;place-items:center;width:58px;height:58px;font-size:28px;font-weight:900;display:grid}.billing-spinner{border:3px solid #2c2d31;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes assistantPulse{0%,to{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes assistantBounce{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes assistantShimmer{to{background-position:-200% 0}}@keyframes assistantFadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes assistantStreamIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.assistant-shimmer-text,.assistant-trace-text,.assistant-stream-in{animation:none!important}}@media (max-width:900px){.home-header,.create-card,.billing-page-header{flex-direction:column}.project-grid,.billing-dashboard,.workspace-grid{grid-template-columns:1fr}.assistant-panel{display:none}.studio-mobile-hint{display:block}.code-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.source-tree{border-right:0;border-bottom:1px solid var(--line);max-height:32vh}}@media (max-width:600px){.studio-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 12px}.project-title strong{max-width:100%}.project-title input{width:100%}.create-form{grid-template-columns:1fr}}@media (max-width:480px){.auth-shell{padding:16px}.auth-card{padding:22px}}.empty-logo{object-fit:contain;opacity:.92;filter:drop-shadow(0 0 26px rgba(233,255,112,.22));width:60px;height:60px}