:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#0f1620;--panel2:#111b27;--text:#e6edf3;--muted:#9fb0c0;--border:#ffffff14;--accent:#5dd6ff;--accent2:#6ee7b7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{color:#c9d1d9}.app{max-width:1200px;margin:0 auto;padding:18px}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0f162099;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0000001a}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:10px 16px;font-weight:600;transition:all .2s}.btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.title h1{margin:0 0 6px;font-size:18px}.title p{color:var(--muted);margin:0;font-size:12px}.link{color:var(--accent);font-weight:700}.controls{grid-template-columns:1fr 180px 240px 280px;gap:10px;margin-top:12px;display:grid}.field{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:8px;padding:12px;display:grid}.field span{color:var(--muted);font-size:12px}.field input,.field select{border:1px solid var(--border);background:var(--panel2);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px}.small{font-size:12px}.note{opacity:.7}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:6px 10px;font-weight:700}.chip:hover{border-color:#5dd6ff4d}.chip.active{color:#fff;background:#5dd6ff26;border-color:#5dd6ff80}.chips.dense{gap:4px}.pager{background:var(--panel);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.pageMeta{gap:2px;font-size:12px;display:grid}.muted{color:var(--muted)}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:10px 12px;font-weight:800}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(#5dd6ff33,#5dd6ff0f);border-color:#5dd6ff59}.error{background:#ff3c3c14;border:1px solid #ff3c3c40;border-radius:14px;margin-top:10px;padding:12px}.main{grid-template-columns:1fr 420px;gap:12px;margin-top:12px;display:grid}.list,.side{background:var(--panel);border:1px solid var(--border);border-radius:16px;min-width:0;padding:12px;overflow-x:hidden}.listHeader{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}h2{margin:0;font-size:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:14px;padding:12px}.card.active{border-color:#6ee7b773;box-shadow:inset 0 0 0 1px #6ee7b733}.cardTop{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cardTitle{font-size:13px;font-weight:900}.cardMeta{color:var(--muted);font-size:12px}.swatches{grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:2px;margin-top:10px;display:grid}.swatches.c-64{grid-template-columns:repeat(auto-fill,minmax(10px,1fr));gap:1px}.swatch{border-radius:3px;height:12px}.swatches.c-64 .swatch{border:none;border-radius:2px;height:8px}.swatches.c-128,.swatches.c-256{grid-template-columns:repeat(auto-fill,minmax(6px,1fr));gap:0}.swatches.c-128 .swatch,.swatches.c-256 .swatch{border:none;border-radius:0;height:6px}.cardBottom{justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;display:flex}.panel{gap:10px;min-width:0;display:grid}.panelRow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panelTitle{margin-bottom:2px;font-size:14px;font-weight:1000}.opts{border:1px solid var(--border);background:#ffffff05;border-radius:14px;gap:8px;min-width:0;max-width:100%;padding:10px;display:grid}.opts label{align-items:center;gap:10px;display:flex}.bigSwatches{border:1px solid var(--border);background:#ffffff05;border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:4px;max-height:220px;padding:10px;display:grid;overflow:auto}.bigSwatches.c-64,.bigSwatches.c-128{grid-template-columns:repeat(auto-fill,minmax(12px,1fr));gap:1px}.bigSwatches.c-256{grid-template-columns:repeat(auto-fill,minmax(8px,1fr));gap:0}.swatch.big{border-radius:4px;width:100%;height:18px;display:block}.bigSwatches.c-256 .swatch.big{border-radius:0;height:12px}.swatchBtn{cursor:pointer;background:0 0;border:0;padding:0}.swatchBtn.active .swatch.big{outline:2px solid #5dd6ffcc}.uvBox{border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:10px}.mono{word-break:break-all;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}@media (width<=960px){.controls{grid-template-columns:1fr 1fr}.main{grid-template-columns:1fr}}@media (width<=600px){.header{flex-direction:column;align-items:start}.controls{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}