:root{color-scheme:dark;--bg:#080f1d;--panel:#101d31;--line:#263650;--fg:#f2f5ff;--muted:#9aacc7;--gold:#ffce72;--blue:#5d8eff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#152852 0,transparent 42%),var(--bg);color:var(--fg);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.top{height:70px;border-bottom:1px solid var(--line);padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;background:#0b1526e8}.logo,.right{display:flex;align-items:center;gap:12px}.monogram{background:#254579;border:1px solid #6684bc;padding:5px 9px;border-radius:10px;color:var(--gold)}.logo strong{font-size:20px;letter-spacing:-.6px}.logo strong span{color:var(--gold)}.logo small{font-size:10px;letter-spacing:2px;color:var(--muted)}.right{gap:24px}.back,.health{color:var(--muted);font-size:12px}.health.active{color:#80e0bd}.health.offline{color:#ffb58f}.shell{max-width:1600px;margin:auto;padding:30px 4vw 42px}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.eyebrow{font-weight:750;color:#b2c6ff;font-size:11px;letter-spacing:2px}h1{font-size:clamp(34px,4.2vw,59px);letter-spacing:-2.4px;line-height:1.08;margin:14px 0}h1 em{color:var(--gold);font-style:normal}.intro p{margin:0;max-width:810px;color:var(--muted)}.intro-tip{background:#172a48;border:1px solid #2d4670;padding:14px 20px;border-radius:15px;min-width:220px;font-weight:700;color:var(--gold)}.intro-tip span{font-weight:400;font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:16px;min-height:680px;height:min(75vh,860px)}.chat-panel,.editor-panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:0 15px 44px #05091444}.panel-head{padding:18px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head b{font-size:15px}.panel-head small{display:block;color:var(--muted);font-size:11px}.panel-head button,.editor-footer button{border:1px solid #435471;border-radius:9px;color:#e4eeff;background:#172941;padding:8px 11px;font-size:12px}.conversation{flex:1;overflow-y:auto;padding:19px;display:flex;flex-direction:column;gap:14px}.bubble{border-radius:14px;padding:12px 14px;max-width:94%;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.assistant{align-self:flex-start;background:#1d2d46;border:1px solid #334866}.bubble.user{align-self:flex-end;background:#254a83;border:1px solid #4a75b2}.bubble.error{border-color:#8f4554;color:#ffd7d7}.composer{border-top:1px solid var(--line);padding:13px;display:grid;gap:9px}.file-label{cursor:pointer;color:#dce8ff;font-size:12px;font-weight:650}.file-label span{display:block;font-size:10px;color:var(--muted);font-weight:400}#fileInput{font-size:11px;max-width:100%;color:var(--muted)}.attachments{display:flex;flex-wrap:wrap;gap:5px}.attachment{background:#253957;border:1px solid #3c5374;border-radius:15px;font-size:10px;padding:3px 7px}#prompt,#code{resize:none;border:1px solid #344963;color:var(--fg);background:#091625;outline:none}#prompt{padding:12px;border-radius:11px;min-height:99px;width:100%;font-size:13px}#prompt:focus,#code:focus{border-color:var(--blue)}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.composer-bottom span{font-size:10px;color:var(--muted)}#send{border:0;color:#061329;font-weight:750;background:linear-gradient(110deg,#e4b86d,#ffe5a5);border-radius:10px;padding:10px 17px}.tabs{display:flex;gap:4px;padding:9px 12px;border-bottom:1px solid var(--line);overflow:auto}.tab{background:transparent;border:0;color:var(--muted);padding:9px 11px;border-radius:8px;font-size:12px;white-space:nowrap}.tab.active{color:white;background:#2c456b}.editor-stage{flex:1;min-height:0;position:relative}#code{width:100%;height:100%;padding:18px;border:0;border-radius:0;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}#previewArea{width:100%;height:100%;display:flex;flex-direction:column;background:#edf2f9}#previewArea[hidden]{display:none}.preview-notice{background:#20314f;color:#cad8f0;font-size:11px;padding:9px 13px}#preview{flex:1;background:white;border:0;width:100%;height:100%}.editor-footer{border-top:1px solid var(--line);padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px}.editor-footer>div{display:flex;gap:8px}.privacy{color:var(--muted);font-size:11px;line-height:1.7;margin:17px 3px}@media(max-width:960px){.workspace{grid-template-columns:1fr;height:auto}.chat-panel{min-height:490px;height:590px}.editor-panel{height:670px}.intro-tip{display:none}}@media(max-width:560px){.top{padding:0 14px}.logo small{display:none}.right{gap:8px}.back{display:none}.shell{padding:22px 12px}.panel-head{padding:13px}.editor-footer{flex-wrap:wrap}.chat-panel{height:570px}}