*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}#search-header{position:sticky;top:0;z-index:10;background:#1a1a2e;padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a2a4a}#search{flex:1;padding:10px 14px;font-size:16px;border:1px solid #3a3a5a;border-radius:8px;background:#16163a;color:#f0f0f0;outline:none}#search:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff4d}#search::placeholder{color:#666}#count{font-size:13px;color:#888;white-space:nowrap}#view-toggle{padding:6px 12px;font-size:13px;border:1px solid #3a3a5a;border-radius:6px;background:#16163a;color:#ccc;cursor:pointer;white-space:nowrap}#view-toggle:hover{border-color:#6c63ff;color:#fff}#selection-bar{display:none;position:sticky;top:53px;z-index:9;background:#22224a;padding:8px 16px;align-items:center;gap:10px;border-bottom:1px solid #3a3a5a;font-size:13px}#selection-bar.visible{display:flex}#sel-count{color:#6c63ff;font-weight:600}#selection-bar button{padding:4px 10px;font-size:12px;border:1px solid #3a3a5a;border-radius:5px;background:#16163a;color:#ccc;cursor:pointer}#selection-bar button:hover{border-color:#6c63ff;color:#fff}.card.selected{outline:2px solid #6c63ff;outline-offset:-2px;background:#6c63ff1a}.list-row.selected{background:#6c63ff26}.list-row.selected .list-check:after{content:"✓";color:#6c63ff}.list-check{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid #3a3a5a;border-radius:4px;flex-shrink:0;font-size:12px;cursor:pointer}.list-row:hover .list-check{border-color:#6c63ff}.card{cursor:pointer}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:4px;padding:12px}.card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:8px}.card-img-btn{border:none;background:transparent;border-radius:6px;cursor:pointer;padding:4px}.card-img-btn:hover{background:#2a2a4a}.card-img-btn img{width:64px;height:64px;object-fit:contain;display:block}.card-name-btn{border:none;background:transparent;color:#888;font-size:10px;text-align:center;word-break:break-all;line-height:1.2;cursor:pointer;padding:2px 4px;border-radius:4px}.card-name-btn:hover{background:#2a2a4a;color:#ccc}.list-view{display:flex;flex-direction:column;padding:8px 16px}.list-row{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:6px}.list-row:hover{background:#2a2a4a}.list-row img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.list-name{flex:1;font-size:13px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-action{border:none;background:transparent;color:#666;font-size:11px;cursor:pointer;padding:2px 8px;border-radius:4px}.list-action:hover{background:#3a3a5a;color:#ccc}@keyframes spin{to{transform:rotate(360deg)}}.loading{position:relative}.loading img{opacity:0}.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid #3a3a5a;border-top-color:#6c63ff;border-radius:50%;animation:spin .6s linear infinite}.error img{display:none}.error:after{content:"!";display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:18px}.list-img{position:relative;width:24px;height:24px;flex-shrink:0}.list-img.loading:after{width:12px;height:12px}.list-img.error:after{font-size:12px}.empty{grid-column:1 / -1;text-align:center;padding:80px 20px;font-size:18px;color:#666}.sentinel{height:1px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#6c63ff;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%) translateY(0)}