:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0c0e12;--surface:#13161c;--surface-2:#181c24;--surface-active:#ffffff09;--editor-bg:#101319;--border:#2a303b;--border-strong:#3b4553;--text-primary:#e8edf5;--text-secondary:#a9b3c2;--text-muted:#6f7b8c;--accent:#7da7ff;--accent-strong:#9dbdff;--accent-bg:#1f3766;--selection:#5b8be64d;--danger:#ff8d8d;--warning:#f0c36b;--success:#91d7a6;--syntax-keyword:#c792ea;--syntax-atom:#ffcb6b;--syntax-number:#f78c6c;--syntax-string:#c3e88d;--syntax-variable:#82aaff;--syntax-property:#89ddff;--syntax-type:#ffc777;--syntax-comment:#65737e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page-bg);color:var(--text-primary)}button,summary{font:inherit}.app-shell{grid-template-rows:auto minmax(560px,calc(100vh - 150px)) auto;gap:14px;min-height:100vh;padding:14px;display:grid}.topbar,.panel,.reference{border:1px solid var(--border);background:var(--surface);border-radius:10px}.topbar{justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.brand-title{letter-spacing:.01em;font-size:15px;font-weight:650}.brand-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.toolbar{align-items:center;gap:8px;display:flex}.button{border:1px solid var(--border-strong);color:var(--text-primary);background:var(--surface-2);cursor:pointer;border-radius:7px;padding:8px 11px}.button:hover:not(:disabled){border-color:#59677a}.button.primary{background:var(--accent-bg);color:#f3f7ff;border-color:#456cb5;font-weight:600}.button.primary:hover:not(:disabled){border-color:var(--accent)}.button:disabled{opacity:.55;cursor:default}kbd{color:var(--text-secondary);margin-left:9px;font-size:10px;font-weight:500}.workspace{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:14px;min-height:0;display:grid}.panel{min-width:0;min-height:0;overflow:hidden}.editor-panel,.console-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.panel-heading{border-bottom:1px solid var(--border);min-height:42px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:0 13px;font-size:12px;font-weight:600;display:flex}.panel-meta{color:var(--text-muted);font-weight:400}.editor-fill,.code-editor,.code-editor>.cm-editor{height:100%;min-height:0}.console-body{background:var(--editor-bg);padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;overflow:auto}.console-empty{color:var(--text-muted);padding:6px;line-height:1.55}.console-entry{border-bottom:1px solid #ffffff0b;grid-template-columns:62px minmax(0,1fr);gap:10px;padding:8px 6px;display:grid}.console-level{text-transform:uppercase;letter-spacing:.06em;padding-top:2px;font-size:10px}.console-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary);font:inherit;margin:0;line-height:1.55}.console-warning .console-level{color:var(--warning)}.console-error .console-level{color:var(--danger)}.console-info .console-level{color:var(--success)}.reference{overflow:hidden}.reference summary{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:46px;color:var(--text-secondary);align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.reference summary::marker{color:var(--text-muted)}.summary-hint{color:var(--text-muted);font-size:12px;font-weight:400}.reference-editor{border-top:1px solid var(--border);height:min(68vh,760px)}@media (width<=900px){.app-shell{grid-template-rows:auto auto auto}.workspace{grid-template-rows:65vh 34vh;grid-template-columns:1fr}.topbar{align-items:flex-start}.brand-subtitle,kbd,.panel-meta,.summary-hint{display:none}}@media (width<=520px){.app-shell{gap:8px;padding:8px}.topbar{padding:10px}.toolbar{justify-content:flex-end;width:100%}.button{padding:8px 9px}}