[data-v-6ee9f2ee]:root{--sys-color-primary:#4f46e5;--sys-color-primary-rgb:79, 70, 229;--sys-color-primary-hover:#4338ca;--sys-color-primary-press:#3730a3;--sys-color-primary-subtle:#4f46e51a;--sys-color-primary-container:#ede9fe;--sys-color-bg-app:#f1f5f9;--sys-color-surface-1:#fff;--sys-color-surface-2:#e2e8f0;--sys-color-surface-3:#fff9;--sys-color-surface-highlight:#cbd5e1;--sys-color-surface-container:#f8fafc;--sys-color-surface-rgb:255, 255, 255;--sys-color-scrim:#0f172a80;--sys-color-text-main:#0f172a;--sys-color-text-secondary:#1e293b;--sys-color-text-tertiary:#475569;--sys-color-text-inverse:#fff;--sys-color-text-link:#4f46e5;--sys-color-border:#0000001a;--sys-color-border-base:#0000001a;--sys-color-border-subtle:#0000000d;--sys-color-border-strong:#0003;--sys-color-info:#3b82f6;--sys-color-info-container:#eff6ff;--sys-color-info-subtle:#3b82f61a;--sys-color-success:#10b981;--sys-color-success-container:#dcfce7;--sys-color-success-subtle:#10b9811a;--sys-color-warning:#eab308;--sys-color-warning-container:#fef9c3;--sys-color-warning-subtle:#eab3081a;--sys-color-warning-text:#854d0e;--sys-color-danger:#be123c;--sys-color-danger-hover:#9f1239;--sys-color-danger-container:#fef2f2;--sys-color-danger-subtle:#be123c1a;--sys-color-error:#dc2626;--sys-color-error-container:#fef2f2;--sys-color-error-subtle:#dc26261a;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xxs:.625rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-display:4rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--layout-readable-width:1280px;--layout-container-max:var(--layout-readable-width);--layout-container-sm:640px;--layout-container-md:768px;--layout-container-lg:1024px;--layout-container-xl:1280px;--layout-container-2xl:1440px;--layout-prose-max:65ch;--layout-menu-mobile-width:320px;--spacing-3xs:.125rem;--spacing-2xs:.125rem;--spacing-xxs:.125rem;--spacing-xs:.25rem;--spacing-xs-sm:.375rem;--spacing-sm:.5rem;--spacing-sm-md:.625rem;--spacing-md-sm:.75rem;--spacing-md:1rem;--spacing-md-lg:1.25rem;--spacing-lg:1.5rem;--spacing-lg-xl:1.75rem;--spacing-xl:2rem;--spacing-xl-2xl:2.5rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--spacing-5xl:6rem;--radius-none:0;--radius-xs:.125rem;--radius-sm:.25rem;--radius-sm-md:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-color-base:0deg 0% 0%;--shadow-sm:0 1px 2px hsl(var(--shadow-color-base) / .05);--shadow-md:0 4px 6px hsl(var(--shadow-color-base) / .07);--shadow-lg:0 10px 15px hsl(var(--shadow-color-base) / .1);--shadow-xl:0 20px 25px hsl(var(--shadow-color-base) / .15);--shadow-card:0 8px 32px hsl(var(--shadow-color-base) / .05);--shadow-card-sm:0 2px 8px hsl(var(--shadow-color-base) / .06);--shadow-card-hover:0 16px 40px hsl(var(--shadow-color-base) / .1);--shadow-dialog:0 25px 50px hsl(var(--shadow-color-base) / .25);--shadow-menu:-8px 0px 24px #00000026;--shadow-popover:-8px 0 24px #00000026;--shadow-bottom-sheet:0 -4px 20px hsl(var(--shadow-color-base) / .1);--z-below:-1;--z-base:1;--z-content:2;--z-control:10;--z-toolbar:20;--z-panel:30;--z-overlay:50;--z-sticky:100;--z-header:800;--z-sidebar:900;--z-bottom-sheet:950;--z-mobile-menu-backdrop:1000;--z-mobile-menu:1001;--z-table-resize-handle:1005;--z-menu-btn:1050;--z-dropdown:1200;--z-loading:1500;--z-modal:2000;--z-toast:3000;--z-tooltip:10000;--z-max:99999;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-fluid:.3s cubic-bezier(.16, 1, .3, 1);--transition-menu:transform .4s cubic-bezier(.25, .46, .45, .94);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-reveal:.6s ease-out;--sys-color-surface-hover:#0000000a;--sys-color-surface-active:#00000014;--sys-color-text-disabled:#64748b;--ai-gradient:linear-gradient(135deg, #4f46e5, #ec4899);--modal-width-xs:23.75rem;--modal-width-sm:30rem;--modal-width-md:40rem;--modal-width-lg:50rem;--modal-width-xl:64rem;--modal-width-2xl:80rem;--modal-width-full:100%;--app-vh:100vh;--touch-target-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@supports (height:100dvh){[data-v-6ee9f2ee]:root{--app-vh:100dvh}}.topic-gallery[data-v-6ee9f2ee]{gap:var(--spacing-md);flex-direction:column;min-height:420px;max-height:70vh;display:flex}.topic-gallery__toolbar[data-v-6ee9f2ee]{gap:var(--spacing-sm);flex-direction:column;display:flex}.topic-gallery__search[data-v-6ee9f2ee]{background:var(--sys-color-surface-2);border:1px solid var(--sys-color-border);border-radius:var(--radius-md);padding:0 var(--spacing-sm);transition:all var(--transition-fast);align-items:center;display:flex;position:relative}.topic-gallery__search[data-v-6ee9f2ee]:focus-within{background:var(--sys-color-surface-1);border-color:var(--sys-color-primary);box-shadow:0 0 0 2px var(--sys-color-primary-container)}.topic-gallery__search-icon[data-v-6ee9f2ee]{font-size:var(--font-size-base);color:var(--sys-color-text-tertiary);flex-shrink:0}.topic-gallery__search-input[data-v-6ee9f2ee]{padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-sm);color:var(--sys-color-text-main);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1}.topic-gallery__search-input[data-v-6ee9f2ee]::placeholder{color:var(--sys-color-text-tertiary)}.topic-gallery__search-clear[data-v-6ee9f2ee]{color:var(--sys-color-text-tertiary);cursor:pointer;padding:var(--spacing-2xs);background:0 0;border:none;align-items:center;display:flex}.topic-gallery__search-clear[data-v-6ee9f2ee]:hover{color:var(--sys-color-text-main)}.topic-gallery__tabs[data-v-6ee9f2ee]{align-items:center;gap:var(--spacing-xs);border-bottom:1px solid var(--sys-color-border);padding-bottom:var(--spacing-2xs);flex-wrap:wrap;display:flex}.topic-gallery__tab-btn[data-v-6ee9f2ee]{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--sys-color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:inline-flex}.topic-gallery__tab-btn[data-v-6ee9f2ee]:hover{background:var(--sys-color-surface-hover);color:var(--sys-color-text-main)}.topic-gallery__tab-btn.is-active[data-v-6ee9f2ee]{background:var(--sys-color-primary-subtle);color:var(--sys-color-primary);font-weight:var(--font-weight-bold)}.topic-gallery__tab-btn.is-active .topic-gallery__tab-badge[data-v-6ee9f2ee]{background:var(--sys-color-primary);color:var(--sys-color-text-inverse)}.topic-gallery__tab-icon[data-v-6ee9f2ee]{font-size:var(--font-size-sm)}.topic-gallery__tab-badge[data-v-6ee9f2ee]{padding:1px var(--spacing-2xs);font-size:var(--font-size-xxs);background:var(--sys-color-surface-2);border-radius:var(--radius-full);color:var(--sys-color-text-tertiary);transition:all var(--transition-fast)}.topic-gallery__loading[data-v-6ee9f2ee]{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0;color:var(--sys-color-text-tertiary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.topic-gallery__spinner[data-v-6ee9f2ee]{font-size:var(--font-size-xl);color:var(--sys-color-primary)}.topic-gallery__grid[data-v-6ee9f2ee]{gap:var(--spacing-md);padding:var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) var(--spacing-2xs);scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:calc(75vh - 120px);display:grid;overflow:hidden auto}.topic-card[data-v-6ee9f2ee]{background:var(--sys-color-surface-1);border:1px solid var(--sys-color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.topic-card[data-v-6ee9f2ee]:hover{box-shadow:var(--shadow-md);border-color:var(--sys-color-primary);transform:translateY(-2px)}.topic-card:hover .topic-card__thumb[data-v-6ee9f2ee]{transform:scale(1.04)}.topic-card[data-v-6ee9f2ee]:focus-visible{outline:2px solid var(--sys-color-primary);outline-offset:2px}.topic-card.is-active[data-v-6ee9f2ee]{border-color:var(--sys-color-success);box-shadow:0 0 0 1px var(--sys-color-success);cursor:default;transform:none}.topic-card__thumb-wrap[data-v-6ee9f2ee]{aspect-ratio:16/10;background:var(--sys-color-surface-2);width:100%;position:relative;overflow:hidden}.topic-card__thumb[data-v-6ee9f2ee]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal) ease}.topic-card__thumb-placeholder[data-v-6ee9f2ee]{background:var(--sys-color-surface-2);width:100%;height:100%;color:var(--sys-color-text-tertiary);justify-content:center;align-items:center;display:flex}.topic-card__placeholder-icon[data-v-6ee9f2ee]{font-size:var(--font-size-2xl);opacity:.45}.topic-card__dimension-tag[data-v-6ee9f2ee]{left:var(--spacing-xs)}.topic-card__dimension-tag[data-v-6ee9f2ee],.topic-card__status-tag[data-v-6ee9f2ee]{top:var(--spacing-xs);z-index:var(--z-base);position:absolute}.topic-card__status-tag[data-v-6ee9f2ee]{right:var(--spacing-xs)}.topic-card__status-tag[data-v-6ee9f2ee] .app-badge{align-items:center;gap:var(--spacing-2xs);display:inline-flex}.topic-card__body[data-v-6ee9f2ee]{gap:var(--spacing-2xs);padding:var(--spacing-xs-sm) var(--spacing-sm);flex-direction:column;display:flex}.topic-card__title[data-v-6ee9f2ee]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--sys-color-text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.topic-card__meta[data-v-6ee9f2ee]{font-size:var(--font-size-xxs);color:var(--sys-color-text-tertiary);justify-content:space-between;align-items:center;display:flex}.topic-card__author[data-v-6ee9f2ee],.topic-card__views[data-v-6ee9f2ee]{align-items:center;gap:var(--spacing-2xs);display:flex}