:root{--color-accent:#0070f3;--color-bg:#fff;--color-surface:#f5f5f5;--color-border:#e0e0e0;--color-text:#111;--color-text-muted:#555;--color-text-secondary:#444;--color-text-faint:#aaa;--radius:8px;--spacing:16px}@media (prefers-color-scheme:dark){:root{--color-accent:#3b9eff;--color-bg:#1a1a1a;--color-surface:#262626;--color-border:#3a3a3a;--color-text:#f0f0f0;--color-text-muted:#a0a0a0;--color-text-secondary:silver;--color-text-faint:#666}}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.search-bar{padding:var(--spacing);border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:1;gap:8px;display:flex;position:sticky;top:0}.search-bar__input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);outline:none;flex:1;padding:8px 12px;font-size:14px}.search-bar__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent)}.search-bar__select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);cursor:pointer;outline:none;padding:8px 10px;font-size:14px}.search-bar__select:focus{border-color:var(--color-accent)}.icon-card{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:var(--color-bg);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;padding:8px;transition:border-color .15s,background .15s;display:flex;position:relative}.icon-card:hover{border-color:var(--color-accent);background:var(--color-surface)}.icon-card--selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg))}.icon-card--active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.icon-card__checkbox-label{cursor:pointer;position:absolute;top:4px;left:4px}.icon-card__glyph{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-card__fallback{color:var(--color-border);font-size:20px}.icon-card__name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:80px;margin-top:4px;font-size:11px;overflow:hidden}.icon-grid__wrapper{padding:var(--spacing)}.icon-grid__count{color:var(--color-text-muted);margin:0 0 12px;font-size:12px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.icon-grid__show-more{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--color-accent);margin-top:16px;padding:10px;font-size:13px}.icon-grid__show-more:hover{background:var(--color-border)}.icon-preview{padding:var(--spacing);flex-direction:column;align-items:center;gap:8px;display:flex}.icon-preview--empty{color:var(--color-text-faint);justify-content:center;min-height:160px;font-size:14px}.icon-preview__canvas{border:1px dashed var(--color-border);border-radius:var(--radius);justify-content:center;align-items:center;min-width:120px;min-height:120px;padding:16px;display:flex}.icon-preview__fallback{color:var(--color-border);font-size:48px}.icon-preview__name{text-align:center;word-break:break-all;margin:0;font-size:14px;font-weight:600}.icon-preview__library{color:var(--color-text-muted);margin:0;font-size:12px}.icon-preview__download-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:10px;font-size:14px;font-weight:500}.icon-preview__download-btn:hover:not(:disabled){opacity:.85}.icon-preview__download-btn:disabled{opacity:.4;cursor:not-allowed}.settings-panel{padding:var(--spacing);flex-direction:column;gap:16px;display:flex}.settings-panel__row{flex-direction:column;gap:6px;display:flex}.settings-panel__label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.settings-panel__range{width:100%;accent-color:var(--color-accent)}.settings-panel__number{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:72px;color:var(--color-text);padding:4px 8px;font-size:13px}.settings-panel__color-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-panel__color-input{border:1px solid var(--color-border);cursor:pointer;border-radius:4px;width:36px;height:28px;padding:2px}.settings-panel__swatch{cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px}.settings-panel__bg-toggle{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:var(--color-surface);color:var(--color-text-secondary);padding:4px 10px;font-size:12px}.settings-panel__bg-toggle--active{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg))}.home{grid-template-columns:1fr 320px;height:100vh;display:grid;overflow:hidden}.home__catalog{flex-direction:column;display:flex;overflow:hidden}.home__catalog>:first-child{flex-shrink:0}.home__catalog>:last-child{flex:1;overflow-y:auto}.home__sidebar{border-left:1px solid var(--color-border);padding-bottom:24px;overflow-y:auto}.home__divider{border:none;border-top:1px solid var(--color-border);margin:0}.home__bulk{padding:var(--spacing);flex-direction:column;gap:8px;display:flex}.home__bulk-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#38a169;border:none;width:100%;padding:10px;font-size:14px;font-weight:500}.home__bulk-btn:hover{opacity:.85}.home__clear-btn{width:100%;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:8px;font-size:13px}.home__clear-btn:hover{color:#e53e3e;border-color:#e53e3e}