@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg:#0b1224;--bg-2:#0f172a;--panel:rgba(15,23,42,.9);--panel-strong:rgba(10,16,32,.9);--accent:#38bdf8;--accent-2:#a855f7;--muted:#9ca3af;--border:hsla(0,0%,100%,.08);--radius:14px;--glow:0 22px 60px rgba(56,189,248,.2);color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.12),transparent 22%),radial-gradient(circle at 78% 0,rgba(168,85,247,.12),transparent 25%),linear-gradient(135deg,rgba(56,189,248,.04),rgba(168,85,247,.05) 40%,transparent),radial-gradient(circle at 50% 120%,rgba(56,189,248,.12),transparent 30%),var(--bg);color:#e2e8f0;min-height:100vh;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:80px 80px;opacity:.35;mix-blend-mode:screen}a{color:inherit;text-decoration:none}button{font-family:inherit}.main{max-width:1200px;margin:0 auto;padding:40px 20px 80px;position:relative}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.title{font-size:clamp(30px,5vw,38px);font-weight:700;letter-spacing:-.02em;margin:0}.subtitle{color:var(--muted);margin:4px 0 0;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(56,189,248,.28));color:#e2e8f0;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:600;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;box-shadow:var(--glow)}.btn.secondary{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(94,234,212,.16));box-shadow:0 16px 40px rgba(168,85,247,.25)}.btn.ghost{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.35),var(--glow);border-color:hsla(0,0%,100%,.16)}.btn:focus-visible{outline:2px solid rgba(56,189,248,.55);outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent),var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 0 1px hsla(0,0%,100%,.02);cursor:default;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card img{width:100%;object-fit:contain;border-radius:10px;background:hsla(0,0%,100%,.05);padding:8px}.card .label{font-weight:600;letter-spacing:-.01em}.card .meta{color:var(--muted);font-size:14px}.tile-card{text-align:left;cursor:pointer;border:1px solid var(--border);padding:0;gap:0;background:linear-gradient(145deg,hsla(0,0%,100%,.05),rgba(56,189,248,.05));box-shadow:0 10px 30px rgba(0,0,0,.18)}.tile-card img{padding:0;background:none;background-color:#fff;border-radius:10%/7%}.tile-card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.32),var(--glow)}.tile-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-card.disabled{opacity:.4;cursor:not-allowed;transform:none}.controls{display:flex;align-items:center;gap:8px}.count{background:hsla(0,0%,100%,.08);padding:7px 12px;border-radius:8px;font-weight:600;min-width:32px;text-align:center}.tile-bar{display:flex;align-items:center;gap:8px;justify-content:space-between}.selector{margin-top:32px;padding:18px;border-radius:18px;background:linear-gradient(160deg,hsla(0,0%,100%,.03),transparent),var(--panel-strong);border:1px dashed hsla(0,0%,100%,.12);box-shadow:0 18px 40px rgba(0,0,0,.35)}.selector h3{margin:0 0 12px}.selected-tiles{display:flex;flex-direction:column;gap:6px}.selected-row{display:flex;flex-wrap:nowrap;gap:2px}.selected-row::-webkit-scrollbar{height:6px}.selected-row::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:10px}.selected-tiles.hide-spacers .line-break-bar,.selected-tiles.hide-spacers .spacer-bar{opacity:0}.selected-tiles img{width:100%;max-width:none;background:none;border-radius:0;border-radius:10%/7%;background-color:#fff}.selected-tiles .tile{border:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:default;box-shadow:0 6px 16px rgba(0,0,0,.18);max-height:10vw;aspect-ratio:1183/1680;background:transparent}.selected-tiles .tile img{border-radius:10%/7%;background-color:#fff}.selected-tiles .tile.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.selected-tiles .tile.clickable:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.28)}.selected-tiles .tile.clickable:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.selected-tiles .tile.spacer{justify-content:center}.selected-tiles .tile.spacer img{opacity:0}.spacer-bar{display:inline-flex;align-items:center;height:100%;color:#e2e8f0;background:repeating-linear-gradient(-45deg,rgba(56,189,248,.35),rgba(56,189,248,.35) 10px,rgba(56,189,248,.12) 0,rgba(56,189,248,.12) 20px),rgba(15,23,42,.75);border:1px dashed rgba(56,189,248,.65);border-radius:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08)}.line-break,.spacer-bar{justify-content:center;width:100%}.line-break{display:flex}.line-break-bar{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:8px 10px;color:#e2e8f0;background:repeating-linear-gradient(-45deg,rgba(56,189,248,.35),rgba(56,189,248,.35) 10px,rgba(56,189,248,.12) 0,rgba(56,189,248,.12) 20px),rgba(15,23,42,.75);border:1px dashed rgba(148,163,184,.6);border-radius:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.badge{padding:4px 8px;border-radius:999px;font-size:12px;background:rgba(56,189,248,.12);color:#7dd3fc;border:1px solid var(--border)}.notice{color:var(--muted);font-size:14px;margin:12px 0 0}.catalog{display:flex;flex-direction:column;gap:2px}.catalog-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-gap:2px;gap:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.04)}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:10px;border:2px solid hsla(0,0%,100%,.05)}@media(max-width:720px){.header{flex-direction:column;align-items:flex-start}.actions,.btn{width:100%}.btn{text-align:center}}