.svgi-page{max-width:1000px;margin:0 auto;padding:10px 20px 30px}.svgi-page h2,.svgi-page h3{margin-left:0;margin-right:0}.svgi-page h1{margin:18px 0 12px;font-size:1.65rem;line-height:1.3;color:#2c3e50}.svgi-intro{color:#5a6b7b;font-size:.95rem;line-height:1.7;margin:0 0 18px}.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;position:relative}.svgi-set:hover{border-color:var(--accent, #2a9d8f)}.svgi-set.checked{border-color:var(--accent, #2a9d8f);background:#f2faf8}.svgi-set input{width:17px;height:17px;accent-color:var(--accent, #2a9d8f);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;display:block}.svgi-set-num{font-size:.72rem;font-weight:400;color:#94a3b8}.svgi-set-desc{font-size:.72rem;color:#94a3b8;display:block}.svgi-set-original{border-color:#2a9d8f8c}.svgi-badge{position:absolute;top:-9px;right:10px;font-size:.62rem;font-weight:700;letter-spacing:.05em;background:var(--accent, #2a9d8f);color:#fff;border-radius:8px;padding:2px 8px;line-height:1.4}.svgi-toolbar{padding:12px 0;margin-bottom:6px}.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, #2a9d8f)}.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;font-family:inherit}.svgi-chip:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.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, #2a9d8f)}.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, #2a9d8f)}.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, #2a9d8f);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-guide{margin-top:44px}.svgi-guide h2,.svgi-related h2{font-size:1.15rem;color:#2c3e50;margin:30px 0 12px}.svgi-guide ol,.svgi-guide ul,.svgi-related ul{list-style:revert;padding-left:1.4em;margin:0}.svgi-guide ol li,.svgi-guide ul li{margin:0 0 10px;font-size:.9rem;line-height:1.7;color:#444}.svgi-faq-item h3{font-size:.95rem;color:#2c3e50;margin:18px 0 6px}.svgi-faq-item p{margin:0;font-size:.88rem;line-height:1.7;color:#5a6b7b}.svgi-source{margin:36px 0 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, #2a9d8f)}.svgi-source ul{list-style:revert;margin:6px 0 10px;padding-left:1.4em}.svgi-source li{margin-bottom:4px}.svgi-related{margin-top:36px;padding-top:8px;border-top:1px solid rgba(0,0,0,.07)}.svgi-related li{margin:0 0 10px;font-size:.9rem;line-height:1.7;color:#444}.svgi-related a{color:var(--accent, #2a9d8f)}@media (max-width: 480px){.svgi-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.svgi-colors{margin-left:0}}