:root{--bg:#081320;--surface:#0f2238;--surface-alt:#17314f;--text:#e6eef7;--muted:#a4b8ce;--primary:#2cb67d;--border:#2a4664}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top right,#17314f 0,#081320 45%);color:var(--text);min-height:100vh}a{color:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.stack{width:100%;max-width:920px;gap:16px}.card,.stack{display:flex;flex-direction:column}.card{gap:10px;border:1px solid var(--border);border-radius:16px;padding:24px;background:linear-gradient(180deg,#122841,#0d1f35)}.button{border:0;border-radius:10px;padding:10px 14px;background:var(--primary);color:#02150f;cursor:pointer;font-weight:700;text-decoration:none;text-align:center}.button.secondary{background:var(--surface-alt);color:var(--text)}input,select,textarea{width:100%;border-radius:10px;border:1px solid var(--border);background:#0a1829;color:var(--text);padding:10px}label{display:flex;flex-direction:column;gap:6px}.workspace{min-height:100vh;padding:16px;display:flex;gap:12px}.chat-pane{width:min(36vw,460px);min-width:310px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-pane textarea{min-height:190px}.chat-actions{display:flex;gap:10px}.preview-pane{flex:1 1;border:1px solid var(--border);border-radius:12px;background:#081320;overflow:hidden;display:flex;flex-direction:column}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.preview-pane iframe{border:0;flex:1 1;background:white}.badge{text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:4px 7px;border-radius:6px;background:#223f5f}.badge.ready{background:#1f5f46}.badge.warming{background:#72591f}.badge.error{background:#722a2a}.empty-state{display:flex;align-items:center;justify-content:center;height:100%}.empty-state,.status{color:var(--muted)}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}@media (max-width:920px){.workspace{flex-direction:column}.chat-pane{width:100%;min-width:0}.preview-pane{min-height:460px}}