:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f4;--panel:#fff;--text:#1c1c1a;--muted:#6b6b66;--line:#dededa;--accent:#3a6ea5;--error:#a33}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181a;--panel:#202225;--text:#e8e8e6;--muted:#9a9a95;--line:#34363a;--accent:#7aa7d8;--error:#e08b8b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:60rem;margin:0 auto;padding:2rem 1rem 4rem}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:0 0 .75rem;font-size:1.1rem}.muted{color:var(--muted);margin:0 0 1rem}.drop{border:2px dashed var(--line);background:var(--panel);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.drop.dragging{border-color:var(--accent)}.drop input{max-width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-top:1.5rem;padding:1.25rem}.facts{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.5rem 1.5rem;margin:0;display:grid}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0}.blocks{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.blocks th,.blocks td{border-bottom:1px solid var(--line);text-align:left;padding:.3rem .5rem}.blocks th:first-child,.blocks .count{text-align:right;white-space:nowrap;width:6rem}.blocks .state{word-break:break-all;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85em}.error{border:1px solid var(--error);color:var(--error);border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.viewer{background:#101114;border-radius:8px;width:100%;line-height:0;overflow:hidden}.viewer canvas{touch-action:none;width:100%;height:auto;display:block}.preview-note{margin:.75rem 0 0;font-size:.9em}.slot-counts{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .8rem}.chip:hover{border-color:var(--accent)}.chip.active{border-color:var(--accent);color:var(--accent)}.chip.count-input{cursor:text;align-items:center;padding:.35rem .5rem .35rem .8rem;display:inline-flex}.chip.count-input:before{content:"or";color:var(--muted);margin-right:.5rem}.chip.count-input input{width:3.5rem;color:inherit;font:inherit;background:0 0;border:0;padding:0}.chip.count-input input:focus{outline:none}.panel.upload{padding-bottom:1rem}.slots{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.slots li{align-items:center;gap:.5rem;display:flex}.slots input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:2.5rem;height:2rem;padding:0}.slots input[type=text]{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:6px;flex:1;padding:.35rem .5rem}.assign{align-items:center;gap:.5rem;display:flex}.swatch{vertical-align:middle;border:1px solid var(--line);border-radius:3px;flex:none;width:1rem;height:1rem;display:inline-block}.assign select{border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;border-radius:6px;padding:.25rem .4rem}