.browser[data-v-217875b8]{display:grid;grid-template-columns:240px 1fr;min-height:500px}.sidebar[data-v-217875b8]{position:sticky;top:var(--nav-height, 64px);height:calc(100vh - var(--nav-height, 64px));overflow-y:auto;padding:32px 24px 32px 0;border-right:1px solid var(--border, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:var(--bg-raised, #e8ebf0) transparent}.sidebar-header[data-v-217875b8]{display:flex;align-items:center;gap:10px}.sidebar-header h1[data-v-217875b8]{font-family:var(--font-display, system-ui);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--text, #111827)}.total[data-v-217875b8]{font-size:.78rem;font-weight:600;color:var(--amber, #e5850a);background:#e5850a1a;padding:3px 11px;border-radius:100px}.search-wrap[data-v-217875b8]{position:relative}.search-icon[data-v-217875b8]{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);pointer-events:none}.search-input[data-v-217875b8]{width:100%;padding:11px 14px 11px 38px;border:2px solid var(--border, rgba(0, 0, 0, .06));border-radius:var(--radius-md, 14px);font-family:inherit;font-size:.875rem;font-weight:500;outline:none;background:var(--bg, #ffffff);color:var(--text, #111827);transition:all .2s}.search-input[data-v-217875b8]::placeholder{color:var(--text-faint, #d1d5db)}.search-input[data-v-217875b8]:focus{border-color:var(--amber, #e5850a);box-shadow:0 0 0 3px #e5850a1a}.style-selector[data-v-217875b8]{display:flex;gap:4px;background:var(--bg, #ffffff);border:2px solid var(--border, rgba(0, 0, 0, .06));border-radius:var(--radius-md, 14px);padding:4px}.style-btn[data-v-217875b8]{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .15s}.style-btn img[data-v-217875b8]{pointer-events:none;opacity:.35;transition:opacity .15s}.style-btn:hover img[data-v-217875b8]{opacity:.7}.style-btn.active[data-v-217875b8]{background:var(--amber, #e5850a);box-shadow:0 2px 8px #e5850a4d}.style-btn.active img[data-v-217875b8]{opacity:1;filter:brightness(0) invert(1)}.category-nav[data-v-217875b8]{display:flex;flex-direction:column;gap:1px;flex:1}.nav-label[data-v-217875b8]{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted, #9ca3af);padding:0 10px;margin-bottom:6px}.nav-item[data-v-217875b8]{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:none;border-radius:10px;background:transparent;font-family:inherit;font-size:.85rem;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s;width:100%;text-align:left}.nav-item[data-v-217875b8]:hover{background:var(--bg-surface, #f1f3f6);color:var(--text, #111827)}.nav-item.active[data-v-217875b8]{color:var(--amber, #e5850a);font-weight:600;background:#e5850a0f}.nav-count[data-v-217875b8]{font-size:.75rem;color:var(--text-muted, #9ca3af);font-variant-numeric:tabular-nums}.main[data-v-217875b8]{padding:32px 0 32px 32px}.state[data-v-217875b8]{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted, #9ca3af)}.spinner[data-v-217875b8]{width:28px;height:28px;border:2px solid var(--border, rgba(0, 0, 0, .06));border-top-color:var(--amber, #e5850a);border-radius:50%;animation:spin-217875b8 .7s linear infinite}@keyframes spin-217875b8{to{transform:rotate(360deg)}}.category[data-v-217875b8]{margin-bottom:48px}.category[data-v-217875b8]:last-child{margin-bottom:0}.category-title[data-v-217875b8]{font-family:var(--font-display, system-ui);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--text, #111827);margin-bottom:0;position:sticky;top:var(--nav-height, 64px);background:var(--bg, #ffffff);height:var(--nav-height, 64px);display:flex;align-items:center;border-bottom:1px solid var(--border, rgba(0, 0, 0, .06));z-index:10}.icon-grid[data-v-217875b8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;padding-top:8px}.icon-cell[data-v-217875b8]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 6px 12px;border:1px solid transparent;border-radius:16px;background:transparent;font-family:inherit;cursor:pointer;transition:all .2s ease;color:inherit}.icon-cell:hover img[data-v-217875b8]{transform:scale(1.12)}.icon-cell:active img[data-v-217875b8]{transform:scale(1)}.icon-cell img[data-v-217875b8]{pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.icon-label[data-v-217875b8]{font-size:10px;color:var(--text-muted, #9ca3af);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;transition:color .15s}.icon-cell:hover .icon-label[data-v-217875b8]{color:var(--text-secondary, #4b5563)}.overlay[data-v-217875b8]{position:fixed;inset:0;z-index:500;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.overlay-enter-active[data-v-217875b8]{transition:all .2s ease-out}.overlay-leave-active[data-v-217875b8]{transition:all .15s ease-in}.overlay-enter-from[data-v-217875b8],.overlay-leave-to[data-v-217875b8]{opacity:0}.detail[data-v-217875b8]{position:relative;background:var(--bg-soft, #f8f9fb);border:1px solid var(--border-light, rgba(0, 0, 0, .1));border-radius:var(--radius-xl, 28px);box-shadow:0 32px 100px #00000026,0 0 0 1px #0000000a;max-width:480px;width:100%;overflow:hidden}.panel-enter-active[data-v-217875b8]{transition:all .3s cubic-bezier(.16,1,.3,1)}.panel-leave-active[data-v-217875b8]{transition:all .15s ease-in}.panel-enter-from[data-v-217875b8]{opacity:0;transform:scale(.95) translateY(10px)}.panel-leave-to[data-v-217875b8]{opacity:0;transform:scale(.98)}.detail-close[data-v-217875b8]{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000000f;color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .15s;z-index:10}.detail-close[data-v-217875b8]:hover{background:#0000001a;color:var(--text, #111827)}.detail-preview[data-v-217875b8]{display:flex;align-items:center;justify-content:center;padding:52px 32px 36px;background:var(--bg, #ffffff);border-bottom:2px solid var(--border, rgba(0, 0, 0, .06))}.detail-info[data-v-217875b8]{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px}.detail-name[data-v-217875b8]{font-family:var(--font-display, system-ui);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--text, #111827)}.detail-styles[data-v-217875b8]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-style-btn[data-v-217875b8]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:1px solid var(--border, rgba(0, 0, 0, .06));border-radius:14px;background:var(--bg-surface, #f1f3f6);font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-muted, #9ca3af);cursor:pointer;text-transform:capitalize;transition:all .15s}.detail-style-btn[data-v-217875b8]:hover{border-color:var(--border-light, rgba(0, 0, 0, .1));color:var(--text-secondary, #4b5563);background:var(--bg-raised, #e8ebf0)}.detail-style-btn.active[data-v-217875b8]{border-color:var(--amber, #e5850a);background:#e5850a1a;color:var(--amber, #e5850a)}.detail-actions[data-v-217875b8]{display:flex;gap:8px}.action-btn[data-v-217875b8]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border:1px solid var(--border, rgba(0, 0, 0, .06));border-radius:12px;background:var(--bg-surface, #f1f3f6);font-family:inherit;font-size:.825rem;font-weight:600;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s}.action-btn[data-v-217875b8]:hover{border-color:var(--amber, #e5850a);background:#e5850a0f;color:var(--amber, #e5850a)}@media(max-width:768px){.browser[data-v-217875b8]{grid-template-columns:1fr}.sidebar[data-v-217875b8]{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border, rgba(0, 0, 0, .06));padding:20px}.category-nav[data-v-217875b8]{display:none}.main[data-v-217875b8]{padding:20px 16px}.detail[data-v-217875b8]{max-width:100%;border-radius:20px}}.icons-page[data-astro-cid-u2gxjkmk]{max-width:var(--content-width);margin:0 auto;padding:0 28px}