:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--panel:#fff;--text:#1b1f27;--muted:#5d6675;--border:#d9dde4;--accent:#2563eb;--accent-text:#fff;--err:#b91c1c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--panel:#181b22;--text:#e6e8ec;--muted:#9aa1ad;--border:#2b303b;--accent:#3b82f6;--err:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:1.5rem}h2{margin:0 0 .6rem;font-size:1rem}.app{grid-template-columns:1fr;gap:1rem;max-width:1400px;margin:0 auto;padding:1rem;display:grid}header p{color:var(--muted);margin:.25rem 0 0}header,footer{grid-column:1/-1}footer{color:var(--muted);text-align:center;padding:.5rem 0 1rem;font-size:.85rem}@media (width>=900px){.app{grid-template-columns:290px minmax(0,1fr);align-items:start}.controls{position:sticky;top:1rem}}.controls,.view,.sheets{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.controls section+section{border-top:1px solid var(--border);margin-top:1.1rem;padding-top:1rem}main{gap:1rem;min-width:0;display:grid}label{color:var(--muted);gap:.25rem;margin-bottom:.6rem;font-size:.85rem;display:grid}label.check{color:var(--text);align-items:center;gap:.5rem;display:flex}.row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}input,select,button{font:inherit;color:var(--text)}input[type=number],select{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;padding:.4rem .5rem}input[type=range]{width:100%;accent-color:var(--accent)}input[type=file]{font-size:.8rem}button{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.4rem .8rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.viewhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.viewhead h2{margin:0}.hint{color:var(--muted);font-size:.8rem}.actions{gap:.5rem;display:flex}.scene{background:var(--bg);border-radius:8px;height:min(60vw,440px);min-height:280px;position:relative;overflow:hidden}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.chips{flex-wrap:wrap;gap:.35rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.chips button{align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.8rem;display:inline-flex}.chips button.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chips i{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.stats{grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:0;font-size:.9rem;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.error{color:var(--err);font-size:.85rem}.pages{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.page{margin:0}.page .svg{border:1px solid var(--border);background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 6px #00000026}.page svg{cursor:pointer;width:100%;height:auto;display:block}.page figcaption{color:var(--muted);justify-content:space-between;align-items:center;padding-top:.35rem;font-size:.8rem;display:flex}.page figcaption button{padding:.1rem .5rem;font-size:.75rem}.note{color:var(--muted);margin:.8rem 0 0;font-size:.85rem}@media print{body{background:#fff}.app{max-width:none;padding:0;display:block}header,.controls,.view,footer,.noprint{display:none!important}.sheets{background:0 0;border:0;padding:0}.pages{display:block}.page{width:var(--pw,100%);break-after:page;page-break-after:always}.page:last-child{break-after:auto;page-break-after:auto}.page .svg{box-shadow:none;border:0;border-radius:0}.page svg{width:100%;height:100%}}