:root{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172a;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;display:grid}#app{width:min(920px,100vw - 24px)}.bar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}h1{color:#f8fafc;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.status{color:#94a3b8;min-height:1.25em;margin:6px 0 0;font-size:.875rem}.status[data-state=error]{color:#f87171}.status[data-state=ready]{color:#4ade80}.actions{flex-wrap:wrap;gap:8px;display:flex}button{color:inherit;cursor:pointer;font:inherit;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 12px;font-size:.875rem}button:hover:not(:disabled){background:#334155}button:disabled{cursor:not-allowed;opacity:.45}.canvas-host{background:#020617;border:1px solid #1e293b;border-radius:8px;width:100%;height:min(70vh,520px);min-height:280px;overflow:hidden}.canvas-host canvas{object-fit:contain;width:100%;height:100%;display:block}