.header{position:fixed;inset-inline:0;top:0;z-index:var(--z-header);transition:all var(--transition-normal)}.header-inner{position:absolute;inset-inline:0;top:0;min-height:4.5rem;border-bottom:1px solid transparent;transition:all var(--transition-normal)}.header.scrolled .header-inner{border-color:rgba(15,23,43,.05);background:rgba(255,255,255,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-header)}.dark .header.scrolled .header-inner{background:rgba(9,9,11,.75);border-color:rgba(255,255,255,.1)}.header-container{width:100%;padding:0 2rem}.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1.25rem 0}.logo-link{display:flex;align-items:center;gap:.75rem}.logo-icon{width:2.75rem;height:2.75rem;background:transparent;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-shrink:0;overflow:hidden}.logo-icon svg{color:#fff}.logo-text{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;color:var(--color-slate-900)}.dark .logo-text{color:var(--color-slate-100)}.nav-menu{display:flex;align-items:center;gap:.5rem;margin-left:100px}.nav-link{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);color:var(--color-muted-foreground);transition:all var(--transition-fast);white-space:nowrap;position:relative}.nav-link:hover{background:var(--color-muted);color:var(--color-foreground)}.nav-link.active{background:rgba(48,128,255,.12);color:var(--color-primary);font-weight:600;box-shadow:inset 0 0 0 1px rgba(48,128,255,.3)}.dark .nav-link.active{background:rgba(48,128,255,.2);box-shadow:inset 0 0 0 1px rgba(48,128,255,.5);color:#93c5fd}.nav-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0}.dark .nav-link.active::before{background:#60a5fa}.nav-link svg{width:1rem;height:1rem;color:inherit;flex-shrink:0;transition:color var(--transition-fast)}.nav-link:hover svg{color:var(--color-primary)}.header-actions{display:flex;flex-direction:row;align-items:center;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-foreground);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-muted)}.theme-toggle svg{width:1rem;height:1rem}.lang-toggle{display:flex;align-items:center;justify-content:center;height:2rem;padding:0 .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;font-size:.8125rem;font-weight:500;color:var(--color-foreground);cursor:pointer;transition:all var(--transition-fast);gap:.25rem}.lang-toggle:hover{background:var(--color-muted)}.lang-dropdown{position:relative}.lang-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.15);padding:.25rem;z-index:100;display:none}.lang-dropdown-menu.open{display:block;animation:fadeIn 0.15s ease}.lang-dropdown-item{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;font-size:.8125rem;color:var(--color-foreground);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:background 0.1s}.lang-dropdown-item:hover{background:var(--color-muted)}.lang-dropdown-item.active{background:var(--color-primary);color:#fff}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:-.625rem;cursor:pointer;position:relative;z-index:20}.mobile-menu-btn svg{width:1.25rem;height:1.25rem}.mobile-nav{display:none;flex-direction:column;gap:.5rem;padding:1rem 0}.mobile-nav .nav-link{width:100%;justify-content:flex-start;padding:.625rem 1rem}.mobile-nav .nav-link.active{background:rgba(48,128,255,.15);box-shadow:none}.mobile-nav .nav-link.active::before{display:none}@media (max-width:1023px){.nav-menu{display:none}.mobile-menu-btn{display:flex}.header-inner{min-height:3.5rem}.app-container{padding-top:3.5rem}.header.mobile-open .mobile-nav{display:flex}.header.mobile-open .header-inner{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--color-border)}.dark .header.mobile-open .header-inner{background:rgba(9,9,11,.97)}}@media (max-width:767px){.header-container{padding:0 1rem}}.app-container{padding-top:4.5rem;min-height:100vh}.main-layout{display:flex;width:100%;max-width:100%}.sidebar{width:16rem;flex-shrink:0;position:sticky;top:6rem;height:calc(100vh - 8rem);overflow:hidden;padding:0 .5rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);padding:0 .5rem}.sidebar-scroll{flex:1;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin}.search-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--color-gray-500);pointer-events:none}.search-input{width:100%;height:2.25rem;padding:0 .75rem 0 2.25rem;border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:#fff;font-size:.875rem;color:var(--color-foreground);transition:all var(--transition-fast);outline:none}.dark .search-input{background:rgba(255,255,255,.05);border-color:var(--color-border);color:var(--color-foreground)}.search-input:focus{border-color:var(--color-ring);box-shadow:0 0 0 3px rgba(48,128,255,.1)}.search-input::placeholder{color:var(--color-muted-foreground)}.sort-nav{display:flex;flex-direction:column;gap:.25rem}.sort-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);color:var(--color-foreground);background:transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left}.sort-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.sort-btn.active{background:var(--color-gray-100);font-weight:600}.dark .sort-btn.active{background:var(--color-muted)}.sort-btn svg{width:1rem;height:1rem;flex-shrink:0}.tag-list{display:flex;flex-direction:column;gap:.25rem}.tag-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-md);color:var(--color-muted-foreground);background:transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left}.tag-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.tag-btn.active{background:var(--color-blue-100);color:var(--color-blue-500);font-weight:600}.dark .tag-btn.active{background:rgba(48,128,255,.15);color:var(--color-primary)}.seedance-tag-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-md);color:var(--color-muted-foreground);background:transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left}.seedance-tag-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.seedance-tag-btn.active{background:var(--color-blue-100);color:var(--color-blue-500);font-weight:600}.dark .seedance-tag-btn.active{background:rgba(48,128,255,.15);color:var(--color-primary)}.content-area{flex:1;min-width:0;padding:1.5rem 1rem 1.5rem 1.5rem}.card-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2px}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.card-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:2000px){.card-grid{grid-template-columns:repeat(6,1fr)}}.card-link{display:block;width:100%;height:100%}.card{border-radius:var(--radius-md);overflow:hidden;height:100%;background:#fff;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),transform var(--transition-normal);cursor:zoom-in;display:flex;flex-direction:column;position:relative}.dark .card{background:var(--color-card);border-color:var(--color-border)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-image-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-gray-50)}.dark .card-image-wrap{background:var(--color-muted)}.card-image-inner{position:relative;width:100%;height:100%}.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform var(--transition-slow) ease-out,filter var(--transition-slow) ease-out,opacity 0.5s ease;filter:blur(20px) grayscale(1);opacity:.6;background:var(--color-gray-100)}.card-img.loaded{filter:none;transform:scale(1);opacity:1}.card:hover .card-img.loaded{transform:scale(1.05);transition:transform 0.3s ease-out}.card-gradient{position:absolute;inset-inline:0;bottom:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);pointer-events:none;z-index:1}.card-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;z-index:2}.card-title-overlay h3{color:#fff;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.card-tags{display:flex;flex-wrap:wrap;gap:.375rem;height:1.25rem;overflow:hidden}.card-tag{display:inline-block;font-size:.625rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-foreground);white-space:nowrap;line-height:1.4}.dark .card-tag{background:rgba(48,128,255,.2);color:var(--color-primary)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--color-gray-50);margin-top:auto}.dark .card-footer{border-color:var(--color-border)}.card-stats{display:flex;gap:.5rem}.card-stat{display:flex;align-items:center;gap:.375rem;background:var(--color-gray-50);padding:.25rem .625rem;border-radius:var(--radius-full);border:1px solid var(--color-gray-100)}.dark .card-stat{background:var(--color-muted);border-color:var(--color-border)}.card-stat svg{width:.75rem;height:.75rem;color:var(--color-gray-400)}.card-stat-count{font-size:.6875rem;font-weight:700;color:var(--color-gray-600)}.dark .card-stat-count{color:var(--color-muted-foreground)}.card-date{font-size:.6875rem;font-weight:500;color:var(--color-gray-400);background:var(--color-gray-50);padding:.25rem .625rem;border-radius:var(--radius-full);border:1px solid var(--color-gray-100)}.dark .card-date{background:var(--color-muted);border-color:var(--color-border)}.page-content{display:none}.page-content.active{display:block}@media (max-width:767px){.sidebar{display:none}.content-area{padding:1rem .75rem}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.page-section{display:none;animation:fadeIn 0.3s ease}.page-section.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.load-more-trigger{height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-muted-foreground);font-size:.875rem;margin-top:2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-muted-foreground)}.empty-state svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.4}.empty-state p{font-size:.875rem}.seedance-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s ease;backdrop-filter:blur(4px)}.seedance-modal-overlay.open{opacity:1;pointer-events:all}.seedance-modal{background:var(--color-background);width:100%;max-width:46rem;max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--color-border);border-bottom:none;transform:translateY(100%);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -12px 48px rgba(0,0,0,.18)}.seedance-modal-overlay.open .seedance-modal{transform:translateY(0)}.seedance-modal-handle{width:2.5rem;height:.375rem;background:var(--color-gray-300);border-radius:var(--radius-full);margin:.75rem auto 0}.dark .seedance-modal-handle{background:var(--color-border)}.seedance-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.seedance-modal-title{font-size:1.0625rem;font-weight:800;line-height:1.3;flex:1;padding-right:1rem}.seedance-modal-close{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;cursor:pointer;color:var(--color-muted-foreground);transition:all 0.15s}.seedance-modal-close:hover{background:var(--color-muted);color:var(--color-foreground)}.seedance-modal-body{padding:1.5rem}.modal-section{margin-bottom:1.25rem}.modal-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-foreground);margin-bottom:.5rem}.modal-prompt-box{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem 1rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;color:var(--color-foreground);white-space:pre-wrap;word-break:break-word;max-height:14rem;overflow-y:auto}.dark .modal-prompt-box{background:rgba(255,255,255,.04)}.modal-copy-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:9999px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(48,128,255,.3)}.modal-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(48,128,255,.4);opacity:1}.modal-copy-btn.copied{background:#16a34a;box-shadow:0 2px 8px rgba(22,163,74,.3)}#seedance-grid .card-image-wrap{aspect-ratio:16 / 9}