:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body{margin:0}*{box-sizing:border-box}.app{--bg:#f4f3ef;--sidebar:#fbfaf7;--panel:#fff;--panel-2:#f3f2ef;--panel-3:#e9e7e1;--text:#191713;--text-2:#3b3731;--muted:#746f66;--faint:#9b958b;--line:#2b27211f;--line-2:#2b272133;--accent:#d97706;--accent-2:#0a84ff;--green:#2fb463;--radius:8px;--shadow:0 16px 44px #211c161a;min-height:100vh;color:var(--text);background:var(--bg);grid-template-columns:252px minmax(0,1fr);display:grid}.app-dark{--bg:#252524;--sidebar:#2d2d2b;--panel:#31312f;--panel-2:#383836;--panel-3:#44433f;--text:#f2f0eb;--text-2:#dbd7cf;--muted:#aaa49b;--faint:#827d75;--line:#ffffff14;--line-2:#ffffff29;--accent:#f4b35f;--accent-2:#91b8ff;--green:#73d88b;--shadow:0 20px 54px #00000040}.app,button,input,textarea{font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent-2) 30%, transparent);outline-offset:2px}h1,p{margin:0}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;align-self:start;gap:16px;min-height:100vh;padding:16px;display:flex;position:sticky;top:0}.traffic{align-items:center;gap:8px;display:flex}.traffic span{background:#ff5f57;border-radius:50%;width:12px;height:12px}.traffic span:nth-child(2){background:#ffbd2e}.traffic span:nth-child(3){background:#28c840}.brand{align-items:center;gap:12px;padding:3px 0 8px;display:flex}.brand-glyph{border-radius:var(--radius);color:#fff;background:#101820;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.brand strong,.brand span{letter-spacing:0;display:block}.brand strong{color:var(--text);font-size:17px;line-height:1.25}.brand span{color:var(--muted);font-size:13px;line-height:1.45}.primary-nav{gap:4px;display:grid}.primary-nav a{border-radius:var(--radius);min-height:40px;color:var(--muted);align-items:center;gap:10px;padding:0 11px;font-weight:800;text-decoration:none;display:flex}.primary-nav a.active,.primary-nav a:hover{background:var(--panel-2);color:var(--text)}.sidebar-section{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:grid}.section-label{color:var(--faint);align-items:center;gap:7px;font-size:13px;font-weight:850;display:flex}.recent-line{border-radius:var(--radius);min-height:38px;color:var(--text-2);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.recent-line:hover{background:var(--panel-2)}.recent-line span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:8px;overflow:hidden}.recent-line small{color:var(--faint);padding-right:8px}.balance-block{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.balance-block span,.balance-block p{color:var(--muted);font-size:13px}.balance-block strong{color:var(--text);margin:6px 0;font-size:32px;line-height:1;display:block}.balance-block button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:36px;color:var(--text);align-items:center;gap:6px;margin-top:12px;padding:0 11px;font-weight:850;display:inline-flex}.stage{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, var(--panel));justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 18px 0 24px;display:flex}.breadcrumb,.top-actions{align-items:center;display:flex}.breadcrumb{color:var(--faint);gap:6px}.breadcrumb strong{color:var(--text)}.top-actions{gap:8px}.top-actions button,.artifact-footer button,.billing-surface button,.code-surface button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:38px;color:var(--text-2);justify-content:center;align-items:center;gap:7px;padding:0 11px;font-weight:850;display:inline-flex}.top-actions .balance-pill{color:var(--green);background:color-mix(in srgb, var(--green) 13%, var(--panel))}.split{flex:1;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);min-height:0;display:grid}.conversation{border-right:1px solid var(--line);background:linear-gradient(#827d750f 1px, transparent 1px), linear-gradient(90deg, #827d750d 1px, transparent 1px), var(--bg);background-size:28px 28px,28px 28px,auto;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.conversation-scroll{flex:1;min-height:0;padding:22px 28px 16px;overflow-y:auto}.thread-intro{max-width:620px;margin-bottom:22px}.thread-intro p{color:var(--accent-2);font-size:14px;font-weight:900}.thread-intro h1{color:var(--text);letter-spacing:0;margin-top:5px;font-size:31px;line-height:1.08}.thread-intro span{max-width:560px;color:var(--muted);margin-top:10px;font-size:14px;line-height:1.7;display:block}.turn{grid-template-columns:34px minmax(0,1fr);gap:12px;max-width:680px;margin-top:16px;display:grid}.avatar{border-radius:var(--radius);background:var(--panel-3);width:34px;height:34px;color:var(--text);place-items:center;font-size:13px;font-weight:900;display:grid}.avatar-ai{background:color-mix(in srgb, var(--accent-2) 34%, var(--panel-3))}.turn-main{border-bottom:1px solid var(--line);min-width:0;padding-bottom:15px}.turn-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.turn-head strong{color:var(--text)}.turn-head small{color:var(--faint)}.upload-row{min-height:62px;color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px 0;display:grid}.upload-row svg{color:var(--accent-2);grid-row:span 2}.upload-row span{font-weight:850}.upload-row small{color:var(--muted)}.upload-row input{display:none}textarea{border:0;border-bottom:1px solid var(--line);width:100%;min-height:96px;color:var(--text);resize:vertical;background:0 0;margin-top:14px;padding:12px 0;line-height:1.7}.command-list{border-top:1px solid var(--line);display:grid}.command{border:0;border-bottom:1px solid var(--line);min-height:54px;color:var(--text);text-align:left;background:0 0;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.command>span{border-radius:var(--radius);background:var(--panel-2);width:28px;height:28px;color:var(--accent-2);place-items:center;font-weight:900;display:grid}.command strong,.command small{display:block}.command small{color:var(--faint)}.command:hover,.command.active{background:color-mix(in srgb, var(--accent-2) 10%, transparent)}.turn.compact p{color:var(--muted);line-height:1.7}.composer{border:1px solid var(--line-2);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 96%, transparent);min-height:58px;box-shadow:var(--shadow);grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:0 18px 18px;padding:11px;display:grid}.composer button{border-radius:var(--radius);background:var(--panel-2);width:42px;height:42px;color:var(--text);border:0}.composer button:last-child{background:var(--text);color:var(--panel)}.composer span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact{background:color-mix(in srgb, var(--panel-2) 88%, #000 12%);flex-direction:column;min-width:0;min-height:0;display:flex}.artifact-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:14px 18px;display:flex}.artifact-head span{color:var(--faint);font-size:13px;font-weight:850}.artifact-head strong{color:var(--text);margin-top:3px;font-size:18px;line-height:1.2;display:block}.artifact-status{color:var(--green);font-size:13px;font-weight:900}.artifact-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.artifact-tabs button{border:0;border-right:1px solid var(--line);min-height:40px;color:var(--muted);background:0 0;font-weight:850}.artifact-tabs button:last-child{border-right:0}.artifact-tabs button.active{color:var(--text);background:var(--panel)}.artifact-body{flex:1;min-height:0;overflow:auto}.preview-surface{background:linear-gradient(#787e850f 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#787e850d 1px,#0000 1px) 0 0/28px 28px,#fff;justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.preview-surface svg{background:#fff;width:100%;max-width:860px;height:auto}.code-surface,.settings-surface,.billing-surface{padding:20px}.code-title{color:var(--text);align-items:center;gap:8px;font-weight:900;display:flex}.code-surface pre{border:1px solid var(--line);border-radius:var(--radius);color:#eef1f4;background:#181a1d;margin:18px 0;padding:18px;font-family:SFMono-Regular,Menlo,Cascadia Code,monospace;font-size:13px;line-height:1.7;overflow:auto}.settings-surface{display:grid}.setting-line{border-bottom:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;min-height:58px;display:grid}.setting-line span{color:var(--muted)}.setting-line strong{color:var(--text)}.billing-surface{max-width:520px}.billing-surface span,.billing-surface p,.billing-surface label{color:var(--muted)}.billing-surface strong{color:var(--text);margin-top:6px;font-size:42px;line-height:1;display:block}.billing-surface label{gap:8px;margin-top:22px;font-weight:850;display:grid}.billing-surface input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:180px;height:42px;color:var(--text);padding:0 12px;font-weight:900}.billing-surface p{margin:14px 0;line-height:1.65}.artifact-footer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.artifact-footer button{border:0;border-right:1px solid var(--line);background:0 0;border-radius:0;min-height:42px}.artifact-footer button:last-child{border-right:0}.artifact-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metric-row{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:22px minmax(0,1fr);align-content:center;gap:3px 8px;min-width:0;min-height:56px;padding:0 14px;display:grid}.metric-row:last-child{border-right:0}.metric-row svg{color:var(--accent-2);grid-row:span 2}.metric-row span{color:var(--muted);font-size:12px}.metric-row strong{color:var(--text);font-size:14px}.usage-line{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:66px;padding:12px 18px 14px;display:grid}.usage-line span{background:linear-gradient(180deg, var(--accent), var(--accent-2));min-height:16px;color:var(--text);border-radius:6px 6px 0 0;justify-content:center;align-items:end;display:flex}.usage-line i{color:var(--faint);font-size:11px;font-style:normal;transform:translateY(20px)}@media (width<=1180px){.app{grid-template-columns:220px minmax(0,1fr)}.split{grid-template-columns:minmax(0,.88fr) minmax(330px,1.12fr)}.sidebar{padding:14px 12px}.brand strong{font-size:15px}.thread-intro h1{font-size:26px}.conversation-scroll{padding-inline:20px}.top-actions button:not(.balance-pill){width:38px;padding:0;font-size:0}.top-actions button svg{margin:0}}@media (width<=900px){.split{grid-template-columns:1fr;overflow-y:auto}.stage,.conversation,.artifact{height:auto;overflow:visible}.conversation{border-right:0;border-bottom:1px solid var(--line);min-height:650px}.artifact{min-height:680px}}@media (width<=820px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:static}.primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-section,.balance-block{display:none}.topbar{flex-direction:column;align-items:flex-start;padding:14px 16px}.top-actions{flex-wrap:wrap}.conversation-scroll,.code-surface,.settings-surface,.billing-surface{padding:18px}.thread-intro h1{font-size:30px}.turn{grid-template-columns:34px minmax(0,1fr)}.composer{margin:0 16px 16px}.artifact-meta,.artifact-footer,.artifact-tabs,.setting-line{grid-template-columns:1fr}.artifact-footer button,.artifact-tabs button,.metric-row{border-right:0;border-bottom:1px solid var(--line)}}