:root{color:var(--color-text-primary);background:linear-gradient(180deg, var(--color-bg-sheen), transparent 26%), var(--color-bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-app:#020202;--color-bg-panel:#050505;--color-bg-panel-tint:#ffffff05;--color-bg-sheen:#ffffff09;--color-bg-sheen-strong:#ffffff0a;--color-bg-line:#ffffff0a;--color-bg-line-strong:#ffffff0f;--color-bg-selection:#fff3;--color-text-primary:#f5f5f5;--color-text-secondary:#ffffffb8;--color-text-muted:#ffffff57;--color-border:#ffffff29;--color-border-strong:#ffffff2e;--color-border-focus:#ffffffd1;--color-inset-highlight:#ffffff0d;--color-inset-highlight-soft:#ffffff08;--color-shadow-line:#ffffff05;--color-error-bg:#200808d1;--color-error-text:#f3d0d0;--shadow-panel:inset 0 1px 0 var(--color-inset-highlight), 0 0 0 1px var(--color-shadow-line);--shadow-panel-focus:inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--color-border-strong);--shadow-canvas:inset 0 1px 0 #ffffff0a, 0 24px 60px #0000006b;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--color-bg-sheen-strong), transparent 18rem), var(--color-bg-app);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}#app{min-height:100vh}.editor-shell{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px;min-height:100vh;padding:18px;display:grid}.code-panel,.preview-panel{min-width:0}.code-panel{flex-direction:column;gap:8px;display:flex}.panel-header{flex-direction:column;gap:4px;display:flex}label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:600}.panel-meta,.file-status{letter-spacing:.04em;margin:0;font-size:11px}.panel-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:10px 14px;display:flex}.file-status{color:var(--color-text-secondary)}.code-editor{border:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-bg-panel-tint), transparent), var(--color-bg-panel);width:100%;min-height:420px;box-shadow:var(--shadow-panel);border-radius:0;flex:1;overflow:hidden}.code-editor:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-panel-focus)}.preview-panel{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}canvas{aspect-ratio:1;border:1px solid var(--color-border-strong);width:min(100%,70vh);box-shadow:var(--shadow-canvas);background:#000;border-radius:0;display:block}.error{border:1px solid var(--color-border-strong);width:min(100%,70vh);max-height:180px;color:var(--color-error-text);background:var(--color-error-bg);white-space:pre-wrap;box-shadow:inset 0 1px 0 var(--color-inset-highlight-soft);border-left-width:2px;border-radius:0;margin:0;padding:12px 14px;overflow:auto}@media (width<=760px){.editor-shell{grid-template-columns:1fr;gap:14px;padding:14px}.code-editor{min-height:320px}}.editor-host.svelte-9s6i5v,.editor-host .cm-editor{height:100%}