:root{color-scheme:dark;--bg: #08131d;--bg-accent: #0f2333;--surface: rgba(11, 24, 34, .82);--surface-strong: #102534;--line: rgba(168, 205, 227, .18);--text: #ebf4f7;--muted: #9ab3bf;--accent: #77e0c6;--accent-strong: #f5b971;--danger: #ff867f;--shadow: 0 18px 48px rgba(0, 0, 0, .34);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(119,224,198,.18),transparent 26%),radial-gradient(circle at top right,rgba(245,185,113,.14),transparent 28%),linear-gradient(180deg,#051019,#08131d);color:var(--text)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:0;z-index:20;background:#051019d1}.brand{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.03em}.topnav{display:flex;gap:1rem;color:var(--muted)}.topnav .active{color:var(--accent)}.page-shell{padding:1.25rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.prose{max-width:720px;margin:0 auto;padding:1.5rem}.editor-page{display:grid;gap:1rem}.editor-toolbar{padding:1rem}.editor-toolbar-main{display:flex;justify-content:space-between;gap:1rem;align-items:center}.title-input{flex:1;border-radius:16px;border:1px solid var(--line);background:#05101999;color:var(--text);padding:.85rem 1rem;min-width:0}.toolbar-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.compression-select{display:flex;gap:.5rem;align-items:center;color:var(--muted)}.compression-select select,.ghost-button,.accent-button,.link-button{border-radius:999px;border:1px solid var(--line);padding:.7rem 1rem;background:#07121bdb;color:var(--text)}.accent-button{background:linear-gradient(135deg,var(--accent),#4aa6d9);color:#07131c;border:none;font-weight:700}.ghost-button:disabled{opacity:.45;cursor:not-allowed}.compression-status,.toolbar-meta{margin-top:.75rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap}.copied-note{color:var(--accent)}.warning-note,.runtime-error{color:var(--danger)}.workspace{display:grid;grid-template-columns:minmax(0,calc(var(--split-ratio) * 100%)) 12px minmax(0,calc((1 - var(--split-ratio)) * 100%));gap:0;min-height:calc(100vh - 220px)}.workspace.preview-hidden{grid-template-columns:minmax(0,1fr)}.workspace-pane{min-width:0}.pane-card{overflow:hidden;min-height:calc(100vh - 220px)}.splitter{border:0;background:linear-gradient(180deg,transparent,rgba(119,224,198,.7),transparent);cursor:col-resize;width:12px;padding:0}.preview-stack{display:flex;flex-direction:column;min-height:100%}.preview-header,.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.preview-header h2,.player-toolbar h1{margin:0}.preview-header span,.player-toolbar p{color:var(--muted);margin:.35rem 0 0}.runtime-panel{display:flex;flex-direction:column;min-height:100%;padding:1rem;gap:.75rem}.runtime-canvas{width:100%;min-height:360px;height:100%;border-radius:18px;background:#09131e;border:1px solid var(--line)}.runtime-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.runtime-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .65rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line)}.runtime-pill.is-running,.runtime-pill.is-ready{color:var(--accent)}.runtime-pill.is-error{color:var(--danger)}.player-page{overflow:hidden}.player-canvas{min-height:calc(100vh - 210px)}.error-card{max-width:720px;margin:2rem auto;padding:1.5rem}@media(max-width:720px){.topbar{padding:.9rem 1rem}.page-shell{padding:.8rem}.editor-toolbar-main,.preview-header,.player-toolbar{flex-direction:column;align-items:stretch}.workspace{grid-template-columns:1fr;min-height:auto}.splitter{display:none}.pane-card,.runtime-canvas,.player-canvas{min-height:320px}}