.sidebar[data-v-a5915312]{position:sticky;top:var(--nav-height, 64px);height:calc(100vh - var(--nav-height, 64px));overflow-y:auto;padding:0 24px 33px 27px;border-right:2px solid var(--border, #e5e7eb);display:flex;flex-direction:column;gap:24px;scrollbar-width:thin;scrollbar-color:var(--bg-raised, #e5e7eb) transparent}.sidebar-header[data-v-a5915312]{display:flex;align-items:center;gap:9px;height:var(--nav-height, 64px);flex-shrink:0;margin:0 -24px -24px -27px;padding:0 24px 0 27px}.sidebar-header h1[data-v-a5915312]{font-family:var(--font-display, system-ui);font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text, #111827)}.search-wrap[data-v-a5915312]{position:relative}.search-icon[data-v-a5915312]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);pointer-events:none}.search-input[data-v-a5915312]{width:100%;padding:12px 15px 12px 39px;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 14px);font-family:inherit;font-size:16px;font-weight:500;outline:none;background:var(--bg, #ffffff);color:var(--text, #111827);transition:all .2s}.search-input[data-v-a5915312]::placeholder{color:var(--text-faint, #d1d5db)}.search-input[data-v-a5915312]:focus-visible{border-color:var(--amber, #f59e0b);box-shadow:0 0 0 3px #f59e0b1a;outline:none}.style-selector[data-v-a5915312]{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.style-btn[data-v-a5915312]{display:flex;flex-direction:column;align-items:center;padding:6px 6px 9px;border:2px solid var(--border, #f3f4f6);border-radius:var(--radius-md, 14px);background:#fff;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-muted, #9ca3af);cursor:pointer;text-transform:capitalize;transition:all .15s}.style-btn img[data-v-a5915312]{pointer-events:none;transition:all .15s}.style-btn[data-v-a5915312]:hover{border-color:var(--border-light, #d1d5db);color:var(--text-secondary, #4b5563);background:var(--bg-soft, #f3f4f6)}.style-btn[data-v-a5915312]:focus-visible{border-color:var(--amber, #f59e0b);outline:none}.style-btn.active[data-v-a5915312]{border-color:var(--amber, #f59e0b);background:#f59e0b14;color:var(--amber, #f59e0b)}.category-nav[data-v-a5915312]{display:flex;flex-direction:column;gap:3px;flex:1}.nav-label[data-v-a5915312]{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted, #9ca3af);padding:0 12px;margin-bottom:9px}.nav-item[data-v-a5915312]{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:none;border-radius:var(--radius-sm, 9px);background:transparent;font-family:inherit;font-size:15px;font-weight:500;line-height:1;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s;width:100%;text-align:left}.nav-item[data-v-a5915312]:hover,.nav-item[data-v-a5915312]:focus-visible{background:var(--bg-surface, #f3f4f6);color:var(--text, #111827);outline:none}.nav-item.active[data-v-a5915312]{color:var(--amber, #f59e0b);font-weight:600;background:#f59e0b0f}.nav-count[data-v-a5915312]{font-size:12px;font-weight:500;color:var(--text-muted, #9ca3af);font-variant-numeric:tabular-nums}.nav-item.active .nav-count[data-v-a5915312]{background:#f59e0b1a;color:var(--amber, #f59e0b)}@media(max-width:768px){.sidebar[data-v-a5915312]{display:none}}.mobile-filter-bar[data-v-a44da499]{display:none}@media(max-width:768px){.mobile-filter-bar[data-v-a44da499]{display:flex;align-items:center;gap:9px;padding:9px 21px;background:var(--bg, #ffffff);border-bottom:2px solid var(--border, #e5e7eb);position:sticky;top:var(--nav-height, 64px);z-index:20}.mobile-search-wrap[data-v-a44da499]{position:relative;flex:1;min-width:0}.mobile-search-icon[data-v-a44da499]{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af);pointer-events:none}.mobile-search-input[data-v-a44da499]{width:100%;height:42px;padding:0 12px 0 33px;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-sm, 10px);font-family:inherit;font-size:16px;font-weight:500;outline:none;background:var(--bg-soft, #f9fafb);color:var(--text, #111827);transition:all .2s}.mobile-search-input[data-v-a44da499]::placeholder{color:var(--text-faint, #d1d5db)}.mobile-search-input[data-v-a44da499]:focus-visible{border-color:var(--amber, #f59e0b);box-shadow:0 0 0 3px #f59e0b1a;background:var(--bg, #ffffff);outline:none}.mobile-filter-btn[data-v-a44da499]{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-sm, 10px);background:var(--bg-soft, #f9fafb);color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mobile-filter-btn[data-v-a44da499]:active{transform:scale(.93)}.mobile-filter-btn[data-v-a44da499]:focus-visible{border-color:var(--amber, #f59e0b);outline:none}.mobile-filter-badge[data-v-a44da499]{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 6px;border-radius:100px;background:var(--amber, #f59e0b);color:#fff;font-size:10px;font-weight:700;line-height:1}}.drawer-enter-active[data-v-782d2bb8]{transition:opacity .2s ease-out}.drawer-enter-active .mobile-drawer[data-v-782d2bb8]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer-leave-active[data-v-782d2bb8]{transition:opacity .15s ease-in}.drawer-leave-active .mobile-drawer[data-v-782d2bb8]{transition:transform .2s ease-in}.drawer-enter-from[data-v-782d2bb8],.drawer-leave-to[data-v-782d2bb8]{opacity:0}.drawer-enter-from .mobile-drawer[data-v-782d2bb8],.drawer-leave-to .mobile-drawer[data-v-782d2bb8]{transform:translateY(100%)}.mobile-drawer-backdrop[data-v-782d2bb8]{position:fixed;inset:0;z-index:400;background:#0006;backdrop-filter:blur(4px);display:flex;align-items:flex-end}.mobile-drawer[data-v-782d2bb8]{width:100%;max-height:70vh;background:var(--bg, #ffffff);border-radius:var(--radius-xl, 28px) var(--radius-xl, 28px) 0 0;overflow:hidden;display:flex;flex-direction:column}.mobile-drawer-header[data-v-782d2bb8]{display:flex;align-items:center;justify-content:space-between;padding:15px 21px 12px;flex-shrink:0}.mobile-drawer-header h3[data-v-782d2bb8]{font-family:var(--font-display, system-ui);font-size:18px;font-weight:700;color:var(--text, #111827)}.mobile-drawer-close[data-v-782d2bb8]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--bg-surface, #f3f4f6);color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .15s}.mobile-drawer-close[data-v-782d2bb8]:hover,.mobile-drawer-close[data-v-782d2bb8]:focus-visible{background:var(--bg-raised, #e5e7eb);color:var(--text, #111827);outline:none}.mobile-drawer-body[data-v-782d2bb8]{overflow-y:auto;padding:0 21px 24px;-webkit-overflow-scrolling:touch}.mobile-drawer-section[data-v-782d2bb8]{padding-top:3px}.mobile-drawer-label[data-v-782d2bb8]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted, #9ca3af);padding:0 3px;margin-bottom:9px}.mobile-drawer-styles[data-v-782d2bb8]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mobile-style-btn[data-v-782d2bb8]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 3px 9px;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 14px);background:var(--bg-soft, #f9fafb);font-family:inherit;font-size:11px;font-weight:600;color:var(--text-muted, #9ca3af);cursor:pointer;text-transform:capitalize;transition:all .15s}.mobile-style-btn[data-v-782d2bb8]:active{transform:scale(.95)}.mobile-style-btn[data-v-782d2bb8]:focus-visible{border-color:var(--amber, #f59e0b);outline:none}.mobile-style-btn.active[data-v-782d2bb8]{border-color:var(--amber, #f59e0b);background:#f59e0b14;color:var(--amber, #f59e0b)}.mobile-drawer-divider[data-v-782d2bb8]{height:1px;background:var(--border, #e5e7eb);margin:15px 0}.mobile-drawer-list[data-v-782d2bb8]{display:flex;flex-direction:column;gap:3px}.mobile-drawer-item[data-v-782d2bb8]{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:none;border-radius:var(--radius-sm, 10px);background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s;width:100%;text-align:left}.mobile-drawer-item[data-v-782d2bb8]:active,.mobile-drawer-item[data-v-782d2bb8]:focus-visible{background:var(--bg-surface, #f3f4f6);outline:none}.mobile-drawer-item.active[data-v-782d2bb8]{color:var(--amber, #f59e0b);font-weight:600;background:#f59e0b0f}.mobile-drawer-count[data-v-782d2bb8]{font-size:12px;color:var(--text-muted, #9ca3af);font-variant-numeric:tabular-nums}.main[data-v-9888f75a]{padding:0 27px 33px 33px}.state[data-v-9888f75a]{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted, #9ca3af)}.spinner[data-v-9888f75a]{width:27px;height:27px;border:2px solid var(--border, #e5e7eb);border-top-color:var(--amber, #f59e0b);border-radius:50%;animation:spin-9888f75a .7s linear infinite}@keyframes spin-9888f75a{to{transform:rotate(360deg)}}.category[data-v-9888f75a]{margin-bottom:48px}.category[data-v-9888f75a]:last-child{margin-bottom:0}.category-title[data-v-9888f75a]{font-family:var(--font-display, system-ui);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--text, #111827);margin:0 -27px 0 -33px;padding:0 27px 0 33px;position:sticky;top:var(--nav-height, 64px);background:var(--bg, #ffffff);height:var(--nav-height, 64px);display:flex;align-items:center;border-bottom:2px solid var(--border, #e5e7eb);z-index:10}.icon-grid[data-v-9888f75a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:3px;padding-top:9px}.icon-grid--spaced[data-v-9888f75a]{margin-top:24px}.icon-cell[data-v-9888f75a]{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 6px 12px;border:2px solid transparent;border-radius:16px;background:transparent;font-family:inherit;cursor:pointer;transition:all .2s ease;color:inherit}.icon-cell[data-v-9888f75a]:hover,.icon-cell[data-v-9888f75a]:focus-visible{background:var(--bg-soft, #f9fafb);border-color:var(--border, #e5e7eb);outline:none}.icon-cell:hover img[data-v-9888f75a]{transform:scale(1.12)}.icon-cell:active img[data-v-9888f75a]{transform:scale(1)}.icon-cell img[data-v-9888f75a]{pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.icon-label[data-v-9888f75a]{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-9888f75a]{color:var(--text-secondary, #4b5563)}@media(max-width:768px){.main[data-v-9888f75a]{padding:15px 21px}.category-title[data-v-9888f75a]{top:calc(var(--nav-height, 64px) + 60px);margin:0 -21px;padding:0 21px}.icon-grid[data-v-9888f75a]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:3px}.icon-cell[data-v-9888f75a]{padding:12px 3px 9px}.icon-cell img[data-v-9888f75a]{width:64px;height:64px}.icon-label[data-v-9888f75a]{font-size:9px}}.overlay[data-v-b83b247c]{position:fixed;inset:0;z-index:500;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay-enter-active[data-v-b83b247c]{transition:all .2s ease-out}.overlay-leave-active[data-v-b83b247c]{transition:all .15s ease-in}.overlay-enter-from[data-v-b83b247c],.overlay-leave-to[data-v-b83b247c]{opacity:0}.detail[data-v-b83b247c]:focus{outline:none}.detail[data-v-b83b247c]{position:relative;background:var(--bg-soft, #f9fafb);background-clip:padding-box;border:2px solid rgb(from var(--navy, #e5e7eb) r g b / .09);border-radius:var(--radius-xl, 28px);box-shadow:0 33px 99px #00000026,0 0 0 1px #0000000a;max-width:480px;max-height:calc(100vh - 48px);width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-enter-active[data-v-b83b247c]{transition:all .3s cubic-bezier(.16,1,.3,1)}.panel-leave-active[data-v-b83b247c]{transition:all .15s ease-in}.panel-enter-from[data-v-b83b247c]{opacity:0;transform:scale(.95) translateY(9px)}.panel-leave-to[data-v-b83b247c]{opacity:0;transform:scale(.98)}.detail-top-actions[data-v-b83b247c]{position:absolute;top:15px;right:15px;display:flex;gap:6px;z-index:10}.detail-action-icon[data-v-b83b247c]{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}.detail-action-icon[data-v-b83b247c]:hover{background:#0000001a;color:var(--text, #111827)}.detail-action-icon[data-v-b83b247c]:focus-visible{background:#f59e0b1f;color:var(--amber, #f59e0b);outline:none}.detail-action-icon.copied[data-v-b83b247c]{background:#f59e0b1f;color:var(--amber, #f59e0b)}.detail-preview[data-v-b83b247c]{display:flex;align-items:center;justify-content:center;position:relative;padding:51px 33px 36px;background:var(--bg, #ffffff);border-bottom:2px solid var(--border, #f3f4f6)}.preview-toggle[data-v-b83b247c]{position:absolute;top:15px;left:15px;display:flex;gap:3px;background:var(--bg-surface, #f3f4f6);border-radius:10px;padding:3px}.toggle-btn[data-v-b83b247c]{padding:6px 12px;border:none;border-radius:8px;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .15s}.toggle-btn[data-v-b83b247c]:hover{color:var(--text-secondary, #4b5563)}.toggle-btn[data-v-b83b247c]:focus-visible{background:var(--bg, #ffffff);color:var(--text, #111827);box-shadow:0 1px 3px #00000014;outline:none}.toggle-btn.active[data-v-b83b247c]{background:var(--bg, #ffffff);color:var(--text, #111827);box-shadow:0 1px 3px #00000014}.lottie-player[data-v-b83b247c]{width:256px;height:256px}.detail-info[data-v-b83b247c]{padding:24px 27px 27px;display:flex;flex-direction:column;gap:15px}.detail-name[data-v-b83b247c]{font-family:var(--font-display, system-ui);font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--text, #111827)}.detail-styles[data-v-b83b247c]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.detail-style-btn[data-v-b83b247c]{display:flex;flex-direction:column;align-items:center;padding:6px 6px 9px;border:2px solid var(--border, #f3f4f6);border-radius:var(--radius-md, 14px);background:#fff;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-muted, #9ca3af);cursor:pointer;text-transform:capitalize;transition:all .15s}.detail-style-btn[data-v-b83b247c]:focus-visible{border-color:var(--amber, #f59e0b);outline:none}.detail-style-btn[data-v-b83b247c]:hover{border-color:var(--bg-raised, #e5e7eb);color:var(--text-secondary, #4b5563)}.detail-style-btn.active[data-v-b83b247c]{border-color:var(--amber, #f59e0b);background:#f59e0b1a;color:var(--amber, #f59e0b)}.detail-actions[data-v-b83b247c]{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.action-btn[data-v-b83b247c]{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:2px solid var(--border, #f3f4f6);border-radius:12px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .15s;white-space:nowrap}.action-btn[data-v-b83b247c]:hover,.action-btn[data-v-b83b247c]:focus-visible{border-color:var(--amber, #f59e0b);outline:none}.detail-cdn[data-v-b83b247c]{display:flex;flex-direction:column;gap:9px;padding-top:15px;border-top:2px solid var(--border, #f3f4f6)}.cdn-label[data-v-b83b247c]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted, #9ca3af)}.cdn-url-row[data-v-b83b247c]{display:flex;align-items:center;gap:9px}.cdn-url[data-v-b83b247c]{flex:1;font-size:12px;padding:9px 12px;background:#fff;border:2px solid var(--border, #f3f4f6);border-radius:12px;color:var(--text-secondary, #4b5563);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdn-copy-btn[data-v-b83b247c]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid var(--border, #f3f4f6);border-radius:12px;background:#fff;color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .15s}.cdn-copy-btn[data-v-b83b247c]:hover,.cdn-copy-btn[data-v-b83b247c]:focus-visible{border-color:var(--amber, #f59e0b);color:var(--amber, #f59e0b);background:#f59e0b0f;outline:none}@media(max-width:768px){.overlay[data-v-b83b247c]{align-items:flex-start;padding:12px}.detail[data-v-b83b247c]{max-width:100%;max-height:none;border-radius:21px}.detail-preview[data-v-b83b247c]{padding:45px 24px 24px}.detail-preview img[data-v-b83b247c],.lottie-player[data-v-b83b247c]{width:192px;height:192px}.detail-info[data-v-b83b247c]{padding:18px 18px 21px}.detail-styles[data-v-b83b247c]{grid-template-columns:repeat(2,1fr)}.detail-style-btn img[data-v-b83b247c]{width:36px;height:36px}.action-btn[data-v-b83b247c]{font-size:13px;padding:10px 9px}}.browser[data-v-4af23672]{display:grid;grid-template-columns:300px 1fr;min-height:500px}@media(max-width:768px){.browser[data-v-4af23672]{grid-template-columns:1fr}}.icons-page[data-astro-cid-u2gxjkmk]{max-width:var(--content-width);margin:0 auto}