.app{grid-template-columns:minmax(0,1fr) 360px}.side{position:sticky;top:16px}.dropzone{text-align:center;cursor:pointer;color:var(--ink);background:#fafcfd;border:2px dashed #b8c4d4;border-radius:14px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:44px 20px;display:flex;position:relative}.dropzone:hover,.dropzone.over{border-color:var(--brand);background:var(--brand-soft)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute;inset:0}.dropzone:focus-within{outline:2px solid var(--brand);outline-offset:2px}.dz-title{font-size:1.1rem;font-weight:700}.dz-title u{color:var(--brand)}.dz-sub{color:var(--muted);font-size:.88rem;font-weight:400}.dropzone.compact{flex-direction:row;justify-content:center;padding:12px}.dropzone.compact .dz-sub{display:none}.stage{border:1px solid var(--line);background:repeating-conic-gradient(#eef1f5 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:12px;place-items:center;margin-top:14px;padding:10px;display:grid}.stage canvas{border-radius:6px;max-width:100%;height:auto;max-height:62vh;display:block;box-shadow:0 2px 10px #0f172a26}.strip{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.strip li{position:relative}.strip button[data-i]{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:64px;height:64px;padding:0;display:grid;overflow:hidden}.strip li.on button[data-i]{border-color:var(--brand)}.strip img{max-width:100%;max-height:100%}.strip .rm{color:#fff;cursor:pointer;background:#334155;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:.8rem;line-height:20px;position:absolute;top:-6px;right:-6px}.strip .count{color:var(--muted);align-items:center;gap:10px;margin-left:6px;font-size:.85rem;display:flex}.strip .count .link-btn{margin:0}label output{color:var(--ink);margin-left:4px;font-weight:700}.posgrid{grid-template-columns:repeat(3,40px);gap:6px;margin-bottom:10px;display:grid}.posgrid label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:40px;height:30px;margin:0;display:grid;position:relative}.posgrid input{opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.posgrid span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.posgrid label.on{border-color:var(--brand);background:var(--brand-soft)}.posgrid label.on span{background:var(--brand)}.posgrid label:focus-within{outline:2px solid var(--brand)}.btn.wide{width:100%;margin-top:10px}input[type=range]:disabled{opacity:.4}.side .check{align-self:auto;margin-bottom:12px;padding-bottom:0}.status{min-height:1.2em;color:var(--brand);font-weight:600}@media (width<=900px){.app{grid-template-columns:1fr}.side{position:static}}