:root{--bg: #14141a;--panel: #1e1e27;--panel-2: #262632;--line: #34343f;--text: #e8e8ef;--muted: #9a9aab;--accent: #c9a24b;--accent-2: #7a5cff;--warn: #d9a441;--danger: #d1495b;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.filterbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.filterbar-top,.filterbar-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.brand-logo{height:34px;width:auto;display:block;margin-right:4px}.filterbar-top .lang-toggle{margin-left:auto}.filterbar input[type=search]{flex:1 1 200px;min-width:160px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:var(--radius)}.facet{position:relative}.facet>button{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:var(--radius);cursor:pointer;white-space:nowrap}.facet>button.active{border-color:var(--accent);color:var(--accent)}.facet-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;max-height:320px;overflow:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:6px;min-width:180px;box-shadow:0 8px 24px #0006}.facet-menu label{display:flex;gap:8px;align-items:center;padding:4px 6px;border-radius:4px;cursor:pointer}.facet-menu label:hover{background:var(--panel)}.chip-toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:var(--radius);cursor:pointer}.chip-toggle.on{border-color:var(--accent);color:var(--accent)}.linkbtn{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline}.main-row{flex:1;display:flex;min-height:0}.browser{flex:1;overflow:auto;padding:14px}.browser-meta{color:var(--muted);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.btn.small{padding:5px 10px;font-size:13px}.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.lang-toggle button{background:var(--panel-2);border:none;color:var(--muted);padding:7px 12px;cursor:pointer;font-weight:600}.lang-toggle button.on{background:var(--accent);color:#14141a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.cardcell{position:relative;aspect-ratio:570 / 796;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--panel-2)}.cardcell img{width:100%;height:100%;object-fit:cover;display:block}.cardcell.selected{border-color:var(--accent)}.cardcell img{cursor:pointer}.card-preview{position:fixed;z-index:1000;pointer-events:none;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #0009;border:1px solid rgba(255,255,255,.15)}.card-preview img{display:block;width:100%;height:auto}.qty-ctrl{position:absolute;top:25%;height:25%;right:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 1px;background:#000000b3;border-radius:6px}.qty-btn{width:20px;height:18px;display:grid;place-items:center;background:none;border:none;color:var(--text);font-size:15px;line-height:1;cursor:pointer;padding:0}.qty-btn:hover:not(:disabled){color:var(--accent)}.qty-btn:disabled{opacity:.3;cursor:default}.qty-count{font-weight:700;font-size:12px;line-height:1;color:var(--accent)}.drawer{background:var(--panel);border-top:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.counts{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.count-pill{background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:4px 12px}.count-pill b{color:var(--accent)}.warns{color:var(--warn);font-size:12px}.spacer{flex:1}.btn{background:var(--accent-2);border:none;color:#fff;padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-weight:600}.btn.secondary{background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.deckpanel{position:relative;flex:0 0 360px;width:360px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.deckpanel-resizer{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:5}.deckpanel-resizer:hover{background:var(--accent-2)}.deckpanel-max{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:3px 8px;font-size:14px;line-height:1}.deckpanel-max:hover{border-color:var(--accent);color:var(--accent)}.deckpanel.collapsed{flex:0 0 44px;width:44px;align-items:center;padding-top:10px}.deckpanel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line)}.deckpanel-counts{display:flex;gap:8px;flex-wrap:wrap;width:100%}.deckpanel-zoom{display:flex;align-items:center;gap:8px;width:100%;color:var(--muted);font-size:12px}.deckpanel-zoom input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.deckpanel-zoom-val{min-width:36px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.deckpanel-toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:4px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.deckpanel-toggle:hover{border-color:var(--accent)}.deckpanel-toggle .chevron{font-size:18px;line-height:1;color:var(--accent)}.deckpanel-badge{background:var(--accent);color:#14141a;font-weight:700;border-radius:12px;padding:1px 7px;font-size:12px}.deckpanel-body{overflow:auto;padding:10px 12px}.deck-group{margin-bottom:14px}.deck-group-head{font-weight:700;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:8px}.deck-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(285px,100%),285px));gap:10px}.deck-mini-confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:5px;background:#000000bd}.deck-mini-confirm .btn{padding:8px 6px;font-size:14px;font-weight:600}.btn.danger{background:var(--danger);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;width:min(560px,92vw);max-height:86vh;overflow:auto}.modal h2{margin-top:0}.modal .row{display:flex;gap:8px;align-items:center;margin:10px 0}.modal input[type=text]{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:var(--radius)}.deck-list{list-style:none;padding:0;margin:8px 0}.deck-list li{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:6px}.deck-list .name{flex:1}.muted{color:var(--muted)}.close-x{position:absolute}.import-textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;resize:vertical}.import-list{list-style:none;padding:0;margin:8px 0;max-height:300px;overflow:auto}.import-list li{padding:6px 8px;border-radius:6px;margin-bottom:4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.imp-ok{background:#5aa05a1f}.imp-ambiguous{background:#d9a44124}.imp-notfound{background:#d1495b24;color:#e0a0aa}.import-list select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:4px 6px;max-width:100%}code{background:var(--panel-2);padding:1px 5px;border-radius:4px;font-size:12px}