.tv-viewport{position:fixed;inset:0;background:var(--bg);overflow:hidden;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:10;opacity:0;isolation:isolate}.tv-viewport.tv-dragging{cursor:grabbing}.tv-viewport.tv-zoom-active{cursor:default}.tv-canvas{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;z-index:1}.tv-grid{position:relative;width:100%;height:100%;z-index:1}.tv-item{position:absolute;width:320px;height:320px;overflow:hidden;border-radius:4px;cursor:pointer;background:var(--surface-2);will-change:transform,opacity}.tv-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none}.tv-item .tv-item-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent 55%);opacity:0;transition:opacity .25s ease}.tv-item:hover .tv-item-overlay{opacity:1}.tv-item .tv-item-label{position:absolute;bottom:12px;left:14px;right:48px;font-size:13px;font-weight:500;color:#f5f5f5;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.tv-item:hover .tv-item-label{opacity:1;transform:translateY(0)}.tv-item .tv-item-cat{position:absolute;top:12px;left:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:rgba(0,0,0,.6);padding:3px 8px;border-radius:3px;opacity:0;transition:opacity .25s ease}.tv-item:hover .tv-item-cat{opacity:1}.tv-item .tv-item-dur{position:absolute;bottom:12px;right:14px;font-size:11px;color:hsla(0,0%,96%,.85);background:rgba(0,0,0,.7);padding:2px 6px;border-radius:3px;font-variant-numeric:tabular-nums;pointer-events:none}.tv-item.tv-dim{pointer-events:none}.tv-vignette{z-index:20;background:radial-gradient(ellipse at center,transparent 30%,hsla(0,0%,4%,.75) 100%),linear-gradient(0deg,hsla(0,0%,4%,.95) 0,hsla(0,0%,4%,.7) 72px,transparent 140px)}.tv-split,.tv-vignette{position:fixed;inset:0;pointer-events:none}.tv-split{z-index:50;display:flex;opacity:0}.tv-split.tv-split-active{pointer-events:auto}.tv-split-left{flex:1;position:relative;background:#0a0a0a;min-width:0}.tv-zoom-target{position:absolute;inset:0}.tv-zoom-target iframe{width:100%;height:100%;border:none;display:block}.tv-split-right{width:min(400px,42vw);flex-shrink:0;background:#0a0a0a;border-left:.5px solid var(--border-strong);display:flex;align-items:center;padding:60px 48px}.tv-detail-inner{display:flex;flex-direction:column;width:100%}.tv-number{letter-spacing:.18em;color:var(--text-muted);margin-bottom:8px}.tv-category-label,.tv-number{font-size:11px;text-transform:uppercase;display:block;opacity:0;transform:translateY(12px)}.tv-category-label{letter-spacing:.14em;color:var(--accent);margin-bottom:24px}.tv-detail-title{font-size:clamp(22px,3vw,36px);font-weight:500;letter-spacing:-.02em;color:var(--text);line-height:1.15;margin:0 0 20px}.tv-detail-desc,.tv-detail-title{opacity:0;transform:translateY(12px)}.tv-detail-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 28px}.tv-detail-meta{font-size:12px;color:var(--text-muted);letter-spacing:.04em;opacity:0;transform:translateY(12px)}.tv-close{position:fixed;top:28px;right:32px;z-index:200;background:none;border:.5px solid var(--border-strong);border-radius:50%;width:48px;height:48px;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:background .2s ease}.tv-close:hover{background:var(--surface)}.tv-close.tv-close-visible{opacity:1;pointer-events:auto}.tv-controls{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:8px;background:hsla(0,0%,4%,.92);border:.5px solid var(--border-strong);border-radius:40px;padding:10px 16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;pointer-events:auto;box-shadow:0 8px 32px rgba(0,0,0,.55)}.tv-controls::-webkit-scrollbar{display:none}.tv-percent{font-size:12px;color:var(--text-secondary);min-width:36px;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.tv-filters{display:flex;gap:4px;flex-shrink:0}.tv-filter-btn{background:none;border:.5px solid transparent;border-radius:20px;padding:6px 14px;font-size:12px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease,border-color .2s ease}.tv-filter-btn:hover{color:var(--text)}.tv-filter-btn[data-active=true]{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.tv-zoom-controls{display:flex;gap:2px;padding-left:8px;border-left:.5px solid var(--border);margin-left:4px;flex-shrink:0}.tv-zoom-btn{background:none;border:none;border-radius:16px;padding:6px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color .2s ease,background .2s ease;white-space:nowrap}.tv-zoom-btn:hover{color:var(--text)}.tv-zoom-btn.tv-zoom-current{color:var(--text);background:var(--surface-2)}.tv-scaling-overlay{position:fixed;pointer-events:none;z-index:60;overflow:hidden;border-radius:4px}.tv-scaling-overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width:900px){.tv-split{flex-direction:column}.tv-split-left{height:48vh;flex:none}.tv-split-right{width:100%;height:52vh;border-left:none;border-top:.5px solid var(--border-strong);padding:32px 24px;align-items:flex-start;overflow-y:auto}.tv-controls{bottom:16px;padding:8px 12px;gap:6px}.tv-filter-btn{padding:5px 10px;font-size:11px}.tv-zoom-btn{padding:5px 8px;font-size:10px}.tv-close{top:16px;right:16px}}