:root{--color-bg:#fff;--color-text:#1a1a1a;--color-border:#c7c7c7;--color-panel-bg:#f4f4f5;--color-focus:#1a56db;--color-accent:#1a56db;--color-warning:#b91c1c}@media (prefers-color-scheme:dark){:root{--color-bg:#15171a;--color-text:#e8e8e8;--color-border:#3a3d42;--color-panel-bg:#1e2024;--color-focus:#7aa2ff;--color-accent:#7aa2ff;--color-warning:#ff8f8f}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{align-items:stretch;height:100vh;min-height:100vh;display:flex}#app>canvas{background:var(--color-bg);touch-action:none;flex:auto;min-width:0;display:block}.side-panel{background:var(--color-panel-bg);border-left:1px solid var(--color-border);flex-direction:column;flex:0 0 320px;gap:10px;min-width:260px;max-width:420px;padding:12px;display:flex;overflow-y:auto}.side-panel label{margin:6px 0;font-size:.9rem;display:block}.side-panel input,.side-panel select,.side-panel textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;margin-top:4px;padding:4px 6px;display:block}.side-panel textarea{resize:vertical;min-height:9rem;font-family:ui-monospace,Consolas,monospace}.side-panel button{font:inherit;color:inherit;background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;margin:2px 0;padding:4px 10px}.side-panel button:hover{border-color:var(--color-accent)}.side-panel button:disabled{opacity:.6;cursor:not-allowed}.side-panel ul{color:var(--color-warning);margin:4px 0;padding-left:1.2rem}.side-panel [role=status]{min-height:1em;color:var(--color-warning);margin:2px 0;font-size:.85rem}.side-panel hr{border:none;border-top:1px solid var(--color-border);margin:8px 0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}