@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";:root{--bg-deep:#000;--bg-panel:#121218d1;--bg-panel-hover:#1a1a22e6;--bg-input:#08080af2;--accent-cyan:#00f3ff;--accent-cyan-rgb:0, 243, 255;--accent-amber:#f97316;--accent-amber-rgb:249, 115, 22;--accent-violet:#d946ef;--accent-violet-rgb:217, 70, 239;--accent-green:#10b981;--accent-green-rgb:16, 185, 129;--border-subtle:#ffffff14;--border-focus:#00f3ff73;--border-focus-amber:#f9731673;--text-main:#f4f4f5;--text-muted:#a1a1aa;--text-dark:#52525b;--text-white:#fff;--font-heading:"Archivo Black", "Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--glass-shadow:0 12px 40px 0 #000000a6;--glow-cyan:0 0 15px #00f3ff59;--glow-amber:0 0 15px #f9731659;--radius-lg:4px;--radius-md:3px;--radius-sm:2px;--transition-fast:.1s ease;--transition-smooth:.25s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.app-container{background-image:radial-gradient(circle at 10% 20%,#00f3ff08 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffaa3308 0%,#0000 45%);grid-template-rows:70px 1fr 90px;width:100vw;height:100vh;display:grid;position:relative}.header-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#000000d9;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.logo-section{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-symbol{font-family:var(--font-heading);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-amber));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.logo-text{font-family:var(--font-heading);letter-spacing:.5px;color:var(--text-white);font-size:1.15rem;font-weight:600}.logo-subtitle{color:var(--text-muted);font-size:.75rem;display:block}.nav-links{gap:1.5rem;display:flex}.nav-item{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1rem;font-size:.95rem;font-weight:500;position:relative}.nav-item:hover{color:var(--text-white);background:#ffffff08}.nav-item.active{color:var(--accent-cyan)}.nav-item.active:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan) 50%, transparent);height:3px;box-shadow:0 0 8px var(--accent-cyan);border-radius:3px;position:absolute;bottom:-2px;left:10%;right:10%}.main-viewport{scroll-behavior:smooth;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2rem;overflow-y:auto}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border var(--transition-fast), transform var(--transition-smooth), box-shadow var(--transition-smooth);background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:20px 20px}.glass-panel:hover{border-color:#00f3ff33;box-shadow:0 12px 40px #00000073,0 0 15px #00f3ff0d}.page-title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;font-weight:300}.equalizer-icon{align-items:flex-end;gap:3px;width:20px;height:18px;display:flex}.eq-bar{background-color:var(--accent-cyan);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate bounce}.eq-bar:nth-child(2){background-color:var(--accent-amber);animation-delay:.2s}.eq-bar:nth-child(3){animation-delay:.4s}.eq-bar:nth-child(4){background-color:var(--accent-amber);animation-delay:.1s}@keyframes bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-container{grid-template-rows:60px 1fr 90px!important}.header-bar{justify-content:space-between;align-items:center;height:60px;padding:0 1rem;display:flex}.main-viewport{padding:1rem .5rem!important;overflow-y:auto!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#090a0fd9;border:1px solid #ffffff14;border-radius:20px;justify-content:space-around;align-items:center;width:calc(100% - 16px);max-width:480px;padding:.4rem .5rem;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000000b3,inset 0 1px #ffffff0d}.mobile-nav-item{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.3rem .6rem;font-weight:500;display:flex}.mobile-nav-item span:first-child{font-size:1.15rem;line-height:1.2}.mobile-nav-item span:last-child{letter-spacing:.3px;font-size:.6rem}.mobile-nav-item.active{color:var(--accent-cyan);text-shadow:0 0 8px #00f3ff4d}.mobile-nav-item.active span:first-child{transition:transform var(--transition-fast);transform:scale(1.1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.app-container.crt-monitor{position:relative}.app-container.crt-monitor:after{content:" ";z-index:9999;pointer-events:none;opacity:.18;will-change:opacity;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;display:block;position:fixed;inset:0}.app-container.crt-monitor:before{content:" ";z-index:9998;pointer-events:none;background:radial-gradient(circle,#0000 40%,#0000008c 130%);display:block;position:fixed;inset:0}.photocopy-grain:before{content:" ";opacity:.35;z-index:10000;pointer-events:none;background-image:repeating-radial-gradient(circle,#ffffff04 0,#00000005 1px,#0000 2px);background-size:4px 4px;display:block;position:fixed;inset:0}h1,h2,h3,.logo-text,.logo-symbol{line-height:.95;font-family:var(--font-heading)!important;text-transform:uppercase!important;letter-spacing:-2px!important;font-weight:900!important}.abel-glow-cyan{text-shadow:0 0 8px #00f3ffa6,0 0 15px #00f3ff40;color:var(--accent-cyan)!important}.abel-glow-amber{text-shadow:0 0 8px #f97316a6,0 0 15px #f9731640;color:var(--accent-amber)!important}.abel-glow-violet{text-shadow:0 0 8px #d946efa6,0 0 15px #d946ef40;color:var(--accent-violet)!important}.glass-panel{position:relative;border:1px solid #ffffff17!important;box-shadow:0 10px 30px #000c,inset 0 0 0 1px #ffffff05!important}.glass-panel:before{content:"MODEL: DELTA-8X // UNIT-90 // SYSTEM.ONLINE";font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.5px;opacity:.75;z-index:10;background:#000;border:1px solid #00f3ff40;border-radius:2px;padding:1px 4px;font-size:.45rem;position:absolute;top:-8px;left:12px}.glass-panel:after{content:"SIGNAL PROCESSOR // MEMORY BLOCK RD-90 // WARNING: HOT INTEGRATION";font-family:var(--font-mono);color:var(--text-dark);letter-spacing:.5px;opacity:.45;z-index:10;pointer-events:none;font-size:.45rem;position:absolute;bottom:6px;right:12px}.hazard-stripes{background:repeating-linear-gradient(-45deg, #000, #000 6px, var(--accent-amber) 6px, var(--accent-amber) 12px);width:100%;height:6px}.technical-decal{font-family:var(--font-mono);color:var(--accent-amber);letter-spacing:.5px;border:1px solid #f973164d;border-radius:2px;align-items:center;gap:4px;padding:2px 5px;font-size:.55rem;display:inline-flex}@keyframes crt-flicker{0%{opacity:.22}50%{opacity:.25}to{opacity:.23}}.archive-visualizer-backdrop{z-index:999999;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}:-webkit-any(:fullscreen .archive-visualizer-backdrop,:-webkit-full-screen .archive-visualizer-backdrop,.archive-visualizer-backdrop:fullscreen,.archive-visualizer-backdrop:-webkit-full-screen){background:#000!important;border:none!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;inset:0!important}:is(:fullscreen .archive-visualizer-backdrop,:fullscreen .archive-visualizer-backdrop,.archive-visualizer-backdrop:fullscreen,.archive-visualizer-backdrop:fullscreen){background:#000!important;border:none!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;inset:0!important}@media (orientation:landscape) and (height<=600px){.visualizer-header-bar{padding:.35rem .8rem!important}.visualizer-header-bar .live-rec-badge,.visualizer-header-bar .album-title-badge{display:none}.ken-burns-photo{max-height:94vh!important}}.visualizer-canvas-bg{object-fit:cover;filter:blur(28px)brightness(.35)saturate(1.2);pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.15)}.visualizer-canvas{z-index:1;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.1,.9,.2,1);display:flex;position:absolute;top:0;left:0}.ken-burns-photo{object-fit:contain;object-position:center 20%;filter:contrast(1.08)brightness(.95);width:100%;height:100%;max-height:82vh;margin:0 auto;animation:30s ease-in-out infinite alternate kenBurnsAnimation}@keyframes kenBurnsAnimation{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-8px,-6px)}to{transform:scale(1.02)translate(8px,6px)}}.visualizer-canvas.filter-warm-analog .ken-burns-photo{filter:sepia(.2)contrast(1.1)saturate(1.2)hue-rotate(-5deg)}.visualizer-canvas.filter-sepia-90s .ken-burns-photo{filter:sepia(.65)contrast(1.2)brightness(.9)}.visualizer-canvas.filter-vhs-blue .ken-burns-photo{filter:contrast(1.15)saturate(1.4)hue-rotate(15deg)brightness(.92)}.visualizer-canvas.filter-high-bw .ken-burns-photo{filter:grayscale()contrast(1.4)brightness(.85)}.vignette-overlay{pointer-events:none;background:radial-gradient(circle,#0000 35%,#000000bf 100%);position:absolute;inset:0}.crt-scanlines{pointer-events:none;opacity:.45;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;position:absolute;inset:0}.film-grain{opacity:.25;pointer-events:none;background-image:repeating-radial-gradient(circle,#ffffff05 0,#00000008 1px,#0000 2px);background-size:3px 3px;position:absolute;inset:0}.visualizer-header-bar,.visualizer-top-header{z-index:1000;pointer-events:auto;background:linear-gradient(#000000f2 0%,#0009 70%,#0000 100%);justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex;position:absolute;top:0;left:0;right:0}.vtr-status-pill{color:var(--accent-cyan);background:#000000a6;border:1px solid #00f3ff4d;border-radius:4px;align-items:center;gap:8px;padding:.4rem .8rem;font-size:.75rem;display:inline-flex;box-shadow:0 0 10px #00f3ff33}.rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulseRec;box-shadow:0 0 8px #ef4444}@keyframes pulseRec{0%{opacity:.3}to{opacity:1}}.vtr-time{color:#fff;opacity:.85;margin-left:6px}.preset-selector-row{gap:6px;display:flex}.preset-btn{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:#12121899;border:1px solid #ffffff26;border-radius:3px;padding:.3rem .6rem;font-size:.65rem;transition:all .15s}.preset-btn:hover{color:#fff;background:#ffffff1a}.preset-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff26;box-shadow:0 0 8px #00f3ff4d}.visualizer-close-btn{color:#fca5a5;font-family:var(--font-heading);cursor:pointer;background:#ef444433;border:1px solid #ef444480;border-radius:4px;padding:.4rem .8rem;font-size:.75rem;transition:all .15s}.visualizer-close-btn:hover{color:#fff;background:#ef4444;box-shadow:0 0 12px #ef444480}.photo-caption-badge{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-left:3px solid var(--accent-amber);color:#e4e4e7;background:#000000a6;border-radius:4px;align-items:center;gap:6px;max-width:90vw;padding:.35rem .75rem;font-size:.7rem;display:inline-flex;position:absolute;top:4.5rem;left:1.5rem}.chartshow-lower-third{z-index:20;-webkit-backdrop-filter:blur(16px);background:#0a0a0fe0;border-radius:6px;flex-direction:column;padding:.8rem 1.1rem;display:flex;position:absolute;bottom:5.5rem;overflow:hidden;box-shadow:0 15px 35px #000000d9}.chartshow-lower-third.box-track-trivia{border:1.5px solid #00f3ff59;border-left:5px solid var(--accent-cyan);width:480px;max-width:45vw;left:2rem;right:auto;box-shadow:0 15px 35px #000000d9,0 0 20px #00f3ff26}.chartshow-lower-third.box-band-history{border:1.5px solid #f9731659;border-left:5px solid var(--accent-amber);width:480px;max-width:45vw;left:auto;right:2rem;box-shadow:0 15px 35px #000000d9,0 0 20px #f9731626}.chartshow-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chartshow-badge{color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#00000080;border-radius:3px;padding:1px 5px;font-size:.65rem}.chartshow-body{color:#f4f4f5;max-height:95px;font-size:.76rem;line-height:1.4;overflow-y:auto}.trivia-animated-text{margin:0}.chartshow-accent-bar{background:linear-gradient(180deg, var(--accent-cyan) 0%, var(--accent-amber) 100%);width:6px;box-shadow:0 0 10px var(--accent-cyan)}.chartshow-content{flex-direction:column;flex:1;gap:4px;padding:1rem 1.25rem;display:flex}.chartshow-meta-row{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:.65rem;display:flex}.chartshow-tag{color:var(--accent-cyan);background:#00f3ff1a;border:1px solid #00f3ff33;border-radius:2px;padding:1px 5px}.chartshow-year{color:var(--accent-amber)}.chartshow-title{font-family:var(--font-heading);color:#fff;text-shadow:0 0 8px #ffffff4d;margin-bottom:2px;font-size:1.4rem;line-height:1.1}.chartshow-band-row{color:#e4e4e7;align-items:center;gap:6px;font-size:.85rem;display:flex}.chartshow-artist{color:var(--accent-cyan);font-weight:700}.chartshow-album{color:var(--text-muted)}.chartshow-trivia-box{background:#0009;border:1px solid #f9731659;border-radius:4px;margin-top:.6rem;padding:.6rem .8rem}.trivia-card-header{color:var(--accent-amber);align-items:center;gap:4px;margin-bottom:3px;font-size:.65rem;font-weight:600;display:flex}.trivia-card-body{color:#f4f4f5;font-size:.78rem;line-height:1.35}.typewriter-body{font-family:var(--font-mono);color:#f4f4f5;letter-spacing:.2px;font-size:.78rem;line-height:1.4}.typewriter-cursor{color:var(--accent-cyan);text-shadow:0 0 6px var(--accent-cyan);margin-left:2px;animation:.75s step-end infinite blinkTypewriterCursor;display:inline-block}@keyframes blinkTypewriterCursor{0%,to{opacity:1}50%{opacity:0}}.slide-up-fast{animation:.35s cubic-bezier(.2,.8,.2,1) forwards slideUpFast}@keyframes slideUpFast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-fast{animation:.25s forwards fadeInFast}@keyframes fadeInFast{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chartshow-history-panel{z-index:20;-webkit-backdrop-filter:blur(16px);background:#0a0a0fe0;border:1px solid #f9731659;border-radius:6px;width:calc(100vw - 4rem);max-width:460px;display:flex;position:absolute;top:4.5rem;right:2rem;overflow:hidden;box-shadow:0 15px 35px #000c,0 0 20px #f9731626}.chartshow-history-accent{background:linear-gradient(180deg, var(--accent-amber) 0%, var(--accent-cyan) 100%);width:6px;box-shadow:0 0 10px var(--accent-amber)}.chartshow-history-content{flex-direction:column;flex:1;gap:4px;padding:.85rem 1.1rem;display:flex}.chartshow-history-title-row{border-bottom:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:3px;display:flex}@media (width<=900px){.chartshow-history-panel{width:auto;max-width:calc(100vw - 1.6rem);inset:auto .8rem 19rem}}.visualizer-bottom-bar,.visualizer-bottom-controls{z-index:1000;pointer-events:auto;background:linear-gradient(#0000 0%,#0009 30%,#000000f2 100%);flex-direction:column;gap:8px;padding:0 1.5rem .8rem;display:flex;position:absolute;bottom:0;left:0;right:0}.progress-timeline-bar{background:#ffffff26;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-timeline-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-amber));height:100%;box-shadow:0 0 8px var(--accent-cyan);transition:width .2s linear}.controls-row{justify-content:space-between;align-items:center;display:flex}.photo-controls,.playback-controls{align-items:center;gap:8px;display:flex}.photo-counter{color:var(--text-muted);padding:0 4px;font-size:.75rem}.control-btn{color:#fff;font-family:var(--font-heading);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:.4rem .8rem;font-size:.7rem;transition:all .15s}.control-btn:hover{background:#fff3;border-color:#fff}.control-btn.play-btn{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff26}.control-btn.play-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 10px #00f3ff80}@media (width<=768px){.visualizer-top-header{padding:.6rem}.preset-selector-row{display:none}.chartshow-lower-third{bottom:4rem;left:.5rem;right:.5rem}.controls-row{flex-direction:column;gap:6px}}.notebook-journal-wrapper{perspective:1200px;width:100%;margin:1rem 0}.notebook-journal-card{color:#18181b;transform-origin:0;background:#fcfbfa repeating-linear-gradient(#fcfbfa,#fcfbfa 27px,#e5e7eb 28px);border:1px solid #d1d5db;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:320px;padding:1.8rem 1.8rem 1.2rem 2.4rem;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:relative;box-shadow:0 10px 25px -5px #0006,inset 0 0 40px #00000008}.notebook-journal-card.page-turning{opacity:.7;transform:rotateY(-18deg)scale(.97)}.notebook-ring-binder{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:12px;bottom:12px;left:8px}.ring-binder-hole{background:#27272a;border:2px solid #71717a;border-radius:50%;width:12px;height:12px;box-shadow:inset 1px 1px 3px #000c}.notebook-header-row{border-bottom:2px solid #ef4444;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.3rem;display:flex}.notebook-meta-left{align-items:center;display:flex}.journal-page-title{color:#047857;margin:.4rem 0 .6rem;font-size:1.1rem}.notebook-paper-body{flex-grow:1;min-height:160px;font-size:.92rem}.ink-pen-cursor{margin-left:3px;font-size:.9rem;animation:.4s infinite alternate inkPenWiggle;display:inline-block}@keyframes inkPenWiggle{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-3px)rotate(-8deg)}}.notebook-footer-row{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.6rem;display:flex}.notebook-author-sign{color:#475569;font-size:.85rem}.notebook-page-controls{align-items:center;gap:6px;display:flex}.notebook-btn{color:#f4f4f5;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:4px;padding:.25rem .6rem;font-size:.65rem;transition:all .15s}.notebook-btn:hover:not(:disabled){color:#fff;background:#000;border-color:#a1a1aa}.notebook-btn:disabled{opacity:.35;cursor:not-allowed}.notebook-btn.skip-btn{color:#c2410c;background:#f9731626;border-color:#f97316;font-size:.6rem}.notebook-btn.skip-btn:hover{color:#fff;background:#f97316}.page-num-pill{color:#64748b;padding:0 4px;font-size:.65rem}@media (width<=768px){.chartshow-lower-third{max-width:calc(100vw - 1.6rem);bottom:5rem;left:.8rem;right:.8rem}.chartshow-title{font-size:1.1rem}.photo-caption-badge{font-size:.65rem;top:3.8rem;left:.8rem}.preset-selector-row{display:none}}.life-roadmap-ribbon-container{background:#090a0fd9;border:1px solid #ffffff1f;border-radius:6px;margin:1.5rem 0 1rem;padding:.8rem 1rem;box-shadow:0 4px 15px #0006}.roadmap-ribbon-header{color:var(--accent-cyan);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:.6rem;font-size:.68rem;display:flex}.life-roadmap-ribbon{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.milestone-node{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:140px;padding:.6rem .8rem;transition:all .2s;display:flex;position:relative}.milestone-node:hover{background:#ffffff1a;border-color:#ffffff4d}.milestone-node.active{border-color:var(--accent-cyan);background:#00f3ff1f;box-shadow:0 0 12px #00f3ff4d}.milestone-year{color:var(--accent-amber);font-size:.65rem;font-weight:700}.milestone-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.milestone-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;margin-top:2px}.milestone-node.active .milestone-dot{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.split-memoir-container{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin-top:1rem;display:grid}.memoir-photo-column{width:100%}.photo-artifact-card{background:#18181b;border:1px solid #ffffff26;border-radius:6px;padding:1.2rem;position:relative;box-shadow:0 10px 30px #00000080}.photo-lightbox-frame{cursor:pointer;background:#000;border:4px solid #f4f4f5;border-radius:4px;width:100%;height:280px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.memoir-main-photo{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .3s}.photo-lightbox-frame:hover .memoir-main-photo{transform:scale(1.04)}.zoom-hover-badge{color:var(--accent-cyan);pointer-events:none;background:#000000bf;border:1px solid #00f3ff4d;border-radius:3px;padding:3px 7px;font-size:.6rem;position:absolute;bottom:8px;right:8px}.photo-caption-tag{color:var(--text-muted);text-align:center;margin-top:.6rem;font-size:.72rem}.photo-thumbnails-row{gap:6px;margin-top:.8rem;padding-bottom:4px;display:flex;overflow-x:auto}.thumbnail-btn{cursor:pointer;opacity:.6;background:#000;border:1px solid #fff3;border-radius:3px;width:54px;height:38px;padding:0;transition:all .15s;overflow:hidden}.thumbnail-btn:hover,.thumbnail-btn.active{opacity:1;border-color:var(--accent-cyan);box-shadow:0 0 8px #00f3ff66}.thumbnail-btn img{object-fit:cover;width:100%;height:100%}.era-metadata-box{background:#0006;border:1px dashed #ffffff26;border-radius:4px;flex-direction:column;gap:4px;margin-top:1rem;padding:.6rem .8rem;display:flex}.era-meta-item{justify-content:space-between;font-size:.68rem;display:flex}.meta-label{color:var(--text-muted)}.meta-val{color:#fff;font-weight:600}.chapter-nav-bar{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.6rem;display:flex}.chapter-counter{color:var(--text-muted);font-size:.7rem}.nav-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:.3rem .7rem;font-size:.65rem;transition:all .15s}.nav-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff33}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.memoir-journal-column{width:100%}@media (width<=900px){.split-memoir-container{grid-template-columns:1fr}}.story-view-mode-bar{margin-bottom:.5rem}.mode-switch-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;padding:.3rem .7rem;font-size:.68rem;transition:all .15s}.mode-switch-btn:hover{color:#fff;background:#ffffff26}.mode-switch-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff26;box-shadow:0 0 10px #00f3ff4d}.graphic-novel-viewport,.graphic-novel-viewport *,.comic-panel-card,.speech-bubble,.caption-box-yellow,.caption-text,.comic-sound-fx,.floating-sound-fx-pop{font-family:Comic Sans MS,Comic Sans,Comic Neue,cursive,sans-serif!important}.graphic-novel-viewport{width:100%;max-width:1100px;margin:0 auto}.comic-series-header{text-align:center;background:#090a0fd9;border:2px solid #ffffff26;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem;box-shadow:0 8px 25px #00000080}.comic-badge{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:3px;margin-bottom:.4rem;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.comic-main-title{letter-spacing:1px;margin:.2rem 0;font-size:1.8rem}.comic-subtitle{color:var(--accent-amber);margin-bottom:1rem;font-size:.75rem}.comic-issue-tabs{justify-content:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.comic-tab-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .8rem;transition:all .2s;display:flex}.comic-tab-btn:hover{background:#ffffff1f}.comic-tab-btn.active{border-color:var(--accent-amber);background:#f59e0b2e;box-shadow:0 0 12px #f59e0b66}.issue-num{color:var(--accent-cyan);font-size:.6rem}.issue-year{color:var(--accent-amber);font-size:.65rem;font-weight:700}.issue-title{color:#fff;font-size:.75rem}.comic-page-spread{background:#090a0f;border:4px solid #18181b;border-radius:8px;padding:1.2rem;position:relative;box-shadow:0 12px 35px #000000b3}.comic-page-header{border-bottom:2px solid var(--accent-amber);color:var(--accent-amber);justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.4rem;font-size:.72rem;display:flex}.comic-asymmetrical-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1.5rem;display:grid}.comic-panel-card.layout-splash{grid-column:1/-1}.comic-panel-card.layout-splash .comic-photo-frame{height:340px}.comic-panel-card.layout-tall{grid-row:span 2}.comic-panel-card.layout-tall .comic-photo-frame{height:440px}.comic-panel-card.layout-wide{grid-column:1/-1}.comic-panel-card.layout-wide .comic-photo-frame{height:280px}.speaker-name{color:var(--accent-amber);letter-spacing:.5px;margin-bottom:2px;font-size:.6rem;font-weight:700}.comic-panels-grid{gap:1.5rem;display:grid}.comic-panels-grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.comic-panels-grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.comic-panels-grid.grid-4{grid-template-columns:repeat(2,1fr)}.comic-panel-card{cursor:pointer;background:#fff;border:4px solid #000;border-radius:4px;flex-direction:column;height:100%;padding:8px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #000,0 12px 30px #000000b3}.comic-panel-card:hover{border-color:#000;transform:translateY(-4px)scale(1.01);box-shadow:8px 8px #000,0 15px 35px #00f3ff66}.comic-white-border-mat{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.panel-number-badge{z-index:5;color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#000;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:6px;left:6px}.comic-photo-frame{background:#000;border:2.5px solid #000;border-radius:2px;width:100%;height:240px;position:relative;overflow:hidden}.comic-photo-styled{object-fit:cover;object-position:center 20%;filter:contrast(1.35)saturate(1.25)sepia(.15)brightness(.95);width:100%;height:100%}.halftone-overlay{pointer-events:none;background-image:radial-gradient(#00000040 1px,#0000 1px);background-size:4px 4px;width:100%;height:100%;position:absolute;top:0;left:0}.comic-sound-fx{color:#000;letter-spacing:.5px;background:#f59e0b;border:2px solid #000;padding:3px 8px;font-size:.85rem;font-weight:900;position:absolute;top:10px;right:10px;transform:rotate(-6deg);box-shadow:2px 2px #000}.speech-bubble{color:#000;z-index:4;background:#fff;border:2px solid #000;border-radius:12px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;position:absolute;top:35px;left:12px;right:12px;box-shadow:3px 3px #0006}.speech-bubble-tail{border-top:8px solid #000;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:20px}.caption-box-yellow{color:#1c1917;background:#fef08a;border-top:2px solid #000;flex-grow:1;padding:.8rem 1rem}.caption-text{color:#000;font-size:.88rem;line-height:1.5}.comic-footer-bar{border-top:2px dashed #ffffff26;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:.8rem;display:flex}.comic-nav-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:#00f3ff26;border-radius:4px;padding:.4rem .9rem;font-size:.7rem;transition:all .15s}.comic-nav-btn:hover:not(:disabled){background:var(--accent-cyan);color:#000;box-shadow:0 0 10px #00f3ff80}.comic-nav-btn:disabled{opacity:.3;cursor:not-allowed}.issue-counter-pill{color:var(--text-muted);font-size:.7rem}.floating-sound-fx-pop{z-index:99999;color:#fff;font-family:var(--font-heading);pointer-events:none;background:#ef4444;border:4px solid #000;padding:.6rem 1.5rem;font-size:2rem;font-weight:900;position:fixed;top:20%;left:50%;transform:translate(-50%);box-shadow:5px 5px #000}@media (width<=768px){.comic-panels-grid.grid-4{grid-template-columns:1fr}}.comic-cropper-modal{background:#090a0f;border:4px solid #18181b;border-radius:8px;flex-direction:column;width:92vw;max-width:960px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000d9}.cropper-header{border-bottom:2px solid var(--accent-amber);color:var(--accent-amber);background:#18181b;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;font-size:.85rem;font-weight:700;display:flex}.cropper-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.cropper-body{grid-template-columns:1fr 340px;gap:1rem;padding:1.2rem;display:grid;overflow-y:auto}.cropper-viewport-container{-webkit-user-select:none;user-select:none;background:#000;border:2px dashed #fff3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.comic-frame-preview-box{background:#111;border:6px solid #fff;outline:4px solid #000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #000c}.comic-frame-preview-box.aspect-1-1{width:300px;height:300px}.comic-frame-preview-box.aspect-16-9{width:360px;height:202px}.comic-frame-preview-box.aspect-3-4{width:270px;height:360px}.comic-frame-preview-box.aspect-2-1{width:380px;height:190px}.cropper-target-img{pointer-events:none;max-width:none;transition:filter .2s}.cropper-target-img.filter-halftone{filter:contrast(1.35)saturate(1.25)sepia(.1)}.cropper-target-img.filter-bw-ink{filter:contrast(1.8)grayscale()brightness(.95)}.cropper-target-img.filter-popart{filter:contrast(1.5)saturate(1.6)brightness(1.05)}.cropper-drag-hint{color:var(--accent-cyan);pointer-events:none;background:#000c;border:1px solid #00f3ff4d;border-radius:3px;padding:3px 8px;font-size:.6rem;position:absolute;bottom:8px}.cropper-controls-panel{flex-direction:column;gap:1rem;display:flex}.cropper-control-group{flex-direction:column;gap:.4rem;display:flex}.cropper-control-group label{color:var(--accent-cyan);font-size:.68rem}.aspect-btn-row,.filter-btn-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.aspect-btn,.filter-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;padding:.4rem;font-size:.65rem;transition:all .15s}.aspect-btn:hover,.filter-btn:hover{background:#ffffff26}.aspect-btn.active,.filter-btn.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b33;box-shadow:0 0 8px #f59e0b4d}.cropper-slider{width:100%;accent-color:var(--accent-cyan);cursor:pointer}.cropper-actions-row{flex-direction:column;gap:6px;margin-top:auto;display:flex}.cropper-btn{cursor:pointer;border-radius:4px;padding:.6rem;font-size:.72rem;font-weight:700;transition:all .15s}.cropper-btn.apply-btn{color:#000;background:#f59e0b;border:2px solid #000;box-shadow:2px 2px #000}.cropper-btn.apply-btn:hover{background:#fbbf24;transform:translateY(-1px)}.cropper-btn.cancel-btn{color:#fff;background:#ffffff14;border:1px solid #fff3}@media (width<=800px){.cropper-body{grid-template-columns:1fr}}.fit-btn-row{gap:6px;display:flex}.fit-preset-btn{color:#fff;font-family:var(--font-heading);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:4px;flex:1;padding:.45rem .6rem;font-size:.64rem;transition:all .15s}.fit-preset-btn:hover{background:#ffffff26}.fit-preset-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f3ff2e;box-shadow:0 0 10px #00f3ff4d}.alignment-grid-3x3{grid-template-columns:repeat(3,1fr);gap:4px;width:120px;margin:0 auto;display:grid}.align-grid-btn{color:var(--accent-cyan);cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:3px;justify-content:center;align-items:center;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.align-grid-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 8px var(--accent-cyan)}.comic-edit-mode-toggle{border:1px solid var(--accent-amber);color:var(--accent-amber);font-family:var(--font-heading);cursor:pointer;background:#f59e0b26;border-radius:4px;padding:.35rem .8rem;font-size:.68rem;font-weight:700;transition:all .15s}.comic-edit-mode-toggle:hover{background:var(--accent-amber);color:#000;box-shadow:0 0 10px #f59e0b80}.comic-edit-mode-toggle.active{background:var(--accent-amber);color:#000;box-shadow:0 0 12px var(--accent-amber)}.add-panel-top-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;background:#00f3ff26;border-radius:4px;padding:.3rem .6rem;font-size:.65rem}.add-panel-top-btn:hover{background:var(--accent-cyan);color:#000}.panel-editor-toolbar{border-bottom:2px solid var(--accent-amber);z-index:10;background:#111;flex-direction:column;gap:6px;padding:.5rem .8rem;display:flex}.toolbar-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.toolbar-label{color:var(--accent-cyan);white-space:nowrap;font-size:.62rem}.panel-size-select{color:#fff;background:#000;border:1px solid #ffffff40;border-radius:3px;outline:none;flex-grow:1;padding:.25rem .4rem;font-size:.65rem}.height-presets-row{gap:4px;display:flex}.height-preset-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:3px;padding:2px 6px;font-size:.6rem}.height-preset-btn.active,.height-preset-btn:hover{background:var(--accent-amber);color:#000;border-color:var(--accent-amber)}.panel-move-btn-group{gap:3px;display:flex}.move-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;padding:2px 6px;font-size:.6rem}.move-btn:hover:not(:disabled){background:var(--accent-cyan);color:#000}.move-btn:disabled{opacity:.3}.move-btn.delete-panel-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.comic-panel-card.layout-large{grid-area:span 2/span 2}.comic-panel-card.layout-large .comic-photo-frame{height:480px}.comic-photo-styled.filter-pop-art{filter:contrast(1.4)saturate(1.65)brightness(1.05)sepia(.05)}.comic-photo-styled.filter-sepia-zine{filter:sepia(.7)contrast(1.18)brightness(.92)}.comic-photo-styled.filter-high-noir{filter:grayscale()contrast(1.8)brightness(.88)}.comic-photo-styled.filter-cyber-neon{filter:contrast(1.35)saturate(1.8)hue-rotate(170deg)brightness(.95)}.comic-photo-styled.filter-pulp-yellow{filter:sepia(.45)contrast(1.12)brightness(.98)hue-rotate(-10deg)}.comic-photo-styled.filter-technicolor{filter:contrast(1.5)saturate(2.4)brightness(1.02)}.mini-workbench-container{border:2px solid var(--accent-amber);background:#090a0f;border-radius:6px;margin-bottom:1rem;padding:.8rem}.mini-workbench-header{border-bottom:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.3rem;display:flex}.mini-workbench-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;max-height:380px;padding-right:4px;display:grid;overflow-y:auto}.mini-panel-box{background:#18181b;border:2px solid #000;border-radius:4px;padding:4px;position:relative;overflow:hidden}.mini-panel-box.layout-splash,.mini-panel-box.layout-wide{grid-column:1/-1}.mini-panel-box.layout-tall{grid-row:span 2}.mini-photo-frame{background:#000;width:100%;height:90px;position:relative;overflow:hidden}.mini-photo-styled{object-fit:cover;width:100%;height:100%}.chip-btn-group{flex-wrap:wrap;gap:4px;display:flex}.chip-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:3px;padding:.25rem .5rem;font-size:.62rem;transition:all .15s}.chip-btn:hover{color:#fff;background:#ffffff26}.chip-btn.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f9731633;box-shadow:0 0 6px #f973164d}.nudge-pad-grid{grid-template-columns:repeat(3,1fr);gap:3px;width:90px;display:grid}.nudge-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;padding:3px;font-size:.65rem}.nudge-btn:hover{background:var(--accent-cyan);color:#000}.photo-compositor-layer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.photo-compositor-layer.outgoing-layer{z-index:1}.photo-compositor-layer.primary-layer{z-index:2}.blend-normal{mix-blend-mode:normal}.blend-pin-light{mix-blend-mode:pin-light}.blend-linear-light{mix-blend-mode:hard-light;filter:contrast(1.4)brightness(1.1)}.blend-color-burn{mix-blend-mode:color-burn;filter:contrast(1.3)saturate(1.4)}.blend-color-dodge{mix-blend-mode:color-dodge;filter:brightness(1.2)}.blend-screen{mix-blend-mode:screen;filter:brightness(1.1)}.blend-overlay{mix-blend-mode:overlay;filter:contrast(1.25)}.blend-soft-light{mix-blend-mode:soft-light}.blend-hard-light{mix-blend-mode:hard-light}.blend-multiply{mix-blend-mode:multiply}.blend-difference{mix-blend-mode:difference}.blend-exclusion{mix-blend-mode:exclusion}.film-burn-flash-overlay{mix-blend-mode:screen;z-index:8;pointer-events:none;background:radial-gradient(circle at 40%,#fb923cd9,#ef444499,#f59e0b66,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes filmBurnFlare{0%{opacity:0;filter:blur();transform:scale(.9)rotate(-3deg)}30%{opacity:1;filter:blur(4px);transform:scale(1.05)rotate(1deg)}70%{opacity:.8;filter:blur(2px);transform:scale(1.02)rotate(-1deg)}to{opacity:0;filter:blur();transform:scale(1)rotate(0)}}.animate-film-burn{animation:1.4s ease-out forwards filmBurnFlare}.vhs-glitch-active{animation:.8s steps(4,end) forwards vhsGlitchJump}@keyframes vhsGlitchJump{0%{filter:hue-rotate();transform:translateY(0)}25%{filter:hue-rotate(45deg);transform:translateY(-4px)skew(2deg)}50%{filter:hue-rotate(-30deg);transform:translateY(5px)skew(-2deg)}75%{filter:hue-rotate(15deg);transform:translateY(-2px)}to{filter:hue-rotate();transform:translateY(0)}}.artifact-pip-card{z-index:12;background:#fdfbf7;border:4px solid #fff;border-radius:3px;outline:2px solid #000;width:210px;max-width:25vw;padding:4px;position:absolute;top:75px;bottom:auto;right:25px;overflow:hidden;transform:rotate(3deg);box-shadow:0 15px 35px #000000d9,4px 4px #0009}.scotch-tape-corner{z-index:14;background:#fef08aa6;border:1px solid #fff6;width:45px;height:16px;position:absolute;top:-6px;left:20px;transform:rotate(-12deg);box-shadow:0 2px 4px #0003}.artifact-type-badge{color:var(--accent-amber);text-align:center;letter-spacing:.5px;background:#18181b;border-bottom:1px solid #000;padding:2px 6px;font-size:.58rem;font-weight:700}.artifact-pip-img{object-fit:cover;width:100%;height:auto;max-height:180px;display:block}.cinematic-pull-quote-card{border:1px solid #00f3ff59;border-left:4px solid var(--accent-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:11;background:#090a0fd9;border-radius:4px;align-items:flex-start;gap:8px;max-width:520px;padding:.8rem 1.2rem;display:flex;position:absolute;bottom:95px;left:30px;box-shadow:0 10px 30px #000c}.quote-mark{color:var(--accent-cyan);font-family:Georgia,serif;font-size:2rem;line-height:1}.quote-body{color:#fff;margin:0;font-size:.82rem;line-height:1.5}.clean-broadcast-mode{cursor:none}.exit-clean-mode-btn{z-index:99999;border:1px solid var(--accent-amber);color:var(--accent-amber);cursor:pointer;background:#000000d9;border-radius:4px;padding:4px 10px;font-size:.7rem;position:fixed;top:15px;right:15px}.obs-broadcast-btn{font-weight:700;color:#fca5a5!important;background:#ef444440!important;border-color:#ef4444!important}.track-timeline-editor-wrapper{background:#00000080;border:1.5px solid #00f3ff59;border-radius:6px;margin-top:1rem;padding:1rem;box-shadow:0 4px 20px #0006}.timeline-editor-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.timeline-sizing-toolbar{background:#0006;border:1px solid #ffffff14;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:.5rem;padding:.35rem .6rem;display:flex}.timeline-scrubber-container{scrollbar-width:thin;scrollbar-color:var(--accent-cyan) #090a0f;border-radius:4px;margin:.8rem 0;position:relative}.timeline-scrubber-container::-webkit-scrollbar{height:6px}.timeline-scrubber-container::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.timeline-scrubber-track{cursor:crosshair;background:#06070a;border:2px solid #00f3ff40;border-radius:4px;height:88px;transition:height .2s;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #000000e6}.timeline-waveform-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-playhead-line{z-index:8;pointer-events:none;background:#ef4444;width:2px;transition:left 50ms linear;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ef4444}.playhead-glow-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:-4px;box-shadow:0 0 10px #ef4444}.timeline-tick-start,.timeline-tick-mid,.timeline-tick-end{color:var(--text-muted);pointer-events:none;z-index:2;font-size:.55rem;position:absolute;bottom:2px}.timeline-tick-start{left:6px}.timeline-tick-mid{left:50%;transform:translate(-50%)}.timeline-tick-end{right:6px}.timeline-cue-pin{background:var(--accent-cyan);cursor:pointer;z-index:5;width:2px;transition:transform .15s;position:absolute;top:0;bottom:0}.timeline-cue-pin.selected{background:var(--accent-amber);z-index:10}.cue-pin-flag{border:1px solid var(--accent-cyan);color:var(--accent-cyan);white-space:nowrap;pointer-events:none;background:#18181b;border-radius:2px;padding:1px 4px;font-size:.55rem;position:absolute;top:2px;left:4px}.timeline-cue-pin.selected .cue-pin-flag{border-color:var(--accent-amber);color:var(--accent-amber);background:#000;font-weight:700}.cue-pin-dot{background:var(--accent-cyan);width:10px;height:10px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;position:absolute;bottom:2px;left:-4px}.timeline-cue-pin.selected .cue-pin-dot{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.daw-automation-lanes-wrapper{background:#06070af2;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;gap:3px;margin-top:4px;padding:4px;display:flex}.daw-lane-row{background:#ffffff05;border-radius:3px;align-items:center;height:24px;display:flex;overflow:hidden}.daw-lane-row.photo-reel-lane{height:38px}.daw-lane-label{width:120px;min-width:120px;color:var(--text-muted);white-space:nowrap;border-right:1px solid #ffffff1a;align-items:center;padding:0 6px;font-size:.55rem;display:flex}.daw-lane-track{flex:1;height:100%;position:relative}.daw-lane-block{cursor:pointer;white-space:nowrap;border:1px solid #ffffff26;border-radius:2px;align-items:center;padding:0 4px;transition:all .15s;display:flex;position:absolute;top:1px;bottom:1px;overflow:hidden}.daw-lane-block:hover{filter:brightness(1.3);z-index:5}.daw-lane-block.selected{z-index:6;outline:2px solid #fff;box-shadow:0 0 8px #ffffff80}.lane-trans{background:linear-gradient(90deg,#ef444459 0%,#f59e0b40 100%);border-color:#ef444480}.lane-motion{background:linear-gradient(90deg,#00f3ff40 0%,#3b82f640 100%);border-color:#00f3ff66}.lane-filter{background:#a855f740;border-color:#a855f780}.filter-badge-warm-analog{background:#f59e0b40;border-color:#f59e0b}.filter-badge-high-bw{background:#fff3;border-color:#fff}.filter-badge-sepia-90s{background:#d9770640;border-color:#d97706}.filter-badge-vhs-blue{background:#0ea5e940;border-color:#0ea5e9}.lane-photo{background:#0009;border-color:#fff3;gap:4px;display:flex}.lane-video{background:linear-gradient(90deg,#10b9814d 0%,#06b6d44d 100%);border-color:#10b98180}.lane-video.selected{z-index:8!important;outline:2px solid #34d399!important;box-shadow:0 0 10px #10b98199!important}.visualizer-longplaying-video-underlay{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.video-vault-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98140;border-color:#34d399!important}.video-vault-card.selected{box-shadow:0 0 14px #10b98173;border-color:#10b981!important}.lane-photo-thumb{object-fit:cover;border:1px solid #ffffff4d;border-radius:2px;width:28px;height:90%}.lane-badge{color:#fff;text-shadow:0 1px 2px #000;font-size:.52rem}.cue-pills-row{gap:6px;margin-bottom:.8rem;padding-bottom:6px;display:flex;overflow-x:auto}.cue-pill-btn{cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:6px;padding:.3rem .6rem;transition:all .15s;display:flex}.cue-pill-btn:hover{background:#ffffff1f}.cue-pill-btn.active{border-color:var(--accent-cyan);background:#00f3ff2e;box-shadow:0 0 8px #00f3ff4d}.pill-num{color:#fff;font-size:.62rem;font-weight:700}.pill-time{color:var(--accent-amber);font-size:.62rem}.pill-trans{color:var(--text-muted);font-size:.58rem}.cue-inspector-card{background:#0d0e14;border:1px solid #ffffff26;border-radius:5px;padding:.8rem 1rem}.cue-preview-strip{background:#0000004d;border:1px dashed #ffffff1a;border-radius:4px;align-items:center;gap:10px;margin-top:.8rem;padding:.5rem;display:flex}.mini-photo-thumb{background:#000;border:1px solid #fff3;border-radius:3px;flex-shrink:0;width:70px;height:50px;position:relative;overflow:hidden}.mini-photo-thumb img{object-fit:cover;width:100%;height:100%}.mini-photo-thumb.artifact-thumb{border-color:var(--accent-amber)}.thumb-tag{color:var(--accent-cyan);text-align:center;font-size:.48rem;font-family:var(--font-mono);background:#000c;position:absolute;bottom:0;left:0;right:0}.mini-quote-preview{color:var(--text-muted);text-overflow:ellipsis;font-size:.72rem;font-style:italic;overflow:hidden}.style-customizer-toggle-btn{font-weight:700;color:#d8b4fe!important;background:#a855f733!important;border-color:#a855f7!important}.style-customizer-toggle-btn.active{box-shadow:0 0 10px #a855f7;color:#000!important;background:#a855f7!important}.style-customizer-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#090a0ff2;border:1.5px solid #a855f7;border-radius:6px;width:540px;max-width:90vw;padding:1rem 1.2rem;position:absolute;top:55px;right:20px;box-shadow:0 20px 45px #000000e6,0 0 20px #a855f740}.drawer-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.5rem;display:flex}.drawer-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:1rem}.drawer-close-btn:hover{color:#fff;background:#ffffff1a}.drawer-grid-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.drawer-control-group{flex-direction:column;gap:4px;display:flex}.color-swatches-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.swatch-btn{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;transition:transform .15s,border-color .15s}.swatch-btn:hover{border-color:#fff;transform:scale(1.2)}.swatch-btn.active{border-color:#fff;transform:scale(1.25);box-shadow:0 0 8px #fffc}@keyframes motionZoomIn{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(-1%,-1%)}}@keyframes motionZoomOut{0%{transform:scale(1.15)translate(-1%,-1%)}to{transform:scale(1)translate(0)}}@keyframes motionPanLeft{0%{transform:scale(1.08)translate(3%)}to{transform:scale(1.08)translate(-3%)}}@keyframes motionPanRight{0%{transform:scale(1.08)translate(-3%)}to{transform:scale(1.08)translate(3%)}}@keyframes motionPanUp{0%{transform:scale(1.08)translateY(3%)}to{transform:scale(1.08)translateY(-3%)}}@keyframes motionPulse{0%{transform:scale(1.02)}50%{transform:scale(1.09)}to{transform:scale(1.02)}}.ken-burns-photo.motion-zoom-in{animation:22s ease-in-out infinite alternate motionZoomIn}.ken-burns-photo.motion-zoom-out{animation:22s ease-in-out infinite alternate motionZoomOut}.ken-burns-photo.motion-pan-left{animation:24s ease-in-out infinite alternate motionPanLeft}.ken-burns-photo.motion-pan-right{animation:24s ease-in-out infinite alternate motionPanRight}.ken-burns-photo.motion-pan-up{animation:24s ease-in-out infinite alternate motionPanUp}.ken-burns-photo.motion-static{animation:none!important;transform:scale(1)!important}.ken-burns-photo.motion-pulse{animation:8s ease-in-out infinite alternate motionPulse}.visualizer-canvas.filter-halftone img.ken-burns-photo{filter:contrast(1.4)saturate(1.2)sepia(.15)brightness(.95)}.visualizer-canvas.filter-cyber-cyan img.ken-burns-photo{filter:hue-rotate(170deg)saturate(1.4)contrast(1.25)}.visualizer-canvas.filter-posterize img.ken-burns-photo{filter:contrast(2)saturate(1.6)brightness(1.05)}.visualizer-canvas.filter-inverted img.ken-burns-photo{filter:invert(.9)hue-rotate(180deg)contrast(1.2)}.visualizer-canvas.filter-mono-bw img.ken-burns-photo,.visualizer-canvas.filter-high-bw img.ken-burns-photo{filter:grayscale()contrast(1.45)brightness(.92)}.visualizer-canvas.filter-mono-high-contrast img.ken-burns-photo{filter:grayscale()contrast(2.2)brightness(.88)}.visualizer-canvas.filter-mono-soft-matte img.ken-burns-photo{filter:grayscale()contrast(.92)brightness(1.12)sepia(.1)}.visualizer-canvas.filter-duo-cyan img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(145deg)saturate(650%)brightness(.92)}.visualizer-canvas.filter-duo-amber img.ken-burns-photo,.visualizer-canvas.filter-sepia-90s img.ken-burns-photo{filter:grayscale()contrast(1.35)sepia()hue-rotate(5deg)saturate(450%)brightness(.92)}.visualizer-canvas.filter-duo-rose img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(295deg)saturate(650%)brightness(.95)}.visualizer-canvas.filter-duo-emerald img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(90deg)saturate(550%)brightness(.88)}.visualizer-canvas.filter-duo-purple img.ken-burns-photo{filter:grayscale()contrast(1.45)sepia()hue-rotate(245deg)saturate(600%)brightness(.92)}.visualizer-canvas.filter-duo-red img.ken-burns-photo{filter:grayscale()contrast(1.6)sepia()hue-rotate(330deg)saturate(700%)brightness(.85)}.visualizer-canvas.filter-duo-yellow img.ken-burns-photo{filter:grayscale()contrast(1.5)sepia()hue-rotate(28deg)saturate(600%)brightness(1.05)}.visualizer-canvas.filter-duo-cobalt img.ken-burns-photo{filter:grayscale()contrast(1.4)sepia()hue-rotate(190deg)saturate(650%)brightness(.88)}.timeline-photo-picker-drawer{border:1.5px solid var(--accent-cyan);background:#090a0f;border-radius:6px;margin-top:.8rem;padding:.8rem 1rem;box-shadow:0 10px 30px #000c}.picker-thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:220px;padding:4px;display:grid;overflow-y:auto}.picker-thumb-card{cursor:pointer;background:#000;border:1px solid #fff3;border-radius:4px;height:80px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.picker-thumb-card:hover{border-color:var(--accent-cyan);transform:scale(1.04);box-shadow:0 0 10px #00f3ff66}.picker-thumb-card img{object-fit:cover;width:100%;height:100%}.picker-thumb-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;font-family:var(--font-mono);background:#000000d9;padding:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.batch-uploader-backdrop{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#000000e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.batch-uploader-modal{border:2px solid var(--accent-cyan);background:#0d0e15;border-radius:8px;flex-direction:column;width:680px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000f2,0 0 25px #00f3ff40}.batch-uploader-header{background:#090a0f;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.batch-drop-zone{text-align:center;cursor:pointer;background:#00f3ff08;border:2px dashed #00f3ff66;border-radius:6px;margin:1rem 1.2rem .6rem;padding:1.8rem 1rem;transition:all .2s}.batch-drop-zone:hover,.batch-drop-zone.drag-over{border-color:var(--accent-cyan);background:#00f3ff14;box-shadow:0 0 20px #00f3ff33}.drop-zone-icon{margin-bottom:6px;font-size:2rem}.drop-zone-title{color:#fff;margin:0 0 4px;font-size:.85rem}.drop-zone-sub{color:#9ca3af;margin:0;font-size:.65rem}.batch-progress-hud{background:#08090d;border:1px solid #ffffff1f;border-radius:6px;margin:.6rem 1.2rem;padding:.8rem 1rem}.batch-progress-bar-track{background:#18181b;border:1px solid #ffffff1a;border-radius:5px;width:100%;height:10px;overflow:hidden}.batch-progress-bar-fill{background:linear-gradient(90deg, var(--accent-cyan) 0%, #10b981 100%);height:100%;box-shadow:0 0 10px var(--accent-cyan);transition:width .25s ease-out}.batch-files-queue-list{flex-direction:column;gap:4px;max-height:220px;margin:.4rem 1.2rem;padding-right:4px;display:flex;overflow-y:auto}.queue-file-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.72rem;display:flex}.queue-file-item.status-done{background:#10b9810d;border-color:#10b9814d}.queue-file-item.status-uploading{background:#00f3ff0d;border-color:#00f3ff66}.queue-file-item.status-converting{background:#f59e0b0d;border-color:#f59e0b66}.queue-file-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:260px;overflow:hidden}.queue-status-tag{border-radius:3px;padding:2px 6px;font-size:.62rem;font-weight:700}.queue-status-tag.pending{color:#9ca3af;background:#ffffff14}.queue-status-tag.converting{color:var(--accent-amber);border:1px solid var(--accent-amber);background:#f59e0b26}.queue-status-tag.uploading{color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#00f3ff26}.queue-status-tag.done{color:#10b981;background:#10b98126;border:1px solid #10b981}.queue-status-tag.error{color:#ef4444;background:#ef444426;border:1px solid #ef4444}.queue-remove-btn{color:#71717a;cursor:pointer;background:0 0;border:none;padding:2px 4px}.queue-remove-btn:hover{color:#ef4444}.batch-uploader-footer{background:#090a0f;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.drawer-tabs-row{border-bottom:1px solid #ffffff1f;gap:4px;margin-bottom:10px;padding-bottom:6px;display:flex;overflow-x:auto}.drawer-tab-btn{color:#9ca3af;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;padding:4px 8px;font-size:.62rem;transition:all .15s}.drawer-tab-btn:hover{color:#fff;background:#ffffff1a}.drawer-tab-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);font-weight:700;box-shadow:0 0 10px #00f3ff66}.drawer-tab-content{min-height:140px}.oscilloscope-canvas-container{pointer-events:none;z-index:15;position:absolute;left:0;right:0}.oscilloscope-canvas-container.pos-bottom{bottom:0}.oscilloscope-canvas-container.pos-mid{bottom:30%}.oscilloscope-canvas-container.pos-top{top:15%}.oscilloscope-canvas{width:100%;height:100%;display:block}.rgb-split-layer{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.rgb-split-layer.rgb-red{filter:drop-shadow(0 0 red)saturate(2)brightness(1.2);opacity:.75}.rgb-split-layer.rgb-cyan{filter:drop-shadow(0 0 #0ff)saturate(2)brightness(1.2);opacity:.75}.prism-ghost-layer{pointer-events:none;mix-blend-mode:screen;filter:blur(1px)contrast(1.1);width:100%;height:100%;position:absolute;inset:0}@keyframes prismDrift{0%{transform:rotate(2deg)scale(1.04)translate(0)}50%{transform:rotate(-3deg)scale(1.08)translate(-10px,5px)}to{transform:rotate(2deg)scale(1.04)translate(0)}}.animate-prism-drift{animation:20s ease-in-out infinite alternate prismDrift}.film-border-frame-overlay{pointer-events:none;z-index:20;box-sizing:border-box;position:absolute;inset:0}.frame-sprocket-35mm{border:36px solid #060608;border-width:36px 12px;box-shadow:inset 0 0 25px #000000f2}.sprocket-track{color:#fbbf24;letter-spacing:3px;opacity:.85;text-shadow:0 0 4px #fbbf2499;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:absolute;left:0;right:0}.sprocket-track.top{top:-30px}.sprocket-track.bottom{bottom:-30px}.frame-medium-120mm{border:24px solid #050507;box-shadow:inset 0 0 40px #000000fa,0 0 10px #000}.frame-slide-mount{border:32px solid #e7e5e4;box-shadow:inset 0 0 15px #0009}.frame-polaroid-classic{border:18px solid #f5f5f4;border-bottom-width:65px;box-shadow:inset 0 0 20px #00000080}.film-grain-dust-overlay{pointer-events:none;z-index:12;background-image:radial-gradient(#ffffff26 1px,#0000 0);background-size:4px 4px;position:absolute;inset:0}@keyframes grainNoise{0%{transform:translate(0)}25%{transform:translate(-2px,3px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-1px,-3px)}to{transform:translate(0)}}.animate-grain{animation:.2s steps(2,end) infinite grainNoise}.halftone-zine-overlay{pointer-events:none;z-index:13;mix-blend-mode:overlay;background-image:radial-gradient(#000 20%,#0000 20%);background-size:6px 6px;position:absolute;inset:0}.light-leaks-overlay{pointer-events:none;z-index:14;mix-blend-mode:screen;background:radial-gradient(circle at 10% 20%,#f59e0b73 0%,#0000 45%),radial-gradient(circle at 90% 80%,#f43f5e59 0%,#0000 40%),radial-gradient(circle,#00f3ff40 0%,#0000 50%);position:absolute;inset:0}@keyframes lightLeaksMotion{0%{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.15)rotate(8deg)}to{opacity:.3;transform:scale(1)rotate(0)}}.animate-light-leaks{animation:16s ease-in-out infinite alternate lightLeaksMotion}.tilt-shift-blur-layer{pointer-events:none;z-index:10;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 25% 75%,#000 100%);mask-image:linear-gradient(#000 0%,#0000 25% 75%,#000 100%)}.visualizer-canvas.solarize-active img.ken-burns-photo{filter:contrast(1.8)invert(.25)hue-rotate(15deg)brightness(1.1)}.movable-spectrum-container{pointer-events:none;z-index:25;position:absolute;overflow:hidden}.movable-spectrum-container.pos-bottom-flush{bottom:0;left:0;right:0}.movable-spectrum-container.pos-above-controls{bottom:68px;left:0;right:0}.movable-spectrum-container.pos-floating-mid{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff14;border-radius:8px;bottom:22%;left:5%;right:5%}.movable-spectrum-container.pos-top-flush{top:55px;left:0;right:0}.movable-spectrum-canvas{width:100%;height:100%;display:block}.rack-panel-center{perspective:1500px;position:relative}.screen-flip-container{width:100%;height:100%;min-height:585px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.screen-flip-container.flipped{transform:rotateY(180deg)}.screen-front,.screen-back{backface-visibility:hidden;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.screen-back{transform:rotateY(180deg)}.turntable-deck{-webkit-user-select:none;user-select:none;background:#02070f;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:8px;display:flex}.vertical-highway{-webkit-user-select:none;user-select:none;background:#000;border-radius:6px 6px 0 0;flex-shrink:0;width:226px;height:180px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000000f2}.deck-a-highway{border:1px solid #00f3ff73;border-bottom:none;box-shadow:0 -4px 12px #00f3ff26,inset 0 0 15px #000000f2}.deck-b-highway{border:1px solid #ff00ff73;border-bottom:none;box-shadow:0 -4px 12px #ff00ff26,inset 0 0 15px #000000f2}.highway-block-container{flex-direction:column;flex-shrink:0;width:226px;margin:6px auto;display:flex}.highway-mixing-row{background:#030812;border-radius:0 0 6px 6px;flex-shrink:0;width:226px;height:70px;margin:0;position:relative}.deck-a-mixing-row{border:1px solid #00f3ff73;border-top-color:#00f3ff33;box-shadow:0 4px 12px #00f3ff26,inset 0 0 10px #000c}.deck-b-mixing-row{border:1px solid #ff00ff73;border-top-color:#f0f3;box-shadow:0 4px 12px #ff00ff26,inset 0 0 10px #000c}.highway-mixing-col{width:28px;position:absolute;top:0;bottom:0}.highway-mix-label{text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:28px;height:12px;font-family:monospace;font-size:.44rem;font-weight:700;position:absolute;top:56px;left:0}.highway-lane-line{pointer-events:none;z-index:1;background:#00f3ff59;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #00f3ff66}.highway-playhead-line{z-index:5;pointer-events:none;border-bottom:2px solid #ffe600;height:0;position:absolute;bottom:35px;left:0;right:0;box-shadow:0 0 6px #ffe600}.highway-target-circle{z-index:4;pointer-events:none;background:0 0;border-style:solid;border-width:1.5px;border-radius:50%;width:8px;height:8px;transition:background 80ms,box-shadow 80ms;position:absolute;bottom:31px}.highway-label{text-align:center;z-index:4;pointer-events:none;width:12px;font-family:monospace;font-size:.38rem;font-weight:700;position:absolute;bottom:6px}.highway-events-container{will-change:transform;backface-visibility:hidden;pointer-events:none;z-index:2;position:absolute;bottom:35px;left:0;right:0;transform:translate(0,0)}.vinyl-platter-wrapper{width:250px;height:250px;margin:6px auto;position:relative}.vinyl-platter{cursor:grab;transform-origin:50%;will-change:transform;backface-visibility:hidden;border-radius:50%;width:100%;height:100%;transition:none;position:relative;transform:translate(0,0)rotate(0);box-shadow:0 8px 16px #0009,inset 0 0 10px #000c,0 0 4px #00f3ff1a}.vinyl-platter:active{cursor:grabbing}.ring-track-gpu{box-sizing:border-box;transform-origin:50%;will-change:transform;opacity:.18;backface-visibility:hidden;border:1.8px dashed;border-radius:50%;transition:opacity .2s;position:absolute;transform:translate(0,0)rotate(0)}.ring-dot-gpu{will-change:opacity;opacity:0;backface-visibility:hidden;background:#fff;border:1.5px solid;border-radius:50%;width:7px;height:7px;transition:opacity .1s;position:absolute;top:-4.5px;left:calc(50% - 3.5px)}.performance-pads-grid{grid-template-rows:repeat(2,1fr);gap:6px;width:100%;padding:4px;display:grid}.performance-pads-grid-2x4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:8px;width:100%;padding:4px;display:grid}.performance-pads-grid-2x4 .perf-pad{aspect-ratio:1;padding:6px 4px;position:relative}.perf-pad-routing-badges{pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:3px;left:3px}.pad-badge-fx{color:#c58cff;background:#b446ff40;border:1px solid #b446ff99;border-radius:2px;padding:0 2px;font-size:.38rem;line-height:1}.pad-badge-pan{color:#6cf;background:#00b4ff40;border:1px solid #00b4ff99;border-radius:2px;padding:0 2px;font-size:.38rem;line-height:1}.pad-badge-dry{color:#a0aec0;background:#71809626;border:1px solid #718096;border-radius:2px;padding:0 2px;font-size:.38rem;line-height:1}.performance-pads-row{grid-template-columns:repeat(8,1fr);gap:4px;width:100%;display:grid}.perf-pad{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden;background:#0a0f19b3;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-family:monospace;font-weight:700;transition:transform 80ms,background 80ms,box-shadow 80ms;display:flex;position:relative;transform:translate(0,0);box-shadow:inset 0 1px #ffffff0d}.perf-pad.active,.perf-pad[data-active=true]{transform:scale(.96)}.perf-pad.selected{z-index:2;box-shadow:0 0 10px var(--pad-color,#00f3ff), inset 0 0 6px var(--pad-color,#00f3ff)!important;border-color:#fff!important}.perf-pad.drag-hover{z-index:3;background:#ffaa0026!important;border-color:#fa0!important;box-shadow:0 0 15px #fa0,inset 0 0 8px #fa0!important}.perf-pad[data-loaded=true]{border-color:color-mix(in srgb, var(--pad-color,#fff) 45%, transparent);background:color-mix(in srgb, var(--pad-color,#fff) 8%, transparent);color:var(--pad-color,#fff);box-shadow:inset 0 0 6px color-mix(in srgb, var(--pad-color,#fff) 10%, transparent)}.perf-pad[data-active=true][data-loaded=true]{background:var(--pad-color,#fff);color:#000;box-shadow:0 0 15px var(--pad-color,#fff), inset 0 0 4px #fffc;border-color:#fff}.perf-pad[data-pending=true]{animation:.5s ease-in-out infinite pad-pending-pulse}.perf-pad.slice-loaded{color:#ffe600;background:#ffe6000d;border-color:#ffe60059}.perf-pad.slice-active{transform:scale(.96);color:#000!important;background:#ffe600!important;border-color:#fff!important;box-shadow:0 0 15px #ffe600,inset 0 0 4px #fffc!important}.perf-pad-label{font-size:.52rem;line-height:1}.perf-pad-name{color:#fff;opacity:.8;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;margin-top:2px;font-size:.36rem;overflow:hidden}.mixer-column{background:#010408;border-left:1px solid #00f3ff1a;border-right:1px solid #00f3ff1a;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;height:100%;padding:8px 6px;display:flex}.mixer-eq-section{justify-content:center;align-items:center;width:100%;display:flex}.mixer-eq-channel{flex-direction:column;align-items:center;gap:4px;display:flex}.mixer-eq-label{color:#8ce;text-transform:uppercase;font-family:monospace;font-size:.42rem}.mixer-vertical-slider{writing-mode:vertical-lr;cursor:pointer;accent-color:#ffe600;direction:rtl;width:8px;height:48px;margin:0}.mixer-vol-faders{justify-content:space-around;width:100%;margin:8px 0;display:flex}.mixer-fader-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.mixer-fader-label{color:#ffe600;font-family:monospace;font-size:.5rem;font-weight:700}.mixer-vol-slider{writing-mode:vertical-lr;cursor:pointer;accent-color:#ffe600;will-change:transform;backface-visibility:hidden;direction:rtl;width:12px;height:85px;transform:translate(0,0)}.crossfader-section{flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:4px;display:flex}.crossfader-label{color:#ffe600;letter-spacing:1px;font-family:monospace;font-size:.48rem}.crossfader-slider{cursor:pointer;accent-color:#ffe600;will-change:transform;backface-visibility:hidden;width:100%;height:10px;transform:translate(0,0)}@keyframes pulse-red{0%{background:#f053}to{background:#ff0055b3}}.delta7-hardware-chassis{color:#e2e8f0;-webkit-user-select:none;user-select:none;background-color:#040509;background-image:linear-gradient(#00f3ff08 1px,#0000 1px),linear-gradient(90deg,#00f3ff08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #00f3ff59;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem;display:flex;box-shadow:0 25px 60px #000000f2,0 0 40px #00f3ff26,inset 0 0 30px #00f3ff0d}.rack-header-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;z-index:1000;background:#0a0c12f2;border:1px solid #ff00ff40;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;display:flex;position:relative;box-shadow:0 4px 20px #00000080,0 0 12px #ff00ff26}.branding-title{letter-spacing:5px;color:#fff;text-shadow:0 0 5px #00f3ff,0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #f0f;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:2rem;font-weight:900}.branding-sub{color:#00f3ff;letter-spacing:2px;text-shadow:0 0 5px #00f3ff80;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.telemetry-bar{color:#00f3ff;align-items:center;gap:8px;font-family:monospace;font-size:.65rem;display:flex}.telemetry-led{background:#111;border:1px solid #00f3ff;border-radius:50%;width:8px;height:8px;transition:background .15s}.telemetry-led.led-on{background:#0f6;box-shadow:0 0 8px #0f6,0 0 15px #0f6}.telemetry-led.led-midi{background:#ffe600;box-shadow:0 0 8px #ffe600,0 0 15px #ffe600}.rack-main-grid{grid-template-columns:260px 1fr 270px;gap:1.25rem;display:grid}.steel-plate{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c12b8;border:1px solid #00f3ff38;border-radius:12px;flex-direction:column;gap:1rem;padding:.85rem;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 8px 32px #000000b3,0 0 15px #00f3ff14,inset 0 1px #ffffff14}.steel-plate:hover{border-color:#00f3ff59;box-shadow:0 12px 40px #000c,0 0 25px #00f3ff26,inset 0 1px #ffffff1f}.section-label{color:#f0f;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 5px #ff00ff80;border-bottom:2px solid #00f3ff;margin-bottom:.5rem;padding-bottom:.25rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:800}.fx-bloom-section{box-sizing:border-box;will-change:filter, box-shadow, transform;background:#00000040;border:1px solid #ffffff0d;border-radius:6px;width:100%;margin-bottom:8px;padding:8px 10px;transition:border-color .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s cubic-bezier(.25,.8,.25,1),filter .25s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1)}.fx-bloom-section.active-bloom-cyan{filter:drop-shadow(0 0 3px #00f3ff33);transform:scale(1.008);box-shadow:0 0 15px #00f3ff33,inset 0 0 8px #00f3ff1a;border-color:#00f3ff80!important}.fx-bloom-section.active-bloom-magenta{filter:drop-shadow(0 0 3px #f0f3);transform:scale(1.008);box-shadow:0 0 15px #f0f3,inset 0 0 8px #ff00ff1a;border-color:#ff00ff80!important}.fx-bloom-section.active-bloom-reverb{filter:drop-shadow(0 0 3px #d000ff33);transform:scale(1.008);box-shadow:0 0 15px #d000ff33,inset 0 0 8px #d000ff1a;border-color:#d000ff80!important}.fx-bloom-section.active-bloom-stutter{filter:drop-shadow(0 0 3px #f053);transform:scale(1.008);box-shadow:0 0 15px #f053,inset 0 0 8px #ff00551a;border-color:#ff005580!important}.tape-leslie-deck{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.tape-deck-reels{background:#00000080;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:20px;width:100%;margin:.5rem 0;padding:8px 16px;display:flex}.tape-reel{transform-origin:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tape-reel.spinning{animation:linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tape-knobs-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:8px 10px;width:100%;margin-top:.4rem;display:grid}.leslie-separator{background:linear-gradient(90deg,#0000,#00f3ff33,#0000);width:100%;height:1px;margin:.5rem 0}.btn-xs.active-cyan{color:#000;text-shadow:none;background:#00f3ff;border-color:#fff;font-weight:800;box-shadow:0 0 8px #00f3ff}.btn-xs.active-magenta{color:#000;text-shadow:none;background:#f0f;border-color:#fff;font-weight:800;box-shadow:0 0 8px #f0f}.btn-glitch-active{font-weight:900;animation:.15s infinite alternate pulse-yellow;color:#000!important;text-shadow:none!important;background:#ffe600!important;border-color:#fff!important;box-shadow:0 0 15px #ffe600,0 0 30px #ffe600!important}@keyframes pulse-yellow{0%{transform:scale(1)}to{transform:scale(1.05)}}.joystick-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.joystick-well{cursor:grab;background:#000;border:2px solid #00f3ff;border-radius:50%;width:90px;height:90px;position:relative;overflow:hidden;box-shadow:0 0 12px #00f3ff4d,inset 0 0 15px #00f3ff66}.joystick-well:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#0000 30%,#00f3ff1a 70%),linear-gradient(#00f3ff0d 1px,#0000 1px),linear-gradient(90deg,#00f3ff0d 1px,#0000 1px);background-size:100% 100%,15px 15px,15px 15px;position:absolute;inset:0}.joystick-well:active{cursor:grabbing}.joystick-handle{width:28px;height:28px;transition:transform 50ms ease-out;position:absolute;top:calc(50% - 14px);left:calc(50% - 14px)}.joystick-cap{background:#f05;border:2px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 10px #f05,0 0 20px #f05}.joystick-readout{color:#00f3ff;text-shadow:0 0 3px #00f3ff4d;font-size:.65rem}.ribbon-wrapper{flex-direction:column;gap:.25rem;display:flex}.ribbon-strip{cursor:crosshair;background:#000;border:2px solid #f0f;border-radius:4px;height:18px;position:relative;box-shadow:0 0 8px #ff00ff4d}.ribbon-indicator{background:#00f3ff;width:4px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff}.realtime-knobs-section{flex-direction:column;gap:.5rem;display:flex}.knob-mode-toggle{gap:4px;display:flex}.knob-quad{background:#000000d9;border:1px solid #f0f;border-radius:6px;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;display:grid;box-shadow:inset 0 0 5px #f0f3}.blue-screen-border{background:#000;border:3px solid #39ff14;border-radius:8px;padding:.5rem;box-shadow:0 0 20px #39ff144d,inset 0 0 10px #39ff1433}.lcd-bezel-shadow{background:radial-gradient(circle,#02122b 0%,#00040f 100%);border:1px solid #00f3ff;border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden}.screen-header-tabs{background:#000;border-bottom:2px solid #00f3ff;flex-shrink:0;align-items:center;gap:1px;padding:0 4px;display:flex;overflow-x:auto}.tab-btn{color:#08c;cursor:pointer;background:0 0;border:none;padding:.4rem .65rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;transition:color .15s,background .15s}.tab-btn:hover{color:#00f3ff;background:#00f3ff1a}.tab-btn.active-mode{color:#ffe600;text-shadow:0 0 5px #ffe600;font-weight:800}.tab-btn.active-tab{color:#00f3ff;text-shadow:0 0 8px #00f3ff;background:#00f3ff0d;border-top:1.5px solid #00f3ff}.divider-line{background:#00f3ff20;width:1px;height:18px;margin:0 4px}.screen-content-viewport{color:#00f3ff;flex-direction:column;flex-grow:1;padding:.75rem;display:flex;overflow-y:auto}.lcd-page{flex-direction:column;gap:.75rem;height:100%;display:flex}.lcd-patch-card{background:#000;border:1.5px dashed #00f3ff;border-radius:4px;padding:.5rem .75rem;box-shadow:0 0 8px #00f3ff1a}.lcd-cat-tag{color:#ffe600;letter-spacing:1.5px;text-shadow:0 0 4px #ffe600;font-size:.6rem}.lcd-patch-name{color:#fff;text-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff;margin:.2rem 0;font-family:Outfit,sans-serif;font-size:1.15rem}.lcd-routing-row{color:#5af;text-shadow:0 0 3px #5af6;gap:1.5rem;margin-top:.3rem;font-size:.62rem;display:flex}.lcd-scope-canvas{background:#000;border:2px solid #00f3ff;border-radius:4px;width:100%;height:90px;box-shadow:0 0 10px #00f3ff33}.box-section-sub{background:#000;border:1px solid #00f3ff;border-radius:5px;flex-direction:column;gap:.4rem;padding:.5rem;display:flex;box-shadow:0 0 8px #00f3ff1a}.box-section-sub h3,.box-section-sub h4{color:#fff;text-shadow:0 0 5px #00f3ff;border-bottom:1px solid #00f3ff30;margin-bottom:.2rem;padding-bottom:.2rem;font-family:Outfit,sans-serif;font-size:.75rem}.flex-row-sub{justify-content:space-between;align-items:center;gap:8px;font-family:sans-serif;font-size:.68rem;display:flex}.flex-row-sub label{color:#5af;text-shadow:0 0 3px #55aaff4d;flex-shrink:0;width:70px}.flex-row-sub select,.flex-row-sub input[type=number]{color:#fff;text-shadow:0 0 3px #00f3ff;background:#000;border:1px solid #00f3ff;border-radius:2px;outline:none;padding:1px 4px;font-size:.68rem}.flex-row-sub input[type=range]{accent-color:#00f3ff;flex-grow:1;height:3px}.row-grid-2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.canvas-container-sub{cursor:crosshair;background:#000;border:1px solid #00f3ff;border-radius:4px;overflow:hidden}.eg-draw-canvas{width:100%;height:60px;display:block}.eg-stages-labels{color:#00f3ff;justify-content:space-between;margin-top:.2rem;font-size:.6rem;display:flex}.kaoss-pad-container{color:#ffe600;background:#000;border:2px solid #f50;border-radius:8px;flex-direction:column;gap:.5rem;padding:.65rem;display:flex;box-shadow:0 0 15px #ff55004d,inset 0 0 10px #ff55001a}.kaoss-targets-selectors{flex-direction:column;gap:3px;display:flex}.target-select-row{color:#f50;text-shadow:0 0 3px #ff55004d;justify-content:space-between;font-size:.6rem;display:flex}.target-select-row select{color:#ffe600;text-shadow:0 0 3px #ffe600;background:#000;border:1px solid #f50;border-radius:3px;outline:none;max-width:130px;font-size:.6rem}.kaoss-touchpad{cursor:crosshair;background:radial-gradient(circle,#1b0000 0%,#000 100%);border:2px solid #f50;border-radius:6px;height:110px;position:relative;overflow:hidden}.kaoss-touchpad canvas{will-change:transform;backface-visibility:hidden;transform:translate(0,0)}.kaoss-touchpad.glow-red{border-color:#f05;box-shadow:0 0 15px #f05,0 0 25px #ff00554d}.kaoss-crosshair{pointer-events:none;background:#f50;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:left 50ms ease-out,bottom 50ms ease-out;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 10px #f50,0 0 20px #f50}.kaoss-gridlines{pointer-events:none;background-image:linear-gradient(#ff550026 1px,#0000 1px),linear-gradient(90deg,#ff550026 1px,#0000 1px);background-size:15px 15px;position:absolute;inset:0}.grid-center-cross{background:#ff55004d;width:1px;position:absolute;top:0;bottom:0;left:50%}.kaoss-footer-actions{justify-content:space-between;align-items:center;display:flex}.coord-readout{color:#f50;font-size:.62rem}.patches-quick-category{flex-direction:column;gap:.4rem;display:flex}.patches-grid-buttons{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.combi-select-buttons{border-top:1px solid #f0f3;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:.2rem;padding-top:.4rem;display:grid}.patch-select-key{color:#00f3ff;cursor:pointer;text-shadow:0 0 2px #00f3ff;background:#000;border:1px solid #00f3ff;border-radius:4px;padding:.35rem 0;font-size:.65rem;font-weight:800;box-shadow:0 0 5px #00f3ff33}.patch-select-key:hover{background:#00f3ff26;box-shadow:0 0 8px #00f3ff}.patch-select-key.key-selected{color:#000;text-shadow:none;background:#00f3ff;border-color:#fff;box-shadow:0 0 12px #00f3ff,0 0 20px #00f3ff}.patch-select-key.combi-key{color:#f0f;text-shadow:0 0 2px #f0f;border-color:#f0f;box-shadow:0 0 5px #f0f3}.patch-select-key.combi-key:hover{background:#ff00ff26;box-shadow:0 0 8px #f0f}.patch-select-key.key-selected-combi{color:#000;text-shadow:none;background:#f0f;border-color:#fff;box-shadow:0 0 12px #f0f,0 0 20px #f0f}.keyboard-section-bezel{background:#000;border:3px solid #f0f;border-radius:6px;padding:.5rem;box-shadow:0 0 15px #ff00ff4d}.white-black-keys-row{background:#000;border-radius:3px;height:100px;display:flex;position:relative;overflow:hidden}.piano-key{cursor:pointer;border:1px solid #111;outline:none;flex:1;position:relative}.white-key{z-index:1;background:#000f1ef2;border:1px solid #00f3ff4d}.white-key:after{content:"";border:1px solid #0000;transition:border-color .1s;position:absolute;inset:0}.white-key:hover{border-color:#00f3ff;box-shadow:inset 0 0 8px #00f3ff4d}.black-key{z-index:2;background:#000;border:1px solid #ff00ff80;width:4%;height:60px;margin-left:-2%;margin-right:-2%;box-shadow:0 0 6px #f0f3}.black-key:hover{border-color:#f0f;box-shadow:0 0 10px #f0f}.piano-key.key-triggered{background:#ffe600!important;border-color:#fff!important;box-shadow:0 0 15px #ffe600,0 0 25px #ffe600!important}.label-key-c{color:#00f3ff;text-shadow:0 0 3px #00f3ff;font-size:.65rem;font-weight:800;position:absolute;bottom:4px;left:calc(50% - 4px)}.keyboard-footer-strip{color:#00f3ff;justify-content:space-between;align-items:center;padding-top:.4rem;display:flex}.keyboard-notes-display{color:#5af;text-shadow:0 0 3px #5af6;font-size:.65rem}.btn{cursor:pointer;text-shadow:0 0 2px;border:1px solid #0000;border-radius:4px;font-family:Outfit,sans-serif;font-weight:700;transition:background .1s,border-color .1s,box-shadow .1s,color .1s}.btn-xs{color:#f0f;background:#000;border:1px solid #f0f;padding:2px 6px;font-size:.55rem}.btn-xs.active-amber{color:#000;text-shadow:none;background:#f0f;border-color:#fff;box-shadow:0 0 8px #f0f}.btn-sm{color:#00f3ff;background:#000;border:1.5px solid #00f3ff;padding:.35rem .75rem;font-size:.72rem;box-shadow:0 0 6px #00f3ff33}.btn-sm:hover{background:#00f3ff26;box-shadow:0 0 10px #00f3ff}.btn-sm.active-red{color:#fff;text-shadow:none;background:#f05;border-color:#fff;box-shadow:0 0 12px #f05,0 0 20px #f05}.btn-panic{color:#ef4444;background:#000;border-color:#ef4444;box-shadow:0 0 6px #ef444433}.btn-panic:hover{background:#ef444426;box-shadow:0 0 10px #ef4444}.text-cyan{color:#00f3ff;text-shadow:0 0 6px #00f3ff}.knob-label{text-transform:uppercase;color:#00f3ff;letter-spacing:1px;text-shadow:0 0 3px #00f3ff66;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:800}.mappings-tag-grid{background:#000;border:1px solid #00f3ff30;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:3px;max-height:80px;margin-top:.3rem;padding:.3rem;display:grid;overflow-y:auto}.mapping-item-tag{color:#fff;border-bottom:1px solid #00f3ff1a;justify-content:space-between;font-size:.58rem;display:flex}.param-label-tag{color:#00f3ff}.cc-number-tag{color:#f0f;text-shadow:0 0 2px #f0f}.dashboard-grid{grid-template-columns:320px 1fr;gap:12px;height:250px;display:grid}.preset-dashboard-container{background:#00000073;border-right:1px solid #00f3ff26;flex-direction:column;gap:8px;padding:6px;display:flex;overflow-y:auto}.preset-category-group{flex-direction:column;gap:4px;display:flex}.category-header{color:#f0f;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #ff00ff26;margin-bottom:2px;padding-bottom:2px;font-size:.58rem;font-weight:700}.category-buttons-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.preset-card{cursor:pointer;background:#0a0c12cc;border:1px solid #00f3ff26;border-radius:4px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:34px;padding:4px 6px;transition:background .1s,border-color .1s,box-shadow .1s;display:flex}.preset-card .card-id{color:#00f3ff;opacity:.8;font-size:.5rem;line-height:1}.preset-card .card-name{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.58rem;font-weight:500;line-height:1.2;overflow:hidden}.preset-card:hover{background:#00f3ff26;border-color:#00f3ff66;box-shadow:0 0 6px #00f3ff26}.preset-card.selected{background:#00f3ff40;border-color:#00f3ff;box-shadow:0 0 8px #00f3ff40}.preset-card.combi .card-id{color:#f0f}.preset-card.combi.selected{background:#ff00ff40;border-color:#f0f;box-shadow:0 0 8px #ff00ff40}.dashboard-main-view{flex-direction:column;gap:6px;display:flex;overflow:hidden}.segmented-strip{background:#0009;border:1px solid #00f3ff40;border-radius:4px;padding:1px;display:flex;overflow:hidden}.segmented-grid{background:#0006;border:1px solid #00f3ff33;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.segmented-btn{color:#8ce;font-family:var(--font-mono);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:2px;padding:2px 4px;font-size:.54rem;transition:background .1s,color .1s}.segmented-btn:hover{color:#fff;background:#00f3ff26}.segmented-btn.active{color:#000;background:#00f3ff;font-weight:700;box-shadow:0 0 6px #00f3ff}.segmented-btn:disabled{opacity:.3;cursor:not-allowed;color:#8ce!important;box-shadow:none!important;background:0 0!important}.target-select-row-new{flex-direction:column;gap:2px;display:flex}.target-row-label{color:#f50;letter-spacing:.5px;font-size:.55rem;font-weight:700}.target-btn-strip{flex-wrap:wrap;gap:2px;display:flex}.target-btn{color:#ffe600;font-family:var(--font-mono);cursor:pointer;background:#000;border:1px solid #ff55004d;border-radius:3px;padding:2px 4px;font-size:.52rem;transition:background .1s,border-color .1s,color .1s}.target-btn:hover{background:#ff550026;border-color:#f509}.target-btn.selected-x{color:#fff;background:#f50;border-color:#fff;font-weight:700;box-shadow:0 0 6px #f50}.target-btn.selected-y{color:#fff;background:#f05;border-color:#fff;font-weight:700;box-shadow:0 0 6px #f05}.sampler-page-lcd{flex-direction:column;gap:.6rem;display:flex}.mic-level-meter-container{background:#00f3ff0a;border:1px solid #00f3ff26;border-radius:4px;padding:6px 10px}.mic-level-bar-label{color:#00f3ffbf;margin-bottom:3px;font-size:.55rem}.mic-level-bar-track{background:#020d1e;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.mic-level-bar-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#0f6 0%,#ffe600 70%,#f05 100%);border-radius:3px;width:100%;height:100%;transition:none;transform:scaleX(0)}.active-yellow{color:#ffe600!important;background:#ffe60026!important;border-color:#ffe600!important;box-shadow:0 0 6px #ffe6004d!important}.active-red{color:#fff!important;background:#ff005540!important;border-color:#f05!important;box-shadow:0 0 8px #ff005580!important}.active-green{color:#0f6!important;background:#00ff6626!important;border-color:#0f6!important;box-shadow:0 0 6px #00ff664d!important}.active-pink{color:#f0f!important;background:#ff00ff26!important;border-color:#f0f!important;box-shadow:0 0 6px #ff00ff4d!important}@keyframes blink-rec{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.blinking{animation:1s infinite blink-rec}.waveform-draw-canvas{box-shadow:inset 0 0 10px #00f3ff26}.sampler-help-alert{color:#00f3ff;text-align:center;font-size:.62rem;font-family:var(--font-mono);text-shadow:0 0 2px #00f3ff66;background:#00f3ff0d;border:1px dashed #00f3ff4d;border-radius:4px;margin-top:6px;padding:6px 10px}.deck-lower-controls{box-sizing:border-box;background:#00000040;border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:1fr 52px;gap:8px;width:100%;margin-top:auto;padding:8px;display:grid}.deck-left-panel{flex-direction:column;gap:8px;display:flex}.deck-pitch-section{background:#00000059;border:1px solid #ffffff0a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;display:flex}.deck-pitch-slider-wrapper{justify-content:center;align-items:center;height:120px;display:flex}.deck-pitch-slider{writing-mode:vertical-lr;cursor:pointer;accent-color:#ffe600;direction:rtl;width:16px;height:110px}.deck-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.deck-btn{text-transform:uppercase;cursor:pointer;color:#888;-webkit-user-select:none;user-select:none;background:#0a0f19cc;border:1px solid #ffffff26;border-radius:4px;flex:1;justify-content:center;align-items:center;height:24px;font-family:monospace;font-size:.55rem;font-weight:700;transition:background .1s,border-color .1s,color .1s,transform .1s;display:flex}.deck-btn:active{transform:scale(.95)}.deck-btn-sync{color:#00f3ff;border-color:#00f3ff}.deck-btn-sync.active{color:#000;background:#00f3ff;box-shadow:0 0 8px #00f3ff}.deck-btn-cue{color:#fa0;border-color:#fa0}.deck-btn-cue.active{color:#000;background:#fa0;box-shadow:0 0 8px #fa0}.deck-btn-play{color:#0f6;border-color:#0f6}.deck-btn-play.active{color:#000;background:#0f6;box-shadow:0 0 8px #0f6}.deck-loop-display{color:#0f6;text-shadow:0 0 3px #0f6;background:#000;border:1px solid #ffffff14;border-radius:3px;flex:1;justify-content:center;align-items:center;height:22px;font-family:monospace;font-size:.55rem;display:flex}.deck-readout-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-family:monospace;font-size:.45rem}.perf-timeline-panel{box-sizing:border-box;background:#020509;border-top:1px solid #ffffff14;flex-direction:column;height:120px;padding:2px;display:flex}.perf-timeline-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2px;padding:2px 4px;display:flex}.perf-timeline-title{color:#f0f;letter-spacing:1px;font-family:monospace;font-size:.45rem;font-weight:700}.perf-timeline-controls{align-items:center;gap:6px;display:flex}.perf-timeline-body{flex:1;min-height:0;display:flex;position:relative}.perf-timeline-labels{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0000004d;border-right:1px solid #ffffff1a;flex-direction:column;width:25px;padding-top:12px;display:flex}.perf-lane-label{text-align:center;box-sizing:border-box;border-bottom:1px solid #ffffff08;height:5.5px;font-family:monospace;font-size:.35rem;font-weight:700;line-height:5.5px}.perf-lane-label.label-deck-a{color:#00f3ff}.perf-lane-label.label-deck-b{color:#f0f}.perf-timeline-scroll-container{background:#0003;flex:1;position:relative;overflow:auto hidden}.perf-timeline-scroll-container::-webkit-scrollbar{height:4px}.perf-timeline-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.perf-timeline-grid-canvas{box-sizing:border-box;height:100%;padding-top:12px;position:relative}.perf-timeline-grid-line{pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.perf-timeline-grid-line.minor{border-left:1px dashed #ffffff0a}.perf-timeline-grid-line.major{border-left:1px solid #ffffff1f}.beat-number{color:#ffffff59;font-family:monospace;font-size:.32rem;position:absolute;top:1px;left:2px}.perf-timeline-lane{box-sizing:border-box;border-bottom:1px solid #ffffff08;height:5.5px;position:relative}.perf-timeline-pill{opacity:.85;border-radius:1.5px;height:3.5px;position:absolute;top:1px}.perf-timeline-playhead{z-index:10;pointer-events:none;background:#ffe600;width:1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ffe600}.perf-pad.pending{animation:.3s infinite alternate perf-pad-blink}@keyframes perf-pad-blink{0%{opacity:.4;filter:brightness(.6)}to{opacity:1;filter:brightness(1.4)drop-shadow(0 0 5px)}}.pad-fx-popover-overlay{z-index:9999;background:0 0;position:fixed;inset:0}.pad-fx-popover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;z-index:10000;background:#0d1420f5;border:1px solid #00f3ff73;border-radius:8px;flex-direction:column;gap:12px;width:240px;padding:14px;font-family:Inter,system-ui,sans-serif;animation:.15s cubic-bezier(.16,1,.3,1) popoverFadeIn;display:flex;position:absolute;box-shadow:0 10px 30px #000000d9,0 0 15px #00f3ff26}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.popover-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:6px;display:flex}.popover-title{color:#00f3ff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.popover-close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.95rem;line-height:1;transition:color .2s}.popover-close-btn:hover{color:#f56565}.popover-field{flex-direction:column;gap:5px;display:flex}.popover-field label{color:#a0aec0;text-transform:uppercase;font-size:.72rem;font-weight:500}.popover-select{color:#fff;cursor:pointer;background:#1a202ccc;border:1px solid #ffffff26;border-radius:4px;outline:none;padding:6px;font-size:.75rem;transition:border-color .2s}.popover-select:focus{border-color:#00f3ff}.popover-slider-row{align-items:center;gap:8px;display:flex}.popover-slider-row input[type=range]{accent-color:#00f3ff;cursor:pointer;flex:1}.popover-val-span{color:#00f3ff;text-align:right;min-width:36px;font-family:monospace;font-size:.75rem}.popover-reset-hint{color:#718096;text-align:center;margin-top:-4px;font-size:.62rem}.perf-pad-rev-badge,.perf-pad-loop-badge,.perf-pad-trigger-mode-badge,.perf-pad-eq-badge{cursor:pointer;z-index:5;color:#aaa;background:#ffffff14;border:1px solid #fff3;border-radius:2px;padding:1px 3px;font-size:.42rem;line-height:1;position:absolute}.perf-pad-rev-badge{bottom:2px;left:2px}.perf-pad-rev-badge[data-active=true]{color:#f44;background:#ff464640;border-color:#f44}.perf-pad-loop-badge{bottom:2px;right:2px}.perf-pad-loop-badge[data-active=true]{background:color-mix(in srgb, var(--pad-color,#fff) 25%, transparent);border-color:var(--pad-color,#fff);color:var(--pad-color,#fff)}.perf-pad-trigger-mode-badge{color:#888;background:#ffffff0d;padding:1px 3.5px;font-size:.4rem;font-weight:700;top:2px;right:2px}.perf-pad-trigger-mode-badge[data-mode=latch]{color:#00f3ff;background:#00f3ff33;border-color:#00f3ff;box-shadow:0 0 4px #00f3ff}.perf-pad-trigger-mode-badge[data-mode=free]{color:#0f8;background:#0f83;border-color:#0f8;box-shadow:0 0 4px #0f8}.perf-pad-trigger-mode-badge[data-mode=flux]{color:#ff0080;background:#ff008033;border-color:#ff0080;box-shadow:0 0 4px #ff0080}.perf-pad-eq-badge{color:#888;background:#ffffff0d;padding:1px 3.5px;font-size:.4rem;font-weight:700;top:2px;left:2px}.perf-pad-eq-badge[data-active=true]{color:#00f3ff;background:#00f3ff33;border-color:#00f3ff;box-shadow:0 0 4px #00f3ff}.perf-pad-trigger-mode-badge[data-mode=queue]{color:#fa0;background:#fa03;border-color:#fa0;box-shadow:0 0 4px #fa0}.perf-pad[data-macro-mapped=true]{outline-offset:-2px!important;outline:2px dashed #fa0!important}.pad-badge-fx[data-has-color=true]{border-color:var(--pad-color,#c58cff);color:var(--pad-color,#c58cff);background:color-mix(in srgb, var(--pad-color,#c58cff) 10%, transparent)}.editor-status-msg{color:#0f6;text-shadow:0 0 4px #0f66;font-family:monospace;font-size:.58rem;font-weight:700}.editor-sel-msg{color:#00f3ff;font-family:monospace;font-size:.58rem}.editor-hint-msg{color:#888;font-size:.55rem;font-style:italic}.editor-toolbar-row{border-top:1px dashed #00f3ff1a;align-items:center;gap:8px;margin-top:4px;padding-top:4px;display:grid}.editor-flex-row{align-items:center;gap:4px;display:flex}.editor-flex-row-gap6{align-items:center;gap:6px;display:flex}.btn-editor-sm{margin:0;padding:2px 4px;font-size:.6rem}.btn-editor-md{margin:0;padding:2px 6px;font-size:.65rem}.label-cyan{color:#00f3ff}.label-magenta{color:#f0f}.label-yellow{color:#ffe600}.label-green{color:#0f8}.label-blue{color:#8ce}.label-red{color:#f05}.slice-editor-panel{background:#0000004d;border:1px dashed #00f3ff33;border-radius:4px;margin-top:6px;padding:5px 8px}.slice-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.deck-layout-wrapper{background:#020509;flex-direction:column;flex-grow:1;height:calc(100% - 32px);min-height:0;display:flex}.deck-grid-layout{flex-grow:1;grid-template-columns:1fr 130px 1fr;min-height:0;display:grid;overflow:hidden}.deck-header-label{flex-direction:column;align-items:center;width:100%;display:flex}.deck-title-text{letter-spacing:2px;font-family:monospace;font-size:.65rem;font-weight:700}.deck-title-text-a{color:#00f3ff}.deck-title-text-b{color:#f0f}.platter-overlay-svg{pointer-events:none;z-index:3;position:absolute;top:0;left:0}.btn-fit-bpm{color:#ffe600;cursor:pointer;vertical-align:middle;background:0 0;border-color:#ffe600;height:14px;margin:0;padding:1px 4px;font-size:.52rem;line-height:1}.range-compact{will-change:transform;backface-visibility:hidden;flex-grow:1;height:6px;transform:translate(0,0)}.range-compact-8{will-change:transform;backface-visibility:hidden;flex-grow:1;height:8px;transform:translate(0,0)}.value-readout{text-align:right;color:#fff;width:42px;font-family:monospace;font-size:.52rem}.value-readout-sm{text-align:right;color:#ffe600;width:22px;font-family:monospace;font-size:.52rem}.val-white-55{color:#fff;font-size:.55rem}.val-white-58{color:#fff;font-size:.58rem}.btn-seg-xs{padding:1px 2px;font-size:.52rem}.btn-seg-sm{padding:1px 3px;font-size:.5rem}.btn-seg-pad0{padding:0 2px;font-size:.5rem}.param-box{background:#0006;border:1px solid #00f3ff14;border-radius:4px;padding:4px 6px}.ring-track-static{transform-origin:125px 125px;opacity:.18;transition:opacity .2s}.ring-dot-static{opacity:0;transform-origin:125px 125px;transition:opacity .1s}.eq-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#04070dbf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s cubic-bezier(.16,1,.3,1) fade-in;display:flex;position:fixed;top:0;left:0}.eq-modal-window{background:#0d121ee0;border:1px solid #00f3ff33;border-radius:8px;flex-direction:column;width:600px;padding:18px;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;display:flex;box-shadow:0 20px 40px #0009,0 0 30px #00f3ff0d}.eq-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.eq-global-toggle-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.55rem;font-weight:700;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.eq-global-toggle-btn[data-active=true]{color:#00f3ff;background:#00f3ff33;border-color:#00f3ff;box-shadow:0 0 6px #00f3ff66}.eq-modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .1s}.eq-modal-close:hover{color:#fff}.eq-modal-body{flex-direction:column;gap:12px;display:flex}.eq-graph-container{box-shadow:inset 0 0 15px #00000080}.eq-bands-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.eq-band-card{background:#151c2b66;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;gap:8px;padding:8px 10px;transition:opacity .2s,border-color .2s;display:flex}.eq-band-card-header{justify-content:space-between;align-items:center;display:flex}.eq-band-card-title{color:#ffffffb3;letter-spacing:.5px;font-family:monospace;font-size:.58rem;font-weight:700}.eq-band-bypass-btn{color:#777;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:2px;padding:1px 4px;font-family:monospace;font-size:.45rem;font-weight:700;transition:background .1s,border-color .1s,color .1s}.eq-band-bypass-btn[data-active=true]{color:#0f8;background:#00ff8826;border-color:#0f8}.eq-band-card-body{flex-direction:column;gap:6px;display:flex}.eq-control-group{justify-content:space-between;align-items:center;gap:6px;display:flex}.eq-label{color:#8c9ba5;text-transform:uppercase;font-family:monospace;font-size:.45rem}.eq-select{color:#00f3ff;cursor:pointer;background:#0a0e16d9;border:1px solid #ffffff1f;border-radius:3px;outline:none;height:16px;padding:1px 3px;font-family:monospace;font-size:.48rem}.eq-slider-row{flex-direction:column;gap:2px;display:flex}.eq-slider-labels{justify-content:space-between;align-items:center;display:flex}.eq-val{color:#fff;font-size:.48rem}.eq-range-input{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:3px}.eq-range-input::-webkit-slider-thumb{appearance:none;background:#00f3ff;border-radius:50%;width:9px;height:9px;transition:transform .1s;box-shadow:0 0 4px #00f3ff99}.eq-range-input::-webkit-slider-thumb:hover{transform:scale(1.25)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-seg-sm{color:#8ce;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;background:0 0;border:1px solid #00f3ff33;border-radius:3px;width:100%;padding:4px 6px;font-family:monospace;font-size:.55rem;transition:background .1s,color .1s,border-color .1s}.btn-seg-sm:hover{color:#fff;background:#00f3ff1a;border-color:#00f3ff73}.btn-seg-pad0{color:#aaa;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #ffffff0d;border-radius:2px;padding:3px 6px;font-family:monospace;font-size:.5rem;transition:background .1s,color .1s,border-color .1s}.btn-seg-pad0:hover{color:#00f3ff;background:#00f3ff14;border-color:#00f3ff40}.master-bus-panel{-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#02060cbf;border:1px solid #00f3ff40;border-radius:6px;flex-direction:column;gap:8px;width:100%;margin-top:10px;padding:8px 12px;display:flex;box-shadow:0 0 15px #00f3ff14,inset 0 1px 1px #ffffff0d}.master-bus-header{border-bottom:1px solid #00f3ff33;justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.master-bus-title{color:#00f3ff;text-shadow:0 0 8px #00f3ff80;letter-spacing:1.5px;text-transform:uppercase;font-family:Outfit,Inter,sans-serif;font-size:.65rem;font-weight:700}.master-bus-strips{justify-content:space-between;gap:12px;width:100%;display:flex}.master-bus-strip{background:#0006;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 8px;transition:border-color .2s,box-shadow .2s;display:flex}.master-bus-strip:hover{border-color:#ff00554d;box-shadow:0 0 8px #ff005514}.master-bus-strip-label{color:#ffe600;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-family:monospace;font-size:.52rem;font-weight:700}.master-bus-control-row{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.master-bus-slider-container{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.master-bus-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px;transition:background .15s}.master-bus-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#00f3ff;border:none;border-radius:50%;width:12px;height:12px;transition:transform .1s,background .1s;box-shadow:0 0 6px #00f3ff}.master-bus-slider::-webkit-slider-thumb:hover{background:#f05;transform:scale(1.2);box-shadow:0 0 8px #f05}.master-bus-value-display{color:#00f3ff;font-family:monospace;font-size:.48rem}.master-vu-container{box-sizing:border-box;background:#0009;border:1px solid #ffffff0d;border-radius:3px;justify-content:center;align-items:center;gap:2px;width:100%;height:8px;padding:2px 4px;display:flex}.master-vu-segment{background:#111827;border-radius:1px;flex:1;height:100%;transition:background 50ms,box-shadow 50ms}.chassis-focus-zoom-enabled .steel-plate,.chassis-focus-zoom-enabled .blue-screen-border{transition:scale var(--focus-zoom-duration,.25s) cubic-bezier(.16, 1, .3, 1), border-color .25s ease, box-shadow .25s ease, filter .25s ease, opacity .25s ease;position:relative}.chassis-focus-zoom-enabled .rack-main-grid:hover .steel-plate:not(:hover),.chassis-focus-zoom-enabled .rack-main-grid:hover .blue-screen-border:not(:hover){opacity:.55;filter:blur(1.5px)grayscale(15%)}.chassis-focus-zoom-enabled .steel-plate:hover{scale:var(--focus-zoom-scale,1.025);translate:var(--zoom-tx,0px) calc(var(--zoom-ty,0px) - 2px);z-index:2000!important;border-color:#00f3ffcc!important;box-shadow:0 20px 45px #000000f2,0 0 35px #00f3ff73,inset 0 1px #fff3!important}.chassis-focus-zoom-enabled .blue-screen-border:hover{scale:var(--focus-zoom-scale,1.025);translate:var(--zoom-tx,0px) calc(var(--zoom-ty,0px) - 2px);z-index:2000!important;border-color:#39ff14!important;box-shadow:0 20px 45px #000000f2,0 0 35px #39ff1473,inset 0 0 10px #39ff144d!important}.chassis-focus-zoom-enabled .floating-focus-zoom-panel{transition:scale var(--focus-zoom-duration,.25s) cubic-bezier(.16, 1, .3, 1), border-color .25s ease, box-shadow .25s ease, opacity .25s ease!important}.chassis-focus-zoom-enabled .floating-focus-zoom-panel:hover{scale:var(--focus-zoom-scale,1.025)!important;translate:var(--zoom-tx,0px) var(--zoom-ty,0px)!important;z-index:999999!important;border-color:#00f3fff2!important;box-shadow:0 25px 65px #000000f2,0 0 35px #00f3ff73,inset 0 1px 2px #ffffff0d!important}.pedal-switch:active{background:radial-gradient(circle,#bbb 0%,#777 60%,#444 100%)!important;transform:translateY(1.5px)!important;box-shadow:0 1px 2px #000c,inset 0 2px 4px #0009!important}@keyframes knob-pulse-red{0%{opacity:.6;box-shadow:0 0 2px #f053}to{opacity:1;box-shadow:0 0 8px #f05c}}@keyframes knob-pulse-yellow{0%{opacity:.6;box-shadow:0 0 2px #ffe60033}to{opacity:1;box-shadow:0 0 8px #ffe600cc}}.performance-pads-grid-2x4.drag-over-active-A{border-radius:6px;transition:border-color .2s,box-shadow .2s,background .2s;background:#00f3ff14!important;border:2px dashed #00f3ff!important;box-shadow:0 0 20px #00f3ff73!important}.performance-pads-grid-2x4.drag-over-active-B{border-radius:6px;transition:border-color .2s,box-shadow .2s,background .2s;background:#ff00ff14!important;border:2px dashed #f0f!important;box-shadow:0 0 20px #ff00ff73!important}.crate-card-container{will-change:transform, opacity;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.crate-card-container.dragging{opacity:.4;transform:scale(.95);border-color:#00f3ff99!important}.crate-card-container.is-loaded:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00f3ff40;background:#0a1020b3!important;border-color:#00f3ff80!important}.crate-card-container.is-loaded:hover .vinyl-disc{transform:translateY(-12px)rotate(15deg)}@keyframes led-blink-cyan{0%{opacity:.3;text-shadow:0 0 2px #00f3ff33}to{opacity:1;text-shadow:0 0 8px #00f3ffcc}}