*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}:root.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 6%;--card-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));line-height:1.5;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:2rem}header{margin-bottom:2rem}h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:hsl(var(--muted-foreground));font-size:.875rem}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;color:hsl(var(--foreground));transition:background-color .2s,border-color .2s}.dark-mode-toggle:hover{background:hsl(var(--accent));border-color:hsl(var(--ring))}.dark-mode-toggle svg{width:20px;height:20px}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.filter-group label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}input,select{height:2.5rem;padding:0 .75rem;border:1px solid hsl(var(--input));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;transition:border-color .2s,box-shadow .2s}input::placeholder{color:hsl(var(--muted-foreground));opacity:1}select option{background:hsl(var(--background));color:hsl(var(--foreground))}input:focus,select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:hsl(var(--secondary));border-radius:var(--radius);flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;gap:1rem}.per-page-group{display:flex;align-items:center;gap:.5rem}.per-page-group label{font-size:.875rem;color:hsl(var(--muted-foreground))}.per-page-group select{height:2rem;padding:0 .5rem;font-size:.8125rem}.view-toggle{display:flex;border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden}.view-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:hsl(var(--background));border:none;cursor:pointer;transition:background-color .2s,color .2s}.view-btn svg{width:1rem;height:1rem;color:hsl(var(--muted-foreground))}.view-btn:hover{background:hsl(var(--accent))}.view-btn:hover svg{color:hsl(var(--accent-foreground))}.view-btn.active{background:hsl(var(--primary))}.view-btn.active svg{color:hsl(var(--primary-foreground))}.view-btn:first-child{border-right:1px solid hsl(var(--border))}.stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:hsl(var(--primary))}.stat-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}.card:hover{box-shadow:0 4px 12px hsl(var(--foreground) / .1);transform:translateY(-2px)}.card-image{aspect-ratio:16/9;background-size:cover;background-position:center;background-color:hsl(var(--muted));position:relative}.card-category{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-3d{background:#3b82f6;color:#fff}.category-2d{background:#8b5cf6;color:#fff}.category-vfx{background:#f59e0b;color:#fff}.category-audio{background:#10b981;color:#fff}.category-tools{background:#6366f1;color:#fff}.card-content{padding:1rem}.card-publisher{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.card-title{font-size:.9375rem;font-weight:600;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:hsl(var(--muted-foreground))}.list{display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);text-decoration:none;color:inherit;transition:box-shadow .2s,background-color .2s}.list-item:hover{box-shadow:0 2px 8px hsl(var(--foreground) / .08);background:hsl(var(--accent))}.list-item-thumb{flex-shrink:0;width:80px;height:50px;background-size:cover;background-position:center;background-color:hsl(var(--muted));border-radius:calc(var(--radius) - 2px);position:relative}.list-item-thumb .card-category{top:.25rem;left:.25rem;padding:.125rem .375rem;font-size:.5rem}.list-item-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0}.list-item-header{flex:1;min-width:0}.list-item-title{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.25rem}.list-item-publisher{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.list-item-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:hsl(var(--muted-foreground));flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.empty-state{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground))}.empty-state h3{font-size:1.125rem;margin-bottom:.5rem}.external-icon{width:12px;height:12px;flex-shrink:0;opacity:0;transition:opacity .2s}.card:hover .external-icon,.list-item:hover .external-icon{opacity:1}.loading{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground))}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;border-top:1px solid hsl(var(--border))}.pagination-info{font-size:.875rem;color:hsl(var(--muted-foreground))}.pagination-controls{display:flex;align-items:center;gap:.25rem}.page-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:.875rem;color:hsl(var(--foreground));cursor:pointer;transition:background-color .2s,border-color .2s}.page-btn:hover:not(:disabled){background:hsl(var(--accent));border-color:hsl(var(--accent))}.page-btn.active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.nav-btn{padding:0}.page-btn.nav-btn svg{width:1rem;height:1rem;stroke:currentColor}.page-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;font-size:.875rem;color:hsl(var(--muted-foreground))}@media (max-width: 768px){.toolbar{flex-direction:column;align-items:stretch}.stats{justify-content:space-around}.toolbar-actions{justify-content:space-between}.list-item-content{flex-direction:column;align-items:flex-start;gap:.5rem}.list-item-meta{width:100%;justify-content:flex-start}.pagination{flex-direction:column;gap:1rem}}@media (max-width: 640px){.container{padding:1rem}.filters{flex-direction:column}.stats{flex-wrap:wrap;gap:1rem}.grid{grid-template-columns:1fr}.list-item-thumb{width:60px;height:40px}}.detail-page{max-width:1000px;margin:0 auto}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;color:hsl(var(--muted-foreground));text-decoration:none;border-radius:var(--radius);transition:background-color .2s,color .2s}.back-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.detail-loading{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground))}.detail-header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.detail-image-container{display:flex;flex-direction:column;gap:.75rem}.detail-image{aspect-ratio:16/9;background-size:cover;background-position:center;background-color:hsl(var(--muted));border-radius:var(--radius);position:relative}.detail-gallery{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.gallery-thumb{flex-shrink:0;width:80px;height:50px;background-size:cover;background-position:center;background-color:hsl(var(--muted));border-radius:calc(var(--radius) - 2px);cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s;border:2px solid transparent}.gallery-thumb:hover{opacity:.9}.gallery-thumb.active{opacity:1;border-color:hsl(var(--primary))}.detail-info{display:flex;flex-direction:column;gap:1rem}.detail-publisher{font-size:.875rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.detail-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.detail-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-rating{font-weight:600;color:hsl(var(--foreground))}.detail-unity{font-size:.875rem;color:hsl(var(--muted-foreground));padding:.25rem .5rem;background:hsl(var(--secondary));border-radius:var(--radius);display:inline-block}.detail-pipelines{display:flex;gap:.5rem;flex-wrap:wrap}.pipeline-builtin{background:#6b7280;color:#fff}.pipeline-urp{background:#3b82f6;color:#fff}.pipeline-hdrp{background:#8b5cf6;color:#fff}.detail-dates{font-size:.875rem;color:hsl(var(--muted-foreground));display:flex;flex-direction:column;gap:.25rem}.detail-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .1s;border:none}.btn:active{transform:scale(.98)}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background:hsl(var(--primary) / .9)}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover{background:hsl(var(--accent))}.detail-section{margin-bottom:2rem;padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.detail-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.detail-description{font-size:.9375rem;line-height:1.7;color:hsl(var(--muted-foreground));white-space:pre-wrap}.detail-breadcrumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-notice{padding:1rem 1.5rem;background:hsl(var(--secondary));border-radius:var(--radius);font-size:.875rem;color:hsl(var(--muted-foreground))}.detail-notice code{background:hsl(var(--muted));padding:.125rem .375rem;border-radius:calc(var(--radius) - 2px);font-family:monospace}.youtube-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius);background:hsl(var(--muted))}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius)}.youtube-gallery{display:flex;gap:.5rem;margin-top:.75rem;overflow-x:auto;padding-bottom:.5rem}.youtube-thumb{flex-shrink:0;width:120px;height:68px;border-radius:calc(var(--radius) - 2px);overflow:hidden;cursor:pointer;position:relative;opacity:.6;transition:opacity .2s,transform .2s;border:2px solid transparent}.youtube-thumb img{width:100%;height:100%;object-fit:cover}.youtube-thumb .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:0;transition:opacity .2s}.youtube-thumb:hover{opacity:.9}.youtube-thumb:hover .play-icon{opacity:1}.youtube-thumb.active{opacity:1;border-color:red}.youtube-thumb.active .play-icon{opacity:1}@media (max-width: 768px){.detail-header{grid-template-columns:1fr}.detail-title{font-size:1.5rem}.detail-actions{flex-direction:column}.btn{justify-content:center}}