:root{--bg:#d4d0c8;--bg-elevated:#e0dcd4;--bg-card:#e8e4dc;--border:#c0b8ae;--text:#1a1a1a;--text-muted:#706860;--accent:#d4943a;--accent-hover:#e0a84c;--error:#c44;--font-mono:"Courier New", Courier, monospace;--font-pixel:"Bitcount Grid Double", "Courier New", monospace}[data-theme=dark]{--bg:#0a0a0a;--bg-elevated:#111;--bg-card:#161616;--border:#222;--text:#ccc;--text-muted:#888;--accent:#d4943a;--accent-hover:#e0a84c}.settings-btn{z-index:1000;background:var(--bg-card);border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:18px;line-height:1;transition:all .2s;display:flex;position:fixed;top:12px;right:12px}.settings-btn:hover,.settings-btn.active{color:var(--accent);border-color:var(--accent);background:var(--bg-elevated)}.settings-btn.active{box-shadow:0 0 0 1px #d4943a26}.settings-popup{z-index:1001;animation:.18s settingsPopupIn;position:fixed;top:54px;right:12px}@keyframes settingsPopupIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-popup-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:240px;overflow:hidden;box-shadow:0 8px 32px #00000059}@media (prefers-reduced-motion:reduce){.settings-popup{animation:none}}.settings-popup-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.settings-popup-title{color:var(--text);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.settings-popup-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:14px;line-height:1;transition:all .12s}.settings-popup-close:hover{color:var(--accent);background:#d4943a14}.settings-popup-section{border-bottom:1px solid var(--border);padding:12px 14px}.settings-popup-section:last-child{border-bottom:none}.settings-popup-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:10px;display:block}.settings-popup-theme-row{gap:6px;display:flex}.settings-popup-theme-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.settings-popup-theme-btn:hover{border-color:var(--accent);color:var(--text);background:var(--bg-elevated)}.settings-popup-theme-btn.active{background:var(--accent);color:#0a0a0a;border-color:var(--accent);font-weight:700}.settings-popup-swatch-row{gap:8px;display:flex}.colour-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;flex-shrink:0;width:26px;height:26px;margin:0;padding:0;transition:border-color .15s,transform .12s,box-shadow .15s}.colour-swatch:hover{box-shadow:0 0 8px var(--accent-hover);transform:scale(1.2)}.colour-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.colour-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.colour-swatch[data-preset=rainbow]{background-size:cover}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.5;overflow-x:hidden}#app{min-height:100vh}.browse{max-width:1200px;margin:0 auto;padding:24px}.browse-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px}.browse-header-top{justify-content:space-between;align-items:center;display:flex}.browse-header h1{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-3d{font-family:var(--font-pixel);color:#f5f5f5;letter-spacing:3px;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px #10101066,1px 22px 10px #10101033,1px 25px 35px #10101033,1px 30px 60px #10101066;font-size:32px;font-weight:700;line-height:1;transition:text-shadow .2s,color .2s;animation:4s ease-in-out infinite logoFloat}.logo-3d:hover{--hue:0;text-shadow: 1px 1px 1px hsl(calc(var(--hue) + 0), 85%, 60%), 1px 2px 1px hsl(calc(var(--hue) + 4), 85%, 55%), 1px 3px 1px hsl(calc(var(--hue) + 8), 85%, 55%), 1px 4px 1px hsl(calc(var(--hue) + 12), 80%, 55%), 1px 5px 1px hsl(calc(var(--hue) + 16), 75%, 50%), 1px 6px 1px hsl(calc(var(--hue) + 20), 80%, 50%), 1px 7px 1px hsl(calc(var(--hue) + 24), 85%, 55%), 1px 8px 1px hsl(calc(var(--hue) + 28), 80%, 60%), 1px 9px 1px hsl(calc(var(--hue) + 32), 75%, 60%), 1px 10px 1px hsl(calc(var(--hue) + 36), 80%, 60%),  1px 12px 8px hsl(calc(var(--hue) + 0), 85%, 60%), 1px 16px 16px hsl(calc(var(--hue) + 18), 80%, 50%), 1px 24px 32px hsl(calc(var(--hue) + 36), 80%, 60%),  1px 18px 6px #10101080, 1px 22px 10px #1010104d, 1px 25px 35px #10101033, 1px 30px 60px #10101066;animation:3s linear infinite shiftGradient3d}@property --hue{syntax:"<number>";inherits:false;initial-value:0}@keyframes shiftGradient3d{to{--hue:360}}@property --accent-hue{syntax:"<number>";inherits:true;initial-value:36}@keyframes accentRainbow{to{--accent-hue:396}}html.colour-rainbow{--accent:hsl(calc(var(--accent-hue)), 50%, 53%);--accent-hover:hsl(calc(var(--accent-hue)), 50%, 63%);animation:6s linear infinite accentRainbow}@media (prefers-reduced-motion:reduce){.logo-3d,.logo-3d:hover,.watch-header .logo-3d:hover,.studio-header .logo-3d:hover,.about-logo-3d:hover{animation:none}html.colour-rainbow{--accent:#d4943a;--accent-hover:#e0a84c;animation:none}}.logo-sub{font-family:var(--font-pixel);color:var(--text-muted);letter-spacing:1.5px;-webkit-user-select:none;user-select:none;font-size:13px}.browse-nav{align-items:center;gap:8px;margin-bottom:4px;display:flex}.nav-link{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.nav-link:hover{color:var(--accent);border-color:var(--accent);background:#d4943a0d}.nav-link-accent{color:var(--accent);background:#d4943a0a;border-color:#d4943a4d}.nav-link-accent:hover{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.studio-nav{align-items:center;gap:6px;display:flex}.studio-nav .nav-link{padding:4px 10px;font-size:11px}.tagline{color:var(--text-muted);font-size:13px}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:4px;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.card:hover,.card:focus{border-color:var(--accent);outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #d4943a26}.card-thumb{aspect-ratio:16/10;background:var(--bg-elevated);width:100%;color:var(--text-muted);object-fit:cover;justify-content:center;align-items:center;font-size:32px;display:flex}.card-thumb.placeholder{transition:color .15s}.card:hover .card-thumb.placeholder{color:var(--accent)}.card-body{padding:12px}.card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:400;overflow:hidden}.card-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-height:18px;margin-bottom:8px;font-size:12px;overflow:hidden}.card-meta{color:var(--accent);font-size:11px}.card-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.card-tags .tag{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:1px 5px;font-size:10px;display:inline-block}.filter-visibility{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.vis-pill{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;line-height:1.4;transition:all .15s;display:inline-flex}.vis-pill:hover{color:var(--text);border-color:var(--accent);background:#d4943a0a}.vis-pill.active{color:var(--accent);border-color:var(--accent);background:#d4943a14}.vis-pill[data-vis=all].active{color:var(--text);border-color:var(--text-muted);background:var(--bg-elevated)}.browse-import{margin-bottom:20px}.drop-zone-mini{border:2px dashed var(--border);cursor:pointer;color:var(--text-muted);background:var(--bg-elevated);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:12px;transition:all .2s;display:flex;position:relative}.drop-zone-mini:hover{border-color:var(--accent);color:var(--text);background:#d4943a0a}.drop-zone-mini.drag-active{border-color:var(--accent);color:var(--accent);background:#d4943a14}.drop-icon-mini{opacity:.6;font-size:16px;transition:opacity .2s}.drop-zone-mini:hover .drop-icon-mini,.drop-zone-mini.drag-active .drop-icon-mini{opacity:1}.browse-import-status{border-radius:4px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:12px;line-height:1.5;animation:.2s fadeSlideIn;display:flex}.browse-import-status.info{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border)}.browse-import-status.progress{color:var(--accent);background:#d4943a0f;border:1px solid #d4943a33}.browse-import-status.success{color:#4a6;background:#44aa6614;border:1px solid #4a63}.browse-import-status.error{color:var(--error);background:#cc444414;border:1px solid #c443}.browse-import-spinner{border:2px solid #d4943a33;border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:4px;animation:.6s linear infinite importSpinner;display:inline-block}@keyframes importSpinner{to{transform:rotate(360deg)}}.browse-import-check{margin-right:4px;font-weight:700}.browse-import-progress{align-items:center;gap:10px;margin-top:6px;animation:.2s fadeSlideIn;display:flex}.browse-import-progress-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.browse-import-progress-fill{background:var(--accent);border-radius:2px;width:0%;min-width:2px;height:100%;transition:width .25s}.browse-import-progress-pct{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:32px;font-size:11px}.card.local{position:relative}.card.card-error{opacity:.4;cursor:not-allowed;pointer-events:none}.card-delete{border:1px solid var(--border);width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;z-index:1;background:#000000a6;border-radius:3px;justify-content:center;align-items:center;font-family:inherit;font-size:12px;line-height:1;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.card.local:hover .card-delete,.card.local:focus-within .card-delete{opacity:1}.card-delete:hover{color:#fff;border-color:var(--error);background:#cc4444b3}.card.seen{opacity:.75}.card.seen:after{content:"👁️";opacity:.6;pointer-events:none;z-index:2;filter:grayscale(.3);font-size:12px;position:absolute;top:6px;right:36px}.card.seen:hover{opacity:1}.card.seen:hover:after{opacity:1;filter:none}.card-edit{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;background:#000000a6;border-radius:3px;justify-content:center;align-items:center;font-family:inherit;font-size:13px;line-height:1;transition:all .15s;display:flex;position:absolute;top:6px;left:6px}.card:hover .card-edit,.card:focus-within .card-edit{opacity:1}.card-edit:hover{color:#fff;border-color:var(--accent);background:#d4943ab3}.studio-btn-header{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.studio-btn-header:hover{color:var(--accent);border-color:var(--accent);background:#d4943a0d}.loading,.empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:48px 16px;font-size:13px}.empty.error{color:var(--error)}.error-detail{color:var(--text-muted);margin-top:8px;font-size:12px}.watch-header .logo-3d,.studio-header .logo-3d{letter-spacing:1.5px;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 8px 3px #1010104d;font-size:16px;line-height:1;animation:none}.watch-header .logo-sub,.studio-header .logo-sub{letter-spacing:1px;margin-right:4px;font-size:10px}.watch-header .logo-3d:hover,.studio-header .logo-3d:hover{--hue:0;text-shadow: 1px 1px 1px hsl(calc(var(--hue) + 0), 85%, 60%), 1px 2px 1px hsl(calc(var(--hue) + 12), 80%, 55%), 1px 3px 1px hsl(calc(var(--hue) + 24), 80%, 50%), 1px 4px 1px hsl(calc(var(--hue) + 36), 80%, 60%),  1px 6px 6px hsl(calc(var(--hue) + 0), 85%, 60%), 1px 10px 12px hsl(calc(var(--hue) + 18), 80%, 55%),  1px 8px 3px #1010104d;animation:3s linear infinite shiftGradient3d}.watch{flex-direction:column;min-height:100vh;display:flex}.watch-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 50px 12px 16px;display:flex}.back-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:4px 10px;font-family:inherit;font-size:12px;transition:border-color .15s,color .15s}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.watch-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.viewport{background:#000;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.viewport canvas{image-rendering:pixelated;display:block;box-shadow:0 0 24px #0009}.controls{background:var(--bg-elevated);border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.control-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s}.control-btn:hover{border-color:var(--accent);background:#c8c0b6}.control-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scrubber{accent-color:var(--accent);cursor:pointer;flex:1}.scrubber-wrapper{flex:1;align-items:center;display:flex;position:relative}.scrubber-wrapper .scrubber{flex:1}.scrubber-preview{border:2px solid var(--accent);pointer-events:none;z-index:100;background:#000;border-radius:4px;line-height:0;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #0009}.scrubber-preview canvas{image-rendering:auto;width:160px;height:auto;display:block}.scrubber-preview-grid{image-rendering:auto;background-repeat:no-repeat;width:160px;height:120px;display:none}.scrubber-preview-label{text-align:center;color:#fff;letter-spacing:.5px;background:#000000bf;padding:3px 0;font-size:11px;line-height:1.3;display:block}@media (max-width:640px){.scrubber-preview canvas{width:120px}}.frame-info{color:var(--text-muted);white-space:nowrap;text-align:right;min-width:100px;font-size:12px}.status{color:var(--text-muted);background:var(--bg);border-top:1px solid var(--border);min-height:32px;padding:8px 16px;font-size:11px}.control-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:6px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.control-select:hover{border-color:var(--accent)}.control-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.volume-label{color:var(--text-muted);cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:12px}.volume-slider{width:60px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{cursor:pointer}.volume-slider::-moz-range-thumb{cursor:pointer}@media (max-width:640px){.volume-slider{width:40px}}.kbd-hints{background:var(--bg);border-top:1px solid var(--border);color:var(--text-muted);gap:16px;padding:6px 16px;font-size:10px;display:flex}@media (max-width:640px){.kbd-hints{display:none}.browse{padding:16px}.browse-header h1{gap:6px}.logo-3d{letter-spacing:2px;font-size:22px}.logo-sub{font-size:11px}.controls{flex-wrap:wrap}.scrubber{flex:none;order:1;width:100%}.frame-info{text-align:left;order:2}}.filter-bar{margin-bottom:20px;animation:.3s fadeSlideIn}.filter-search{align-items:center;margin-bottom:12px;display:flex;position:relative}.filter-search-icon{opacity:.5;pointer-events:none;font-size:14px;position:absolute;left:12px}.filter-search-input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:10px 36px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.filter-search-input::placeholder{color:var(--text-muted);opacity:.6}.filter-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4943a1f}.filter-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 6px;font-size:14px;transition:color .15s;display:none;position:absolute;right:8px}.filter-clear-btn:hover{color:var(--text)}.filter-categories{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.filter-dropdown-group{flex-direction:column;gap:4px;display:flex}.filter-dropdown-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.filter-dropdown{position:relative}.filter-dropdown-toggle{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;min-width:110px;padding:7px 12px;font-family:inherit;font-size:12px;transition:border-color .15s;display:flex}.filter-dropdown-toggle:hover{border-color:var(--accent)}.dropdown-arrow{margin-left:auto;font-size:10px;transition:transform .15s}.filter-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);z-index:50;border-radius:6px;min-width:200px;max-height:280px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.filter-dropdown.open .filter-dropdown-menu{animation:.12s fadeSlideIn;display:block}.filter-option{color:var(--text);cursor:pointer;white-space:nowrap;border-radius:3px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}.filter-option:hover{background:#d4943a14}.filter-option span{flex:1}.filter-radio,.filter-check{accent-color:var(--accent);cursor:pointer}.filter-active{flex-wrap:wrap;gap:6px;margin-bottom:10px;animation:.15s fadeSlideIn;display:none}.filter-chip{color:var(--accent);background:#d4943a1a;border:1px solid #d4943a4d;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;animation:.12s fadeSlideIn;display:inline-flex}.filter-chip-remove{color:var(--accent);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:12px;transition:opacity .1s}.filter-chip-remove:hover{opacity:1}.filter-chip-clear-all{color:var(--error);cursor:pointer;background:#cc444414;border-color:#cc444440;font-family:inherit;transition:background .15s}.filter-chip-clear-all:hover{background:#cc444426}.filter-count{color:var(--text-muted);margin-bottom:2px;font-size:12px}.filter-count-active{color:var(--accent);font-weight:700}.card.filter-hidden{display:none}.card-badges{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 6px;font-size:9px}.card-badge.platform{color:#6ebef0;background:#6ebef01a;border:1px solid #6ebef033}.card-badge.type{color:#dca050;background:#dca0501a;border:1px solid #dca05033}.card-group{color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.card-rating{color:#f0c040;margin-top:4px;font-size:11px}@media (max-width:640px){.filter-categories{flex-direction:column;gap:8px}.filter-dropdown-toggle{width:100%}.filter-dropdown-menu{min-width:100%}}.details-overlay{z-index:100;color:#ccc;-webkit-user-select:text;user-select:text;cursor:default;background:#000000d1;border:1px solid #ffffff1a;border-radius:4px;min-width:240px;padding:10px 14px;font-family:Courier New,monospace;font-size:11px;line-height:1.7;animation:.15s fadeSlideIn;position:fixed;top:60px;right:12px}.details-section{border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:8px}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.details-section-title{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff40;margin-bottom:4px;font-size:9px}.perf-plot-canvas{width:100%;height:auto;image-rendering:pixelated;border:1px solid #ffffff0f;border-radius:2px;margin-top:4px;display:block}.scrubber-cache-overlay{pointer-events:none;z-index:1;border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.details-row{white-space:nowrap;justify-content:space-between;gap:16px;display:flex}.details-label{color:#888;flex-shrink:0}.details-value{color:#ccc;text-align:right}.details-note{color:#6ebef0;font-size:10px}.encode-page{flex-direction:column;min-height:100vh;display:flex}.encode-content{width:100%;max-width:720px;margin:0 auto;padding:28px 24px 48px}.encode-tagline{color:var(--text-muted);margin-bottom:28px;font-size:12px}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-elevated);border-radius:8px;padding:48px 24px;transition:all .25s;position:relative}.drop-zone:hover{border-color:var(--accent);background:#d4943a0a}.drop-zone.drag-active{border-color:var(--accent);background:#d4943a14;transform:scale(1.01);box-shadow:0 0 24px #d4943a1f}.drop-zone-content{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.drop-icon{color:var(--text-muted);opacity:.5;transition:opacity .25s,color .25s}.drop-zone:hover .drop-icon,.drop-zone.drag-active .drop-icon{opacity:.9;color:var(--accent)}.drop-text{color:var(--text);margin:0;font-size:15px}.drop-hint{color:var(--text-muted);margin:0;font-size:12px}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.encode-status{color:var(--text-muted);min-height:20px;margin-top:12px;font-size:12px}.encode-status.error{color:var(--error)}.file-info{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-top:20px;animation:.3s fadeSlideIn;overflow:hidden}.file-info-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.file-info-name{color:var(--text);word-break:break-all;flex:1;font-size:13px}.file-info-badge{letter-spacing:.5px;white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:11px}.file-info-badge.valid{color:#4a6;background:#44aa661a;border:1px solid #44aa6640}.file-info-badge.invalid{color:var(--error);background:#cc44441a;border:1px solid #cc444440}.file-info-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.info-cell{background:var(--bg-card);flex-direction:column;gap:2px;padding:10px 16px;display:flex}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.info-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.settings-panel{margin-top:20px;animation:.35s fadeSlideIn}.panel-title{color:var(--text);letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:400}.settings-section{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;margin-bottom:12px;transition:border-color .15s;overflow:hidden}.settings-section:hover{border-color:#d4943a4d}.settings-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.settings-section-header:hover{background:#c8c0b6}.settings-section-label{color:var(--text);letter-spacing:.5px;font-size:12px}.settings-section-arrow{color:var(--text-muted);font-size:11px;transition:transform .2s}.settings-section.collapsed .settings-section-arrow{transform:rotate(-90deg)}.settings-section.collapsed .settings-section-body{display:none}.settings-section-body{flex-direction:column;gap:12px;padding:14px;display:flex}.setting-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setting-label{color:var(--text-muted);flex-shrink:0;min-width:80px;font-size:12px}.setting-note{color:var(--text-muted);opacity:.7;width:100%;margin:0;padding-left:92px;font-size:11px}.encode-settings-locked-note,.upload-settings-locked-note{color:var(--text-muted);background:var(--bg-elevated);border:1px dashed var(--border);opacity:.8;border-radius:4px;margin:0;padding:8px 12px;font-size:11px}.toggle-group{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-family:inherit;font-size:12px;transition:all .15s;position:relative}.toggle-btn:not(:last-child){border-right:1px solid var(--border)}.toggle-btn:hover{color:var(--text);background:#d4943a0f}.toggle-btn.active{background:var(--accent);color:#0a0a0a;font-weight:700}.range-group{flex:1;align-items:center;gap:8px;min-width:160px;display:flex}.setting-range{accent-color:var(--accent);cursor:pointer;flex:1;height:4px}.range-value{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:20px;font-size:12px}.range-hint{width:100%;color:var(--text-muted);opacity:.5;justify-content:space-between;margin-top:-4px;padding-left:92px;font-size:10px;display:flex}.input-group{align-items:center;gap:6px;display:flex}.setting-input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;border-radius:3px;width:80px;padding:5px 8px;font-family:inherit;font-size:13px;transition:border-color .15s}.setting-input:focus{border-color:var(--accent);outline:none}.input-suffix{color:var(--text-muted);font-size:11px}.encode-btn{background:var(--accent);color:#0a0a0a;cursor:pointer;letter-spacing:.8px;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.encode-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #d4943a40}.encode-btn:active:not(:disabled){transform:translateY(0)}.encode-btn:disabled{opacity:.35;cursor:not-allowed}.encode-btn-icon{font-size:18px}.progress-section{margin-top:24px;animation:.3s fadeSlideIn}.progress-bar-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:3px;width:0%;height:100%;transition:width .3s}.progress-bar-fill.progress-indeterminate{animation:1.8s ease-in-out infinite progressPulse;width:40%!important}@keyframes progressPulse{0%{width:10%;margin-left:0%}50%{width:60%;margin-left:30%}to{width:10%;margin-left:90%}}.progress-info{justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.progress-text{color:var(--text)}.progress-detail{color:var(--text-muted);font-variant-numeric:tabular-nums}.result-section{margin-top:24px;animation:.4s fadeSlideIn}.result-success{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.result-icon{color:#4a6;background:#44aa6626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.result-info{flex-direction:column;gap:2px;display:flex}.result-title{color:var(--text);font-size:14px}.result-detail{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.download-btn{width:100%;color:var(--accent);border:1px solid var(--accent);cursor:pointer;letter-spacing:.8px;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.download-btn:hover{background:var(--accent);color:#0a0a0a;box-shadow:0 4px 16px #d4943a33}.download-icon{font-size:18px}.save-to-collection-btn{width:100%;color:var(--accent);border:1px solid var(--accent);cursor:pointer;letter-spacing:.8px;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.save-to-collection-btn:hover:not(:disabled){background:var(--accent);color:#0a0a0a;box-shadow:0 4px 16px #d4943a33}.save-to-collection-btn:disabled{opacity:.45;cursor:not-allowed}.save-to-collection-btn.saved{color:#4a6;opacity:.7;cursor:default;border-color:#4a6}.save-status{text-align:center;border-radius:4px;margin-top:6px;padding:6px;font-size:12px}.save-status.success{color:#4a6;background:#44aa661a}.save-status.error{color:var(--error);background:#cc44441a}.encode-another-btn{width:100%;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:12px;padding:10px;font-family:inherit;font-size:12px;transition:color .15s;display:block}.encode-another-btn:hover{color:var(--accent)}.memory-warning{background:#ccaa0014;border:1px solid #ccaa0059;border-radius:6px;gap:12px;margin-top:16px;padding:14px;animation:.3s fadeSlideIn;display:flex}.memory-warning.danger{background:#cc444414;border-color:#cc444459}.memory-warning-icon{flex-shrink:0;margin-top:1px;font-size:20px}.memory-warning:not(.danger) .memory-warning-icon{color:#ca0}.memory-warning.danger .memory-warning-icon{color:var(--error)}.memory-warning-body{flex-direction:column;flex:1;gap:6px;display:flex}.memory-warning-title{color:var(--text);font-size:13px;font-weight:700}.memory-warning-text{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.memory-warning-dismiss{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:3px;align-self:flex-start;margin-top:2px;padding:5px 14px;font-family:inherit;font-size:11px;transition:all .15s}.memory-warning-dismiss:hover{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.encode-content{padding:12px 12px 28px}.encode-tagline{display:none}.watch-header{padding:10px 46px 10px 12px}.back-btn{padding:8px 10px;font-size:13px}.drop-zone{padding:32px 16px}.drop-icon svg{width:32px;height:32px}.drop-text{font-size:14px}.drop-hint{font-size:11px}.file-info-grid{grid-template-columns:1fr}.info-cell{padding:8px 12px}.info-value{font-size:12px}.file-info-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.file-info-name{min-width:0;font-size:12px}.file-info-badge{padding:1px 6px;font-size:10px}.settings-section-body{padding:10px}.toggle-btn{padding:8px 12px;font-size:11px}.range-group{min-width:100%}.setting-range{height:6px}.setting-input{width:72px;padding:6px 8px}.setting-row{flex-direction:column;align-items:stretch;gap:6px}.setting-label{min-width:auto}.setting-note,.range-hint{padding-left:0}.panel-title{margin-bottom:8px;font-size:13px}.settings-section{margin-bottom:8px}.encode-btn{margin-top:16px;padding:12px 20px;font-size:14px}.encode-btn-icon{font-size:16px}.progress-section{margin-top:16px}.progress-info{flex-direction:column;gap:2px}.progress-text,.progress-detail{font-size:11px}.memory-warning{flex-direction:column;gap:8px;margin-top:12px;padding:10px}.memory-warning-dismiss{text-align:center;align-self:stretch;margin-top:4px;padding:8px 14px}.result-success{gap:10px;padding:12px}.result-icon{width:32px;height:32px;font-size:16px}.result-title{font-size:13px}.result-detail{font-size:11px}.download-btn{padding:12px 20px;font-size:14px}.download-icon{font-size:16px}}.encode-hints{border-top:1px solid var(--border);color:var(--text-muted);gap:20px;margin-top:32px;padding-top:16px;font-size:11px;display:flex}.encode-hints kbd{color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:3px;margin-right:4px;padding:1px 5px;font-family:inherit;font-size:10px;display:inline-block}@media (max-width:640px){.encode-hints{flex-direction:column;gap:6px;margin-top:24px}}@media (max-width:400px){.encode-content{padding:8px 8px 24px}.drop-zone{padding:24px 12px}.drop-icon svg{width:24px;height:24px}.drop-text{font-size:13px}.file-info-grid{grid-template-columns:1fr}.info-cell{padding:6px 10px}.info-value{font-size:11px}.toggle-btn{padding:6px 10px;font-size:10px}.settings-section-body{padding:8px}.encode-btn{padding:10px 16px;font-size:13px}.result-success{gap:8px;padding:10px}.memory-warning{padding:8px}.memory-warning-title{font-size:12px}.memory-warning-text{font-size:11px}.input-suffix{font-size:10px}}.studio-page,.studio{flex-direction:column;min-height:100vh;display:flex}.studio-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.studio-title{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:15px;font-weight:700}.studio-status{color:var(--text-muted);min-height:18px;margin-left:auto;font-size:12px}.studio-status.ready{color:#4a6}.studio-status.error{color:var(--error)}.studio-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px}.studio-layout{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.studio-col{flex-direction:column;gap:20px;display:flex}.studio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;transition:border-color .15s;overflow:hidden}.studio-card:hover{border-color:#d4943a33}.studio-card-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.studio-card-body{flex-direction:column;gap:12px;padding:14px;display:flex}.studio-badge-readonly{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0a;border-radius:3px;margin-left:auto;padding:2px 7px;font-size:10px}.studio-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.studio-label{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.studio-label-sm{color:var(--text-muted);white-space:nowrap;font-size:11px}.studio-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.studio-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4943a1f}.studio-input::placeholder{color:var(--text-muted);opacity:.5}.studio-input-sm{padding:6px 8px;font-size:12px}.studio-select{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;appearance:auto;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.studio-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4943a1f}.studio-row{flex-wrap:wrap;gap:12px;display:flex}.studio-row-narrow{flex:1;gap:12px;display:flex}.studio-btn{cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.studio-btn-primary{background:var(--accent);color:#0a0a0a;border:none;font-weight:700}.studio-btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #d4943a33}.studio-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.studio-btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.studio-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.studio-btn-small{padding:4px 10px;font-size:11px}.studio-btn-lg{padding:10px 28px;font-size:14px}.studio-btn-watch{color:#0a0a0a;cursor:pointer;letter-spacing:.5px;white-space:nowrap;background:#4a6;border:none;border-radius:4px;align-items:center;gap:6px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.studio-btn-watch:hover{background:#5c7;transform:translateY(-1px);box-shadow:0 2px 12px #44aa6659}.studio-btn-watch:active{transform:translateY(0)}.studio-info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.studio-info-row:last-child{border-bottom:none}.studio-info-label{color:var(--text-muted);font-size:11px}.studio-info-value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.thumbnail-current{margin-bottom:8px}.thumbnail-current-header{align-items:center;margin-bottom:6px;display:flex}.thumbnail-current-badge{color:var(--accent);letter-spacing:.3px;font-size:11px;font-weight:700}.thumbnail-current-img{border:2px solid var(--accent);border-radius:4px;max-width:100%;max-height:120px;margin:0 auto;display:block}.thumbnail-current-label{color:var(--accent);text-align:center;font-size:11px}.thumbnail-current-placeholder{text-align:center;color:#4a6;background:#44aa660f;border:1px dashed #44aa664d;border-radius:4px;padding:12px;font-size:11px}.thumbnail-placeholder{text-align:center;color:var(--text-muted);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:4px;padding:24px 16px;font-size:12px}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.studio-thumb-preview{background:#000;border-radius:4px;justify-content:center;align-items:center;min-height:100px;margin-bottom:10px;display:flex;overflow:hidden}.studio-thumb-canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.studio-thumb-nav{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.studio-thumb-frame-label{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:110px;font-size:12px}.studio-thumb-scrubber{width:100%;accent-color:var(--accent);cursor:pointer;margin-bottom:12px}.studio-btn-small{min-width:32px;padding:4px 10px;font-size:11px}.studio-btn-full{justify-content:center;width:100%;margin-bottom:12px}.thumbnail-loading{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:16px;font-size:11px}.thumbnail-option{cursor:pointer;background:var(--bg-elevated);border:2px solid #333;border-radius:4px;transition:border-color .12s,transform .1s;overflow:hidden}.thumbnail-option:hover{border-color:#6ebef0;transform:scale(1.05)}.thumbnail-option.selected{border-color:var(--accent);box-shadow:0 0 6px #d4943a4d}.thumbnail-img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.thumbnail-frame-label{text-align:center;color:#666;background:var(--bg);padding:2px 0;font-size:9px}.pouet-search-row{gap:8px;display:flex}.pouet-search-row .studio-input{flex:1}.pouet-id-row{align-items:center;gap:8px;margin-top:4px;display:flex}.pouet-id-group{align-items:center;gap:4px;display:flex}.pouet-id-prefix{color:var(--text-muted);padding:0 2px;font-size:13px}.pouet-id-group .studio-input-sm{width:120px}.pouet-status{border-radius:4px;padding:6px 10px;font-size:11px;animation:.15s fadeSlideIn;display:none}.pouet-status-searching{color:#6ebef0;background:#6ebef014}.pouet-status-found{color:#4a6;background:#44aa6614}.pouet-status-empty{color:var(--text-muted);background:#ffffff08}.pouet-status-error{color:var(--error);background:#cc444414}.pouet-results{flex-direction:column;gap:8px;margin-top:8px;display:flex}.pouet-candidate{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:10px;transition:border-color .15s;animation:.2s fadeSlideIn}.pouet-candidate:hover{border-color:#d4943a4d}.pouet-candidate-header{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.pouet-candidate-header .badge{color:#6ebef0;background:#6ebef01a;border:1px solid #6ebef033;border-radius:3px;padding:1px 5px;font-size:10px}.pouet-score{color:var(--accent);background:#d4943a14;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:10px}.pouet-candidate-details{color:var(--text-muted);margin-bottom:3px;font-size:11px}.pouet-candidate-meta{color:var(--text-muted);opacity:.7;n-bottom:2px;font-size:10px}.type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:1px 5px;font-size:10px}.type-demo{color:#4a6;background:#44aa661a;border:1px solid #4a63}.type-64k,.type-4k,.type-intro{color:#6ebef0;background:#6ebef01a;border:1px solid #6ebef033}.type-unknown{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0a}.apply-pouet-btn{margin-top:6px}.studio-actions{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin-top:28px;padding:16px 20px;animation:.3s fadeSlideIn;display:flex}.studio-save-status{color:var(--text-muted);flex:1;font-size:12px}.studio-save-status.success{color:#4a6}.studio-save-status.error{color:var(--error)}.studio-save-status.modified{color:#dca050}.toast{background:var(--bg-card);border:1px solid var(--border);color:var(--text);z-index:9999;pointer-events:none;opacity:0;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:90vw;padding:12px 20px;font-size:12px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)translateY(80px);box-shadow:0 6px 24px #00000040}.toast.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}@media (max-width:860px){.studio-layout{grid-template-columns:1fr}.studio-content{padding:16px}.studio-card-header{padding:8px 12px}.studio-card-body{padding:12px}.studio-row{flex-direction:column;gap:8px}.studio-row-narrow{flex-direction:row}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}@media (max-width:480px){.studio-header{padding:10px 12px}.studio-title{font-size:13px}.studio-content{padding:12px}.studio-btn-lg{width:100%}.studio-actions{flex-direction:column;gap:8px}.studio-save-status{text-align:center}.pouet-search-row{flex-direction:column}.pouet-id-row{flex-wrap:wrap}}.featured-section{margin-bottom:24px}.featured-container{position:relative}.featured-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.featured-heading{font-family:var(--font-pixel);color:var(--text);letter-spacing:1px;text-transform:uppercase;font-size:18px}.featured-dots{gap:6px;display:flex}.featured-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.featured-dot.active{background:var(--accent);border-radius:4px;width:20px}.featured-dot:hover{background:var(--accent-hover)}.featured-track-wrapper{border-radius:8px;position:relative;overflow:hidden}.featured-track{will-change:transform;transition:transform 1.2s cubic-bezier(.25,.1,.15,1);display:flex}.featured-slide{aspect-ratio:21/9;cursor:pointer;border-radius:8px;outline:none;min-width:100%;position:relative;overflow:hidden}.featured-slide:focus-visible{box-shadow:0 0 0 3px var(--accent)}.featured-slide-bg{background-position:50%;background-size:cover;background-color:var(--bg-elevated);transition:transform 1.5s cubic-bezier(.25,.1,.15,1);position:absolute;inset:0}.featured-slide:hover .featured-slide-bg{transform:scale(1.05)}.featured-slide-overlay{background:linear-gradient(135deg,#000000d1 0%,#00000073 50%,#00000026 100%);align-items:flex-end;padding:32px;transition:background .3s;display:flex;position:absolute;inset:0}.featured-slide:hover .featured-slide-overlay{background:linear-gradient(135deg,#000000bf 0%,#00000059 50%,#0000001a 100%)}.featured-slide-content{z-index:1;max-width:70%;position:relative}.featured-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.featured-badges span{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:3px;padding:2px 8px;font-size:10px}.featured-slide-title{font-family:var(--font-pixel);color:#fff;letter-spacing:1.5px;text-shadow:0 2px 8px #00000080;margin-bottom:6px;font-size:26px;line-height:1.2}.featured-slide-desc{color:#fffc;text-shadow:0 1px 4px #0006;margin-bottom:8px;font-size:13px;line-height:1.4}.featured-slide-meta{align-items:center;gap:12px;display:flex}.featured-rating{color:#f0c040;text-shadow:0 1px 4px #0006;font-size:13px}.featured-meta-text{color:#ffffffb3;font-size:12px}.featured-indicator{display:none}.featured-arrow{z-index:10;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.featured-track-wrapper:hover .featured-arrow{opacity:1}.featured-arrow:hover{border-color:var(--accent);background:#d4943ab3;transform:translateY(-50%)scale(1.1)}.featured-arrow-prev{left:12px}.featured-arrow-next{right:12px}@media (max-width:640px){.featured-slide{aspect-ratio:16/9}.featured-slide-overlay{padding:20px}.featured-slide-content{max-width:100%}.featured-slide-title{font-size:18px}.featured-slide-desc{font-size:12px}.featured-arrow{opacity:1;background:#0009;width:32px;height:32px;font-size:13px}.featured-arrow-prev{left:6px}.featured-arrow-next{right:6px}.featured-heading{font-size:15px}}.upload-page{flex-direction:column;min-height:100vh;display:flex}.upload-content{width:100%;max-width:960px;margin:0 auto;padding:28px 24px 48px}.upload-tagline{color:var(--text-muted);margin-bottom:28px;font-size:12px}.upload-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-elevated);border-radius:8px;padding:48px 24px;transition:all .25s;position:relative}.upload-drop-zone:hover{border-color:var(--accent);background:#d4943a0a}.upload-drop-zone.drag-active{border-color:var(--accent);background:#d4943a14;transform:scale(1.01);box-shadow:0 0 24px #d4943a1f}.upload-drop-zone.uploading{opacity:.4;pointer-events:none;cursor:not-allowed}.upload-drop-zone.has-file{border-style:solid;border-color:var(--accent);background:#d4943a0f;padding:24px}.upload-drop-content{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.upload-drop-icon{color:var(--text-muted);opacity:.5;transition:opacity .25s,color .25s}.upload-drop-zone:hover .upload-drop-icon,.upload-drop-zone.drag-active .upload-drop-icon{opacity:.9;color:var(--accent)}.upload-drop-text{color:var(--text);margin:0;font-size:15px}.upload-drop-hint{color:var(--text-muted);margin:0;font-size:12px}.upload-drop-types{color:var(--text-muted);opacity:.6;letter-spacing:.3px;margin:2px 0 0;font-size:11px}.upload-drop-zone.has-file .upload-drop-types{display:none}.avi-note{color:var(--text-muted);opacity:.5;transition:all .25s}.upload-drop-zone:hover .avi-note{color:var(--accent);opacity:1;text-shadow:0 0 8px #d4943a40}.upload-drop-zone.drag-active .avi-note{color:var(--accent);opacity:1;text-shadow:0 0 12px #d4943a59}@media (prefers-reduced-motion:reduce){.avi-note{transition:none}}.upload-drop-zone.has-file .upload-drop-text{color:var(--accent)}.upload-drop-zone.has-file .upload-drop-hint{display:none}.upload-drop-zone.has-file .upload-drop-icon{opacity:.8;color:var(--accent)}.upload-status{color:var(--text-muted);min-height:20px;margin-top:12px;font-size:12px}.upload-status.ready{color:#4a6}.upload-status.warn{color:#ca0}.upload-status.error{color:var(--error)}.upload-mode-toggle{align-items:center;gap:8px;display:flex}.upload-mode-label{color:var(--text-muted);white-space:nowrap;margin-right:6px;font-size:12px}.upload-mode-btn{cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.upload-mode-btn:hover{border-color:var(--accent);color:var(--text)}.upload-mode-btn.active{background:var(--accent);color:#0a0a0a;border-color:var(--accent);font-weight:700}.upload-mode-note{color:var(--text-muted);margin-top:8px;font-size:11px;line-height:1.5}.upload-mode-warning{color:#ca0}.upload-mode-note code{background:#0000000f;border-radius:3px;padding:1px 4px;font-size:10px}.upload-file-info{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-top:20px;animation:.3s fadeSlideIn;overflow:hidden}.upload-file-info-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.upload-file-info-name{color:var(--text);word-break:break-all;flex:1;font-size:13px}.upload-file-info-size{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.upload-file-info-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.upload-info-cell{background:var(--bg-card);flex-direction:column;gap:2px;padding:10px 16px;display:flex}.upload-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.upload-info-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.upload-actions{background:var(--bg-elevated);border-top:1px solid var(--border);gap:10px;padding:12px 16px;display:flex}.upload-btn{justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.upload-btn[hidden]{cursor:pointer;white-space:nowrap;border-radius:4px;font-family:inherit;font-size:12px;transition:all .15s;display:none}.upload-btn-primary{background:var(--accent);color:#0a0a0a;border:none;flex:1;font-weight:700}.upload-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 8px #d4943a33}.upload-btn-primary:disabled{opacity:.4;cursor:not-allowed}.upload-btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.upload-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.upload-btn-ghost{color:var(--text-muted);background:0 0;border:none;padding:8px 12px}.upload-btn-ghost:hover{color:var(--accent)}.upload-btn-icon{font-size:16px}.upload-transcode-result{margin-top:24px;animation:.4s fadeSlideIn}.upload-transcode-result .upload-result-card{margin-bottom:16px}.upload-transcode-result .upload-result-card.success{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:14px;padding:16px;display:flex}.upload-transcode-result .upload-result-icon.success{color:#4a6;background:#44aa6626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.upload-transcode-result .upload-result-body{flex-direction:column;gap:2px;display:flex}.upload-transcode-result .upload-result-title{color:var(--text);font-size:15px;font-weight:700}.upload-transcode-result .upload-result-detail{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.upload-transcode-info{background:var(--border);border-radius:4px;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:20px;display:grid;overflow:hidden}.upload-transcode-info-cell{background:var(--bg-card);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.upload-transcode-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.upload-transcode-info-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.upload-transcode-actions{flex-direction:column;gap:8px;display:flex}.upload-transcode-actions .upload-btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.upload-transcode-actions .upload-btn-primary{background:var(--accent);color:#0a0a0a}.upload-transcode-actions .upload-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4943a40}.upload-transcode-actions .upload-btn-secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.upload-transcode-actions .upload-btn-secondary:hover{background:#d4943a14;transform:translateY(-1px)}.upload-transcode-actions .upload-btn-ghost{color:var(--text-muted);background:0 0;font-size:12px;font-weight:400}.upload-transcode-actions .upload-btn-ghost:hover{color:var(--accent)}.upload-progress-section{margin-top:24px;animation:.3s fadeSlideIn}.upload-progress-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:4px;width:0%;height:100%;transition:width .3s}.upload-progress-info{justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.upload-progress-text{color:var(--text)}.upload-progress-pct{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.upload-progress-detail{color:var(--text-muted);margin-top:4px;font-size:11px}.upload-result-section{margin-top:24px;animation:.4s fadeSlideIn}.upload-result-card{border-radius:6px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.upload-result-card.success{background:#44aa6614;border:1px solid #44aa6640}.upload-result-card.error{background:#cc444414;border:1px solid #cc444440}.upload-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.upload-result-icon.success{color:#4a6;background:#44aa6626}.upload-result-icon.error{color:var(--error);background:#cc444426}.upload-result-body{flex-direction:column;gap:2px;display:flex}.upload-result-title{color:var(--text);font-size:14px}.upload-result-detail{color:var(--text-muted);font-size:12px;line-height:1.5}.upload-result-actions,.upload-error-actions{gap:8px;margin-top:4px;display:flex}.upload-avi-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-top:16px;padding:14px;animation:.3s fadeSlideIn}.upload-settings-title{color:var(--text);letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:400}.upload-avi-settings .setting-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.upload-avi-settings .setting-row:last-child{margin-bottom:0}.upload-settings-locked-note{margin-top:10px}.upload-avi-settings .setting-label{color:var(--text-muted);flex-shrink:0;min-width:90px;font-size:11px}.upload-avi-settings .toggle-group{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.upload-avi-settings .toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-family:inherit;font-size:11px;transition:all .15s}.upload-avi-settings .toggle-btn:not(:last-child){border-right:1px solid var(--border)}.upload-avi-settings .toggle-btn:hover{color:var(--text);background:#d4943a0f}.upload-avi-settings .toggle-btn.active{background:var(--accent);color:#0a0a0a;font-weight:700}.upload-avi-settings .range-group{flex:1;align-items:center;gap:8px;min-width:140px;display:flex}.upload-avi-settings .setting-range{accent-color:var(--accent);cursor:pointer;flex:1;height:4px}.upload-avi-settings .range-value{color:var(--accent);text-align:right;min-width:20px;font-size:11px}.upload-avi-settings .input-group{align-items:center;gap:6px;display:flex}.upload-avi-settings .setting-input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;border-radius:3px;width:72px;padding:4px 8px;font-family:inherit;font-size:12px}.upload-avi-settings .setting-input:focus{border-color:var(--accent);outline:none}.upload-avi-settings .input-suffix{color:var(--text-muted);font-size:10px}.upload-btn-accent{color:#0a0a0a;cursor:pointer;letter-spacing:.5px;background:#6ebef0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.upload-btn-accent:hover:not(:disabled){background:#8ecef5;transform:translateY(-1px);box-shadow:0 4px 16px #6ebef04d}.upload-btn-accent:disabled{opacity:.4;cursor:not-allowed}.upload-btn-accent .upload-btn-icon{font-size:16px}@media (max-width:640px){.upload-content{padding:12px 12px 28px}.upload-tagline{display:none}.upload-drop-zone{padding:32px 16px}.upload-drop-zone.has-file{padding:20px}.upload-drop-icon svg{width:32px;height:32px}.upload-file-info-grid{grid-template-columns:1fr}.upload-mode-toggle{flex-wrap:wrap}.upload-mode-btn{flex:1;justify-content:center}.upload-actions{flex-direction:column}.upload-btn-primary{width:100%}.upload-result-actions{flex-direction:column}.upload-result-actions .upload-btn{justify-content:center;width:100%}.upload-error-actions{flex-direction:column}.upload-error-actions .upload-btn{justify-content:center;width:100%}.upload-progress-info{flex-direction:column;gap:2px}}@media (max-width:400px){.upload-content{padding:8px 8px 24px}.upload-drop-zone{padding:24px 12px}.upload-drop-zone.has-file{padding:16px}.upload-file-info-header{flex-direction:column;align-items:flex-start;gap:4px}.upload-info-cell{padding:8px 10px}}.card-visibility-badge{letter-spacing:.3px;border-radius:3px;align-items:center;gap:4px;margin-bottom:4px;padding:1px 6px;font-size:10px;display:inline-flex}.card-visibility-badge.vis-unlisted{color:#888;background:#8888881a;border:1px solid #88888840}.card-visibility-badge.vis-private{color:#c64;background:#cc664414;border:1px solid #c643}.visibility-selector{flex-direction:column;gap:6px;margin-top:4px;display:flex}.visibility-option{border:1px solid var(--border);cursor:pointer;background:var(--bg-elevated);border-radius:4px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.visibility-option:hover{border-color:var(--accent);background:#d4943a0a}.visibility-option input[type=radio]{accent-color:var(--accent);flex-shrink:0}.visibility-option .vis-icon{flex-shrink:0;font-size:16px}.visibility-option .vis-info{flex-direction:column;gap:1px;display:flex}.visibility-option .vis-label{color:var(--text);font-size:13px;font-weight:600}.visibility-option .vis-desc{color:var(--text-muted);font-size:11px;line-height:1.3}.stress{flex-direction:column;min-height:100vh;display:flex}.stress-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.stress-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.stress-controls{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.stress-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:12px;transition:all .15s}.stress-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stress-btn:disabled{opacity:.4;cursor:not-allowed}.stress-status{color:var(--text-muted);margin-left:auto;font-size:11px}.stress-aggregate{color:#ccc;border-bottom:1px solid var(--border);background:#000;flex-wrap:wrap;align-items:center;gap:16px;min-height:28px;padding:8px 16px;font-family:Courier New,monospace;font-size:11px;display:flex}.stress-aggregate-label{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff59;margin-right:4px;font-size:9px}.stress-aggregate-row{white-space:nowrap;gap:6px;display:flex}.stress-aggregate-row span:first-child{color:#888}.stress-aggregate-row span:last-child{color:#fff;font-variant-numeric:tabular-nums}.stress-grid{background:var(--bg);flex:1;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:12px;padding:16px;display:grid}.stress-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;transition:border-color .15s;overflow:hidden}.stress-card:hover{border-color:#d4943a4d}.stress-card-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.stress-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.stress-card-res{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.stress-canvas{aspect-ratio:16/10;width:100%;image-rendering:pixelated;background:#000;display:block}.stress-card-stats{color:var(--text-muted);background:var(--bg-elevated);border-top:1px solid var(--border);font-variant-numeric:tabular-nums;padding:6px 10px;font-family:Courier New,monospace;font-size:10px}.stress-error{text-align:center;color:var(--error);padding:48px 16px;font-size:13px}@media (max-width:640px){.stress-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:8px}.stress-header{gap:8px;padding:8px 10px}.stress-title{font-size:11px}.stress-controls{padding:8px 10px}.stress-aggregate{gap:8px;padding:6px 10px;font-size:10px}}.about{flex-direction:column;min-height:100vh;display:flex}.about-page{background:var(--bg);flex-direction:column;align-items:center;min-height:100vh;display:flex}.about-hero{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:50vh;padding:80px 24px 48px;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 40%,#d4943a0f 0%,#0000 70%);position:absolute;inset:0}.about-logo-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.about-logo-glow{pointer-events:none;background:radial-gradient(circle,#d4943a14 0%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:4s ease-in-out infinite aboutPulse;position:absolute}@keyframes aboutPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.about-logo-3d{font-family:var(--font-pixel);color:#f5f5f5;text-transform:uppercase;letter-spacing:12px;-webkit-user-select:none;user-select:none;z-index:1;text-shadow:2px 2px 1px #919191,2px 4px 1px #919191,2px 6px 1px #919191,2px 8px 1px #919191,2px 10px 1px #919191,2px 12px 1px #919191,2px 14px 1px #919191,2px 16px 1px #919191,2px 18px 1px #919191,2px 20px 1px #919191,2px 22px 1px #919191,2px 24px 1px #919191,2px 26px 1px #919191,2px 28px 1px #919191,2px 30px 1px #919191,2px 36px 8px #10101066,2px 44px 14px #10101033,2px 50px 40px #10101033,2px 60px 70px #10101066;font-size:120px;font-weight:400;line-height:1;transition:text-shadow .3s,color .3s;animation:5s ease-in-out infinite aboutLogoFloat;position:relative}.about-logo-3d:hover{--hue:0;text-shadow: 2px 2px 1px hsl(calc(var(--hue) + 0), 85%, 60%), 2px 4px 1px hsl(calc(var(--hue) + 3), 85%, 58%), 2px 6px 1px hsl(calc(var(--hue) + 6), 85%, 55%), 2px 8px 1px hsl(calc(var(--hue) + 9), 85%, 55%), 2px 10px 1px hsl(calc(var(--hue) + 12), 80%, 55%), 2px 12px 1px hsl(calc(var(--hue) + 15), 75%, 50%), 2px 14px 1px hsl(calc(var(--hue) + 18), 75%, 50%), 2px 16px 1px hsl(calc(var(--hue) + 21), 80%, 50%), 2px 18px 1px hsl(calc(var(--hue) + 24), 80%, 50%), 2px 20px 1px hsl(calc(var(--hue) + 27), 85%, 55%), 2px 22px 1px hsl(calc(var(--hue) + 30), 80%, 60%), 2px 24px 1px hsl(calc(var(--hue) + 33), 75%, 60%), 2px 26px 1px hsl(calc(var(--hue) + 36), 85%, 60%),  2px 30px 8px hsl(calc(var(--hue) + 0), 85%, 60%), 2px 36px 16px hsl(calc(var(--hue) + 18), 80%, 50%), 2px 46px 24px hsl(calc(var(--hue) + 36), 80%, 60%),  2px 32px 8px #10101080, 2px 40px 14px #1010104d, 2px 46px 40px #1010104d, 2px 56px 70px #10101080;animation:3s linear infinite shiftGradient3d}@keyframes aboutLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.about-logo-3d,.about-logo-glow{animation:none}html.colour-rainbow{--accent:#d4943a;--accent-hover:#e0a84c;animation:none}}.about-subtitle{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:15px;font-family:var(--font-mono);z-index:1;opacity:.7;margin-top:32px;position:relative}.about-body{flex-direction:column;gap:28px;width:100%;max-width:640px;padding:0 24px 80px;display:flex}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:24px;transition:border-color .2s}.about-card:hover{border-color:#d4943a33}.about-card-title{font-family:var(--font-pixel);color:var(--accent);letter-spacing:1px;margin-bottom:16px;font-size:16px;font-weight:700}.about-text{color:var(--text);margin-bottom:12px;font-size:13px;line-height:1.7}.about-text:last-child{margin-bottom:0}.about-features{flex-direction:column;gap:12px;display:flex}.about-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .2s,transform .15s;display:flex}.about-feature:hover{border-color:#d4943a40;transform:translate(4px)}.about-feature-icon{flex-shrink:0;margin-top:2px;font-size:20px}.about-feature strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.about-feature span:last-child{color:var(--text-muted);font-size:12px;line-height:1.5;display:block}.about-versions{margin-top:28px}.about-versions-table{border:1px solid var(--border);border-radius:4px;flex-direction:column;margin-top:12px;display:flex;overflow:hidden}.about-version-row{grid-template-columns:1fr 80px 80px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:background .1s;display:grid}.about-version-row:not(:last-child){border-bottom:1px solid var(--border)}.about-version-row:nth-child(2n){background:#00000005}.about-version-row:hover{background:#d4943a0a}.about-version-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:700;background:var(--bg-elevated)!important}.about-version-component{color:var(--text);font-family:var(--font-mono);word-break:break-all}.about-version-ver{color:var(--accent);font-variant-numeric:tabular-nums;text-align:center}.about-version-size{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.about-version-note{color:var(--text-muted);opacity:.7;margin-top:8px;font-size:11px;line-height:1.5}[data-theme=dark] .about-version-row:nth-child(2n){background:#ffffff05}[data-theme=dark] .about-version-row:hover{background:#d4943a0f}@media (max-width:640px){.about-version-row{grid-template-columns:1fr 60px 60px;gap:4px;padding:6px 10px;font-size:11px}}.about-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.about-btn-primary{background:var(--accent);color:#0a0a0a;font-family:var(--font-pixel);letter-spacing:1px;text-transform:uppercase;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.about-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d4943a40}.about-btn-secondary{color:var(--accent);font-family:var(--font-mono);border:1px solid var(--accent);letter-spacing:.5px;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.about-btn-secondary:hover{background:var(--accent);color:#0a0a0a;transform:translateY(-2px);box-shadow:0 4px 16px #d4943a33}.about-footer{text-align:center;color:var(--text-muted);letter-spacing:.5px;opacity:.6;margin-top:8px;font-size:11px}.about-demo{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;transition:border-color .2s;overflow:hidden}.about-demo:hover{border-color:#d4943a40}.about-demo-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.about-demo-icon{color:#4c6;font-size:12px}.about-demo-title{color:var(--text);letter-spacing:.5px;font-size:12px}.about-demo-badge{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.about-demo-screen{background:#000;justify-content:center;align-items:center;min-height:120px;padding:16px;display:flex;position:relative;overflow:hidden}.about-demo-canvas{max-width:100%;max-height:200px;image-rendering:pixelated;image-rendering:crisp-edges;z-index:1;border-radius:2px;display:block;position:relative;box-shadow:0 0 20px #d4943a14}.about-demo-scanlines{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:absolute;inset:0}.about-demo-crt-overlay{z-index:2;pointer-events:none;background:radial-gradient(#0000 60%,#00000040 100%);position:absolute;inset:0}.about-demo-controls{background:#111;border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 14px;display:flex}.about-demo-controls-left{flex:1;align-items:center;gap:8px;display:flex}.about-demo-controls-right{align-items:center;gap:4px;display:flex}.about-demo-btn{color:#fff6;cursor:default;-webkit-user-select:none;user-select:none;padding:2px 4px;font-size:11px;transition:color .1s}.about-demo-btn:hover{color:#ffffffb3}.demo-btn-play{color:#4c6}.about-demo-progress{flex:1;max-width:240px}.about-demo-progress-track{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.about-demo-progress-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .3s}.about-demo-status{color:var(--text-muted);background:var(--bg);border-top:1px solid var(--border);align-items:center;gap:6px;min-height:24px;padding:6px 14px;font-size:10px;display:flex}.demo-status-live{color:#4c6}.demo-status-error{color:var(--error)}.demo-spinner{border:2px solid #d4943a26;border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:10px;height:10px;animation:.6s linear infinite demoSpinner;display:inline-block}@keyframes demoSpinner{to{transform:rotate(360deg)}}@media (max-width:640px){.about-hero{min-height:40vh;padding:48px 16px 32px}.about-logo-3d{letter-spacing:6px;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 12px 1px #919191,1px 14px 1px #919191,1px 16px 1px #919191,1px 20px 6px #10101066,1px 24px 10px #10101033,1px 28px 24px #10101033,1px 34px 48px #10101066;font-size:60px}.about-logo-3d:hover{--hue:0;text-shadow: 1px 1px 1px hsl(calc(var(--hue) + 0), 85%, 60%), 1px 2px 1px hsl(calc(var(--hue) + 3), 85%, 58%), 1px 3px 1px hsl(calc(var(--hue) + 6), 85%, 55%), 1px 4px 1px hsl(calc(var(--hue) + 9), 80%, 55%), 1px 5px 1px hsl(calc(var(--hue) + 12), 80%, 50%), 1px 6px 1px hsl(calc(var(--hue) + 15), 75%, 50%), 1px 7px 1px hsl(calc(var(--hue) + 18), 80%, 50%), 1px 8px 1px hsl(calc(var(--hue) + 21), 80%, 50%), 1px 9px 1px hsl(calc(var(--hue) + 24), 85%, 55%), 1px 10px 1px hsl(calc(var(--hue) + 27), 80%, 55%), 1px 12px 1px hsl(calc(var(--hue) + 30), 75%, 60%), 1px 14px 1px hsl(calc(var(--hue) + 33), 80%, 60%), 1px 16px 1px hsl(calc(var(--hue) + 36), 85%, 60%),  1px 10px 8px hsl(calc(var(--hue) + 0), 85%, 60%), 1px 16px 14px hsl(calc(var(--hue) + 18), 80%, 50%),  1px 20px 6px #10101080, 1px 24px 10px #1010104d, 1px 28px 24px #1010104d, 1px 34px 48px #10101080;animation:3s linear infinite shiftGradient3d}.about-logo-glow{width:180px;height:180px}.about-subtitle{letter-spacing:1.5px;margin-top:20px;font-size:12px}.about-body{gap:20px;padding:0 16px 48px}.about-card{padding:16px}.about-card-title{margin-bottom:12px;font-size:14px}.about-text{font-size:12px}.about-feature{padding:12px 14px}.about-btn-primary,.about-btn-secondary{flex:1;justify-content:center}.about-links{flex-direction:column}}@media (max-width:400px){.auth-header-root{z-index:999;position:fixed;top:12px;right:52px}.auth-header-btn-container{align-items:center;display:flex}.auth-signin-btn{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;line-height:1;transition:all .15s;display:flex}.auth-signin-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-elevated)}.auth-avatar-btn{color:var(--text);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;line-height:1;transition:all .15s;display:flex}.auth-avatar-btn:hover{border-color:var(--accent);background:var(--bg-elevated)}.auth-avatar-icon{font-size:14px}.auth-avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.auth-avatar-arrow{color:var(--text-muted);margin-left:2px;font-size:9px}.auth-dropdown{position:relative}.auth-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);z-index:1001;border-radius:6px;min-width:200px;animation:.12s fadeSlideIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.auth-dropdown-user{flex-direction:column;gap:2px;padding:12px 14px;display:flex}.auth-dd-name{color:var(--text);font-size:13px;font-weight:700}.auth-dd-username{color:var(--text-muted);font-size:11px}.auth-dropdown-divider{border:none;border-top:1px solid var(--border);margin:0}.auth-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:12px;transition:background .1s;display:flex}.auth-dropdown-item:hover{background:#d4943a14}.auth-dropdown-item:last-child{border-bottom:none}.auth-modal-backdrop{z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;width:90%;max-width:420px;max-height:85vh;animation:.2s modalSlideIn;overflow-y:auto;box-shadow:0 24px 64px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-header{padding:20px 20px 12px}.auth-modal-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.auth-modal-subtitle{color:var(--text-muted);margin:0;font-size:12px}.auth-modal-body{flex-direction:column;gap:8px;padding:8px 20px;display:flex}.auth-user-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.auth-user-card:hover{border-color:var(--accent);background:#d4943a0f;transform:translate(2px)}.auth-user-avatar{text-align:center;flex-shrink:0;width:36px;font-size:24px}.auth-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-user-name{font-size:13px;font-weight:700}.auth-user-username{color:var(--text-muted);font-size:11px}.auth-user-select-hint{color:var(--text-muted);opacity:.4;flex-shrink:0;font-size:14px}.auth-user-card:hover .auth-user-select-hint{color:var(--accent);opacity:1}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:4px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-custom-row{flex-direction:column;gap:8px;display:flex}.auth-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4943a1f}.auth-btn{cursor:pointer;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;line-height:1;transition:all .15s;display:inline-flex}.auth-btn-primary{background:var(--accent);color:#0a0a0a;border:1px solid var(--accent);font-weight:700}.auth-btn-primary:hover{background:var(--accent-hover)}.auth-btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.auth-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.auth-btn-lg{padding:12px 24px;font-size:15px}.auth-modal-footer{justify-content:flex-end;padding:12px 20px 20px;display:flex}.auth-gate-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.auth-gate-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:12px;width:90%;max-width:380px;padding:32px 28px;animation:.2s modalSlideIn;display:flex;box-shadow:0 24px 64px #00000080}.auth-gate-icon{font-size:36px}.auth-gate-title{color:var(--text);margin:0;font-size:17px;font-weight:700}.auth-gate-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.auth-gate-btn{background:var(--accent);color:#0a0a0a;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:6px;margin-top:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.auth-gate-btn:hover{background:var(--accent-hover)}.auth-gate-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-family:inherit;font-size:12px;transition:color .15s}.auth-gate-skip:hover{color:var(--text)}.auth-guest-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:60px auto;padding:48px 24px;display:flex}.auth-guest-icon{font-size:48px}.auth-guest-title{color:var(--text);margin:0;font-size:20px;font-weight:700}.auth-guest-text{color:var(--text-muted);max-width:360px;margin:0;font-size:14px;line-height:1.6}.about-logo-3d{letter-spacing:4px;font-size:40px}.about-logo-glow{width:140px;height:140px}.about-hero{min-height:30vh;padding:32px 12px 24px}.about-subtitle{font-size:10px}.about-card-title{font-size:13px}}.gop-info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-top:16px;animation:.3s fadeSlideIn;overflow:hidden}.gop-info-toggle{background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:12px;transition:background .15s;display:flex}.gop-info-toggle:hover{background:var(--bg)}.gop-info-toggle-icon{color:var(--text-muted);flex-shrink:0;font-size:10px;transition:transform .15s}.gop-info-toggle-summary{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.gop-info-body{animation:.2s fadeSlideIn}.gop-info-chart-wrap{border-bottom:1px solid var(--border);max-height:600px;padding:12px 14px 8px;overflow:auto}.gop-info-chart{width:100%;image-rendering:pixelated;display:block}.gop-info-table-wrap{max-height:360px;padding:0;overflow-y:auto}.gop-info-table{border-collapse:collapse;width:100%;font-size:11px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.gop-info-table th{z-index:1;background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;padding:6px 10px;font-size:10px;position:sticky;top:0}.gop-info-table td{color:var(--text);white-space:nowrap;border-bottom:1px solid #80808014;padding:4px 10px}.gop-info-table tbody tr:hover{background:#d4943a0a}.gop-info-table tr.gop-info-changed{background:#f0c8200f}.gop-info-table tr.gop-info-changed td:first-child{border-left:3px solid #f0c820}.gop-info-table td:last-child{color:var(--text-muted);text-overflow:ellipsis;max-width:220px;font-size:10px;overflow:hidden}[data-theme=dark] .gop-info-table-wrap{scrollbar-color:var(--border) var(--bg)}[data-theme=dark] .gop-info-table tbody tr:hover{background:#d4943a0f}#viewport{width:100%;image-rendering:pixelated;background:#000;justify-content:center;display:flex;position:relative}#app.simple-player canvas{image-rendering:pixelated;display:block}#controls{background:var(--bg-elevated);border-top:1px solid var(--border-soft);width:100%;padding:8px 16px}#control-bar{align-items:center;gap:8px;margin-bottom:6px;display:flex}#app.simple-player button{background:var(--bg-card);color:var(--text-bright);border:1px solid var(--border);cursor:pointer;padding:4px 12px;font-family:inherit;font-size:13px}#app.simple-player button:hover{background:var(--bg-elevated)}#app.simple-player button:active{background:var(--border)}#btn-theme{padding:2px 8px;font-size:16px;line-height:1}#app.simple-player input[type=range]{accent-color:var(--accent);flex:1}#frame-info,#res-info{white-space:nowrap;color:var(--text);font-size:12px}#status{margin-bottom:6px}#status-text{color:var(--text-muted);font-size:11px}#load-section{align-items:center;gap:8px;font-size:12px;display:flex}#file-input{display:none}#file-label{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;padding:3px 10px}#file-label:hover{background:var(--bg-elevated)}#url-input{background:var(--bg-input);color:var(--text);border:1px solid var(--border);flex:1;padding:3px 8px;font-family:inherit;font-size:12px}.crt-label{color:var(--text-muted);font-size:12px}#btn-export-png{background:var(--bg-card);color:var(--accent);border:1px solid var(--border);padding:3px 10px;font-family:inherit;font-size:12px}#btn-export-png:hover{background:var(--bg-elevated)}#btn-export-png:disabled{opacity:.5;cursor:not-allowed}#sel-crt{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;padding:3px 6px;font-family:inherit;font-size:12px}#sel-crt:focus{outline:1px solid var(--accent)}#sel-crt option{background:var(--bg-card);color:var(--text)}#drop-zone{color:#ccc;pointer-events:none;z-index:10;background:#000000d9;border:2px dashed #444;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:18px;transition:border-color .2s,color .2s;display:none;position:absolute;inset:0}body.drag-over #drop-zone{border-color:var(--accent);color:var(--accent);display:flex}#drop-icon{font-size:48px;animation:.8s ease-in-out infinite alternate drop-bounce}@keyframes drop-bounce{0%{transform:translateY(0)}to{transform:translateY(6px)}}#playlist{background:var(--bg-elevated);border-top:1px solid var(--border-soft);flex-direction:column;width:100%;max-height:160px;display:flex}#playlist-header{color:var(--text-muted);border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;display:flex}#btn-clear-playlist{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}#btn-clear-playlist:hover{color:var(--error)}#playlist-items{flex:1;overflow-y:auto}.playlist-item{cursor:pointer;border-bottom:1px solid var(--border-soft);color:var(--text);align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:background .15s;display:flex}.playlist-item:hover{background:var(--bg-card)}.playlist-item.active{background:var(--playlist-active-bg);color:var(--accent)}.playlist-item .track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.playlist-item .track-remove{color:var(--text-muted);cursor:pointer;opacity:0;padding:0 2px;font-size:14px;transition:opacity .15s}.playlist-item:hover .track-remove{opacity:1}.playlist-item .track-remove:hover{color:var(--error)}.playlist-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:12px}