:root{--bg:#121214;--surface:#1c1c20;--border:#2e2e35;--text:#e8e8ec;--muted:#8a8a94;--accent:#f5c518;--danger:#e5484d;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;margin:0;font:14px/1.4 system-ui,-apple-system,sans-serif;display:flex}.toolbar,.selection-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem 1rem;display:flex}.selection-bar{padding-block:.4rem}.field{touch-action:manipulation;align-items:center;gap:.5rem;display:flex}.field.check{cursor:pointer;-webkit-user-select:none;user-select:none;gap:.4rem}.field.check input{accent-color:var(--accent);margin:0}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}input[type=range]{width:7rem;accent-color:var(--accent)}button{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:2.25rem;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;padding:.45rem .8rem}button:hover:not(:disabled){border-color:var(--muted)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#111;font-weight:600}button.danger{color:var(--danger)}.segmented{display:flex}.segmented button{border-radius:0}.segmented button+button{margin-left:-1px}.segmented button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.segmented button:last-child{border-radius:0 var(--radius) var(--radius) 0}.segmented button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);position:relative}.actions{gap:.5rem;margin-left:auto;display:flex}.muted{color:var(--muted)}main{flex:1;min-height:0;padding:1rem;display:flex}.stage{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.sheet{aspect-ratio:2/3;background:#fff;width:min(100cqw,66.6667cqh);position:relative;box-shadow:0 12px 32px #00000080}body[data-orientation=landscape] .sheet{aspect-ratio:3/2;width:min(100cqw,150cqh)}.sheet canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.sheet canvas.is-panning{cursor:grabbing}.empty{text-align:center;color:#555;pointer-events:none;border:2px dashed #c8c8cc;place-content:center;gap:.5rem;display:grid;position:absolute;inset:0}.empty p{margin:0}.empty button{pointer-events:auto;color:#222;background:#fff;border-color:#c8c8cc;justify-self:center}body.is-dragging .sheet{outline:3px solid var(--accent);outline-offset:4px}.notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:calc(100vw - 2rem);padding:.5rem .9rem;position:fixed;bottom:1rem;left:50%;translate:-50%;box-shadow:0 4px 16px #0006}body:not([data-mode=sheet]) [data-for=sheet],body[data-mode=sheet] [data-for=collage]{display:none!important}@media (hover:none){.pointer-only{display:none}}@media (width<=40rem){body{height:auto;min-height:100dvh}main{flex:none;order:-2;padding:.75rem}.stage{height:62dvh}.selection-bar{order:-1}.toolbar{border-top:1px solid var(--border);border-bottom:0}.actions{flex-basis:100%;order:99;margin-left:0}button{min-height:2.75rem}.actions button{flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}