.svgi-intro{color:#64748b;font-size:.92rem;line-height:1.7;margin-bottom:14px}.svgi-sets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.svgi-set{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:8px 14px 8px 12px;cursor:pointer;user-select:none;transition:all .15s}.svgi-set:hover{border-color:var(--accent, #3b82f6)}.svgi-set.checked{border-color:var(--accent, #3b82f6);background:#f5f9ff}.svgi-set input{width:17px;height:17px;accent-color:var(--accent, #3b82f6);cursor:pointer;margin:0}.svgi-set-sample{width:26px;height:26px;color:#1e293b;flex-shrink:0;display:flex;align-items:center;justify-content:center}.svgi-set-sample svg,.svgi-set-sample svg *{color:#1e293b}.svgi-set-sample svg{width:24px;height:24px}.svgi-set-text{line-height:1.3}.svgi-set-name{font-size:.92rem;font-weight:700;color:#1e293b}.svgi-set-num{font-size:.72rem;font-weight:400;color:#94a3b8}.svgi-set-desc{font-size:.72rem;color:#94a3b8}.svgi-toolbar{position:sticky;top:60px;z-index:10;background:#fff;padding:12px 0;margin-bottom:6px;border-bottom:1px solid #eef2f6}.svgi-search{width:100%;padding:12px 18px;font-size:16px;border:1px solid #cbd5e1;border-radius:25px;outline:none;box-sizing:border-box;transition:border-color .2s}.svgi-search:focus{border-color:var(--accent, #3b82f6)}.svgi-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}.svgi-chips{display:flex;flex-wrap:wrap;gap:6px}.svgi-chip{border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:16px;padding:4px 12px;font-size:.8rem;cursor:pointer;transition:all .15s}.svgi-chip:hover{border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6)}.svgi-colors{display:flex;align-items:center;gap:6px;margin-left:auto}.svgi-colors-label{font-size:.8rem;color:#64748b}.svgi-swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer;padding:0}.svgi-swatch.active{box-shadow:0 0 0 2px var(--accent, #3b82f6)}.svgi-swatch.is-white{background:#fff!important}.svgi-color-input{width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.svgi-hex-wrap{display:inline-flex;align-items:center;gap:6px}.svgi-hex{width:84px;padding:5px 8px;font-size:.85rem;font-family:ui-monospace,Menlo,Consolas,monospace;border:1px solid #cbd5e1;border-radius:6px;outline:none;text-transform:uppercase}.svgi-hex:focus{border-color:var(--accent, #3b82f6)}.svgi-hex.invalid{border-color:#ef4444}.svgi-count{font-size:.85rem;color:#94a3b8;margin:14px 0 10px}.svgi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;min-height:200px}.svgi-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 8px;background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;font-family:inherit;transition:all .15s;position:relative;content-visibility:auto;contain-intrinsic-size:100px}.svgi-cell:hover{border-color:var(--accent, #3b82f6);box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.svgi-cell .icon-svg,.svgi-cell .icon-svg *{color:var(--svgi-color, #1e293b)}.svgi-cell .icon-svg{width:30px;height:30px;flex-shrink:0}.svgi-name{font-size:10px;color:#94a3b8;line-height:1.2;word-break:break-all;text-align:center}.svgi-src{font-size:9px;color:#cbd5e1;letter-spacing:.02em}.svgi-cell.copied{border-color:#22c55e;background:#f0fdf4}.svgi-grid.bg-dark{background:#0f172a;padding:14px;border-radius:12px}.svgi-grid.bg-dark .svgi-cell{background:#1e293b;border-color:#334155}.svgi-grid.bg-dark .svgi-name{color:#64748b}.svgi-grid.bg-dark .svgi-src{color:#475569}.svgi-status{text-align:center;padding:50px 20px;color:#94a3b8}.svgi-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#1e293b;color:#fff;padding:12px 22px;border-radius:10px;font-size:.9rem;box-shadow:0 8px 24px #00000040;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.svgi-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.svgi-source{max-width:800px;margin:30px auto 0;padding:18px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.88rem;color:#475569;line-height:1.8}.svgi-source h2{font-size:1.05rem;color:#1e293b;margin:0 0 8px}.svgi-source a{color:var(--accent, #3b82f6)}.svgi-source ul{margin:6px 0 10px 20px}.svgi-source li{margin-bottom:4px}@media (max-width: 480px){.svgi-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.svgi-colors{margin-left:0}}