@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display:wght@400;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #05060a;--fg: #e8eef7;--muted: #8b95a8;--panel: rgba(10, 14, 22, .88);--panel-border: rgba(125, 249, 255, .18);--accent: #7df9ff;--accent-2: #3a6cff;--danger: #ff5468;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;width:100vw;height:100vh;height:100dvh}body{position:fixed;inset:0}canvas#viz{width:100%;height:100%;display:block;background:transparent;touch-action:none;border-radius:inherit}.frame{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:auto}.frame[data-aspect=fit]{inset:0}.frame[data-aspect=fit] canvas#viz{width:100vw;height:100vh;height:100dvh;border-radius:0}.frame[data-aspect=portrait]{padding:16px}.frame[data-aspect=portrait] canvas#viz{aspect-ratio:9 / 16;height:min(calc(100vh - 32px),calc(100dvh - 32px));width:auto;max-width:calc(100vw - 32px);border-radius:14px;box-shadow:0 0 0 1px #7df9ff2e,0 30px 80px #0000008c}.frame[data-aspect=square]{padding:16px}.frame[data-aspect=square] canvas#viz{aspect-ratio:1 / 1;width:min(calc(100vw - 32px),calc(100vh - 32px),calc(100dvh - 32px));height:auto;border-radius:14px;box-shadow:0 0 0 1px #7df9ff2e,0 30px 80px #0000008c}.frame[data-aspect=landscape]{padding:16px}.frame[data-aspect=landscape] canvas#viz{aspect-ratio:16 / 9;width:min(calc(100vw - 32px),calc((100vh - 32px) * 16 / 9));height:auto;border-radius:14px;box-shadow:0 0 0 1px #7df9ff2e,0 30px 80px #0000008c}#backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#06112147,#010104 70%,#000);transition:opacity .4s ease;opacity:.65;filter:blur(40px)}canvas#viz{z-index:auto}.hud{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:14;pointer-events:none;display:flex;gap:14px;align-items:flex-end;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.hud__bpm{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.hud__bpmVal{font-size:36px;font-weight:200;color:#76ffe3;text-shadow:0 0 20px rgba(60,230,255,.18);font-variant-numeric:tabular-nums;transition:color .08s linear,text-shadow .08s linear}.hud__bpmVal.beat{color:#f4fbff;text-shadow:0 0 32px rgba(190,230,255,.55)}.hud__bpmLabel{font-size:8px;color:#76ffe366;margin-top:4px;letter-spacing:.24em}.hud__meters{display:flex;gap:6px;align-items:flex-end;height:46px}.hud__meter{width:12px;display:flex;flex-direction:column;align-items:center}.hud__meter>i{display:block;width:100%;height:42px;background:#ffffff0a;border-radius:2px;position:relative;overflow:hidden}.hud__meter>i:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--lvl, 0%);background:linear-gradient(to top,#153e9a,#4db7ff);border-radius:2px;transition:height .06s linear}.hud__meter>i.mid:after{background:linear-gradient(to top,#12602f,#46f080)}.hud__meter>i.treble:after{background:linear-gradient(to top,#64245f,#ff70d4)}.hud__meter>span{font-size:7px;color:#ffffff38;margin-top:2px}.ui-hidden .hud,.ui-hidden .toggle,.ui-hidden .controls{display:none!important}.toggle{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:20;width:44px;height:44px;border:1px solid var(--panel-border);background:var(--panel);color:var(--fg);font-size:20px;border-radius:var(--radius);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toggle:hover{border-color:var(--accent)}.controls{position:fixed;z-index:15;top:0;right:0;display:flex;flex-direction:column;width:min(380px,100vw);height:100vh;height:100dvh;padding:max(14px,env(safe-area-inset-top)) 16px 16px;background:var(--panel);border-left:1px solid var(--panel-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow-y:auto;transition:transform .22s ease;transform:translate(0)}.controls.hidden{transform:translate(110%)}@media (min-width: 900px){.controls,.controls.hidden{width:360px;transform:translate(0)!important;box-shadow:none}.toggle{display:none!important}.frame{right:360px}}@media (max-width: 540px){.controls{width:100vw;height:70vh;height:70dvh;top:auto;bottom:0;border-left:none;border-top:1px solid var(--panel-border);border-radius:var(--radius) var(--radius) 0 0}.controls.hidden{transform:translateY(110%)}}.controls__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;order:0}.controls__header h1{font-size:16px;margin:0;letter-spacing:.04em;color:var(--accent)}.iconbtn{width:32px;height:32px;border:1px solid var(--panel-border);background:transparent;color:var(--fg);border-radius:8px;cursor:pointer;font-size:18px}.iconbtn:hover{border-color:var(--accent)}.group{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.controls>section[data-stage="2"]{order:10}#visualizerSection{order:20}.controls>section[data-stage="3"]{order:30}#vizzLibrarySection{order:35}#presetsSection{order:40}.nowPlayingPanel{order:50}.reelStudio{order:60}#imageOverlaySection{order:70}#backgroundSection{order:80}#modulationsSection{order:90}#postFxSection{order:100}#cameraMotionSection{order:110}.meters{order:120}.controls__footer{order:130}.group:last-child{border-bottom:none}.group h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.row>*{flex:1;min-width:0}.row label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}button,select,.filebtn span{background:#ffffff0a;color:var(--fg);border:1px solid var(--panel-border);border-radius:8px;padding:9px 12px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s}button:hover,select:hover,.filebtn:hover span{border-color:var(--accent);background:#7df9ff14}button:active{transform:translateY(1px)}button.recording{border-color:var(--danger);color:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{background:#ff546814}50%{background:#ff546838}}.filebtn{position:relative;display:block}.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}.filebtn span{display:block;text-align:center}input[type=range]{width:100%;accent-color:var(--accent)}.status{margin:4px 0 0;font-size:11px;color:var(--muted)}.meters .meter{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;margin-bottom:6px}.meters .meter span{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.meters .meter>div{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.meters .meter i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:4px;transition:width .05s linear}.controls__footer{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.controls__footer small{color:var(--muted);font-size:11px;line-height:1.6}kbd{background:#ffffff0f;border:1px solid var(--panel-border);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}body.ui-hidden .toggle,body.ui-hidden .controls{display:none}.lookPanel{display:block}.lookPanel__section{margin:14px 0 6px;padding-top:8px;border-top:1px solid rgba(125,249,255,.08);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8cc8e6b3}.lookPanel__section:first-child{border-top:none;padding-top:0}.lookPanel__pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;margin-bottom:6px}.lookPanel__pad{font:inherit;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:7px 6px;border-radius:6px;border:1px solid rgba(125,249,255,.18);background:#ffffff05;color:#c8dcf0cc;cursor:pointer;transition:background .12s ease,transform .06s ease}.lookPanel__pad:hover{background:#7df9ff0f}.lookPanel__pad:active{transform:scale(.97)}.lookPanel__pad.is-active{background:#7df9ff24;border-color:#7df9ff8c;color:#d8f6ff;box-shadow:0 0 14px #7df9ff2e}.lookPanel__segments{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:6px;border-radius:8px;background:#ffffff06;padding:3px}.lookPanel__segment{font:inherit;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:6px 4px;border-radius:6px;border:none;background:transparent;color:#c8dcf0b3;cursor:pointer}.lookPanel__segment:hover{color:#d8f6ff}.lookPanel__segment.is-active{background:#7df9ff2e;color:#d8f6ff}.lookPanel__row{margin-bottom:10px}.lookPanel__rowTop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.lookPanel__label{font-size:11px;font-weight:600;color:#c4e2ff}.lookPanel__sub{font-size:9px;color:#8caac8b3;margin-left:6px;letter-spacing:.04em}.lookPanel__val{font-size:10px;color:#98d6ff;font-variant-numeric:tabular-nums}.lookPanel__range{position:relative;height:18px}.lookPanel__track{position:absolute;top:7px;left:0;right:0;height:4px;border-radius:3px;background:#283c5aa6}.lookPanel__fill{position:absolute;top:7px;left:0;height:4px;border-radius:3px;background:linear-gradient(90deg,#5cb2ff80,#b4e0ff);pointer-events:none}.lookPanel__range input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:18px;background:transparent;cursor:pointer}.lookPanel__range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#c4e8ff;box-shadow:0 0 8px #7df9ff99;cursor:grab}.lookPanel__range input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#c4e8ff;box-shadow:0 0 8px #7df9ff99;cursor:grab}.lookPanel__ends{display:flex;justify-content:space-between;font-size:9px;color:#7891af99;margin-top:1px;text-transform:lowercase}.lookPanel__reset{width:100%;margin-top:12px;padding:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffb1bb;background:#ff5a6e0d;border:1px solid rgba(255,90,110,.3);border-radius:6px;cursor:pointer}.lookPanel__reset:hover{background:#ff5a6e1f;border-color:#ff5a6e8c}.reelStudio .toggleRow{display:flex;align-items:center;gap:8px;font-size:12px;color:#c8dcf0d9;cursor:pointer;user-select:none}.reelStudio .toggleRow input[type=checkbox]{appearance:none;-webkit-appearance:none;width:32px;height:18px;border-radius:999px;background:#7df9ff1f;border:1px solid rgba(125,249,255,.3);position:relative;cursor:pointer;transition:background .15s ease;flex-shrink:0}.reelStudio .toggleRow input[type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#ffffffd9;transition:transform .15s ease}.reelStudio .toggleRow input[type=checkbox]:checked{background:#7df9ff59;border-color:#7df9ffb3}.reelStudio .toggleRow input[type=checkbox]:checked:after{transform:translate(14px)}.reelStudio__primary{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.reelStudio__record{font:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:11px 14px;border-radius:8px;border:1px solid rgba(255,84,104,.35);background:linear-gradient(180deg,#ff54682e,#ff54680f);color:#ffd6dc;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center;transition:background .15s ease,transform .06s ease}.reelStudio__record:hover{background:linear-gradient(180deg,#ff546847,#ff54681a)}.reelStudio__record:active{transform:scale(.98)}.reelStudio__record.recording{border-color:#ff5468d9;background:linear-gradient(180deg,#ff54686b,#ff54682e);color:#fff;animation:reelPulse 1.2s ease-in-out infinite}.reelStudio__dot{width:10px;height:10px;border-radius:50%;background:#ff5468;box-shadow:0 0 8px #ff546899}.reelStudio__record.recording .reelStudio__dot{background:#fff;box-shadow:0 0 14px #ffffffb3}.reelStudio__snap{font:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:0 12px;border-radius:8px;border:1px solid rgba(125,249,255,.3);background:#7df9ff0f;color:#c4e8ff;cursor:pointer}.reelStudio__snap:hover{background:#7df9ff24}.reelStudio__status{margin-top:6px;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;letter-spacing:.06em}.reelStudio__status.recording{color:#ff8b97}@keyframes reelPulse{0%,to{box-shadow:0 0 #ff546800}50%{box-shadow:0 0 0 6px #ff54682e}}.nowPlaying{position:absolute;z-index:5;pointer-events:none;max-width:80%;padding:14px 18px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#fff;letter-spacing:.01em;text-shadow:0 2px 18px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.4);line-height:1.25;user-select:none}.nowPlaying[data-position=bottom-left]{left:4%;bottom:6%;text-align:left}.nowPlaying[data-position=bottom-right]{right:4%;bottom:6%;text-align:right}.nowPlaying[data-position=top-left]{left:4%;top:6%;text-align:left}.nowPlaying[data-position=top-right]{right:4%;top:6%;text-align:right}.nowPlaying[data-position=center]{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.nowPlaying__title{font-size:clamp(20px,3.4vw,38px);font-weight:700;margin-bottom:4px;text-wrap:balance}.nowPlaying__artist{font-size:clamp(13px,1.7vw,18px);font-weight:500;opacity:.9}.nowPlaying__album{font-size:clamp(10px,1.2vw,13px);font-weight:400;opacity:.65;text-transform:uppercase;letter-spacing:.18em;margin-top:2px}.nowPlaying__lyric{margin-top:14px;font-size:clamp(15px,2vw,22px);font-weight:500;color:#f4fbff;text-shadow:0 0 18px rgba(125,249,255,.45),0 2px 14px rgba(0,0,0,.7);max-width:36ch;text-wrap:balance;animation:lyricIn .35s ease-out}.nowPlaying[data-position=bottom-right] .nowPlaying__lyric,.nowPlaying[data-position=top-right] .nowPlaying__lyric{margin-left:auto}.nowPlaying[data-position=center] .nowPlaying__lyric{margin-left:auto;margin-right:auto}@keyframes lyricIn{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nowPlayingPanel textarea{width:100%;min-height:120px;background:#ffffff0a;color:var(--fg);border:1px solid var(--panel-border);border-radius:6px;padding:8px 10px;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:11px;line-height:1.5;resize:vertical}.nowPlayingPanel input[type=text]{width:100%;background:#ffffff0a;color:var(--fg);border:1px solid var(--panel-border);border-radius:6px;padding:8px 10px;font:inherit;font-size:13px}.nowPlayingPanel .toggleRow{display:flex;align-items:center;gap:8px;font-size:12px;color:#c8dcf0d9;cursor:pointer;user-select:none}.nowPlayingPanel .toggleRow input[type=checkbox]{appearance:none;-webkit-appearance:none;width:32px;height:18px;border-radius:999px;background:#7df9ff1f;border:1px solid rgba(125,249,255,.3);position:relative;cursor:pointer;transition:background .15s ease;flex-shrink:0}.nowPlayingPanel .toggleRow input[type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#ffffffd9;transition:transform .15s ease}.nowPlayingPanel .toggleRow input[type=checkbox]:checked{background:#7df9ff59;border-color:#7df9ffb3}.nowPlayingPanel .toggleRow input[type=checkbox]:checked:after{transform:translate(14px)}.nowPlaying{display:flex;align-items:flex-end;gap:14px}.nowPlaying[data-position=bottom-right],.nowPlaying[data-position=top-right]{flex-direction:row-reverse}.nowPlaying[data-position=center]{flex-direction:column;align-items:center;gap:12px}.nowPlaying__art{width:clamp(56px,8vw,96px);height:clamp(56px,8vw,96px);border-radius:8px;object-fit:cover;box-shadow:0 6px 24px #0000008c,0 0 0 1px #ffffff0f;flex-shrink:0;display:none}.nowPlaying__text{display:flex;flex-direction:column;align-items:inherit;min-width:0}.nowPlaying[data-position=bottom-right] .nowPlaying__text,.nowPlaying[data-position=top-right] .nowPlaying__text{align-items:flex-end;text-align:right}.nowPlaying[data-position=center] .nowPlaying__text{align-items:center;text-align:center}.nowPlaying[data-font=sans]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.nowPlaying[data-font=display]{font-family:Bebas Neue,Oswald,Impact,Arial Black,system-ui,sans-serif;letter-spacing:.04em}.nowPlaying[data-font=serif]{font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:0}.nowPlaying[data-font=mono]{font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;letter-spacing:.02em}.nowPlaying[data-weight=light] .nowPlaying__title{font-weight:300}.nowPlaying[data-weight=regular] .nowPlaying__title{font-weight:400}.nowPlaying[data-weight=semibold] .nowPlaying__title{font-weight:600}.nowPlaying[data-weight=bold] .nowPlaying__title{font-weight:700}.nowPlaying[data-weight=black] .nowPlaying__title{font-weight:900}.nowPlaying.is-uppercase .nowPlaying__title,.nowPlaying.is-uppercase .nowPlaying__artist,.nowPlaying.is-uppercase .nowPlaying__lyric{text-transform:uppercase;letter-spacing:.06em}.nowPlaying__lyricStack{margin-top:14px;display:flex;flex-direction:column;gap:4px;max-width:36ch}.nowPlaying[data-position=bottom-right] .nowPlaying__lyricStack,.nowPlaying[data-position=top-right] .nowPlaying__lyricStack{align-self:flex-end;text-align:right}.nowPlaying[data-position=center] .nowPlaying__lyricStack{align-self:center;text-align:center}.nowPlaying__lyric--prev{font-size:clamp(11px,1.3vw,14px);font-weight:400;color:#f4fbff6b;text-shadow:0 1px 6px rgba(0,0,0,.6)}.nowPlaying__lyric--now{font-size:clamp(15px,2vw,22px);font-weight:600;color:#f4fbff;text-shadow:0 0 18px rgba(125,249,255,.45),0 2px 14px rgba(0,0,0,.7)}.nowPlaying__lyric--now.is-flash{animation:lyricIn .35s ease-out}.nowPlaying__lyric--next{font-size:clamp(11px,1.4vw,15px);font-weight:400;color:#f4fbff8c;text-shadow:0 1px 6px rgba(0,0,0,.6)}.watermark{position:absolute;z-index:6;pointer-events:none;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#080c166b;border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none}.watermark[data-position=bottom-right]{right:4%;bottom:6%}.watermark[data-position=bottom-left]{left:4%;bottom:6%}.watermark[data-position=top-right]{right:4%;top:6%}.watermark[data-position=top-left]{left:4%;top:6%}.watermark[data-position=center]{left:50%;bottom:6%;transform:translate(-50%)}.watermark__logo{width:clamp(20px,2.4vw,28px);height:clamp(20px,2.4vw,28px);border-radius:50%;object-fit:cover;display:none}.watermark__handle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:clamp(11px,1.3vw,14px);font-weight:600;color:#fff;letter-spacing:.04em;text-shadow:0 1px 6px rgba(0,0,0,.6)}.subhead{margin:16px 0 6px;padding-top:10px;border-top:1px solid rgba(125,249,255,.08);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8cc8e6b3}.ghostBtn{font:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#c8dcf0b3;cursor:pointer}.ghostBtn:hover{background:#ffffff0d;color:var(--fg)}.lookPanel__hint{font-size:11px;color:#8cc8e68c;margin-bottom:6px;font-style:italic}.lookPanel__toggleRow{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;user-select:none}.lookPanel__toggleRow input[type=checkbox]{appearance:none;-webkit-appearance:none;width:32px;height:18px;border-radius:999px;background:#7df9ff1f;border:1px solid rgba(125,249,255,.3);position:relative;cursor:pointer;transition:background .15s ease;flex-shrink:0}.lookPanel__toggleRow input[type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#ffffffd9;transition:transform .15s ease}.lookPanel__toggleRow input[type=checkbox]:checked{background:#7df9ff59;border-color:#7df9ffb3}.lookPanel__toggleRow input[type=checkbox]:checked:after{transform:translate(14px)}.lookPanel__toggleText{display:flex;flex-direction:column}.quickStart{margin-bottom:12px}.quickStart__label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8cc8e6b3;margin-bottom:6px}.quickStart__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.quickStart__row button{font:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 6px;border-radius:8px;border:1px solid rgba(125,249,255,.22);background:linear-gradient(180deg,#7df9ff14,#7df9ff05);color:#c4e8ff;cursor:pointer;transition:background .15s ease,transform .06s ease,border-color .15s ease}.quickStart__row button:hover{background:linear-gradient(180deg,#7df9ff2e,#7df9ff0f);border-color:#7df9ff80}.quickStart__row button:active{transform:scale(.97)}.quickStart__row button.is-armed{background:linear-gradient(180deg,#7df9ff73,#7df9ff33);border-color:#7df9ffe6;color:#fff}.status--hint{margin-top:8px;font-size:11px;color:#b4dcf099;background:#7df9ff0a;border-left:2px solid rgba(125,249,255,.3);padding:6px 10px;border-radius:4px;line-height:1.45}.audioPlayBtn{width:100%;padding:9px;font-size:12px;margin-top:6px}.audioPlayBtn[hidden]{display:none}#inputDevice{width:100%;margin-top:4px;background:#ffffff0a;color:var(--fg);border:1px solid var(--panel-border);border-radius:6px;padding:7px 9px;font:inherit;font-size:12px}.mediaUrlRow input[type=url]{width:100%;background:#ffffff0a;color:var(--fg);border:1px solid var(--panel-border);border-radius:6px;padding:8px 10px;font:inherit;font-size:12px}.clipEditor{margin-top:8px;border:1px solid rgba(125,249,255,.16);border-radius:8px;padding:10px;background:#7df9ff08}.clipEditor__head{margin-bottom:8px}.clipEditor__times{font-size:11px;color:#c0e2f2d1;margin-bottom:8px;letter-spacing:.02em}.clipTrack{position:relative;height:92px;border:1px solid rgba(125,249,255,.18);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#0a1424ad,#050a14d6),repeating-linear-gradient(90deg,rgba(130,180,220,.06) 0px,rgba(130,180,220,.06) 1px,transparent 1px,transparent 20px);margin-bottom:8px;cursor:pointer}.clipTrack__wave{position:absolute;inset:0;width:100%;height:100%;display:block}.clipTrack__played{position:absolute;top:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,#5aaaff38,#5aaaff0d);pointer-events:none}.clipTrack__selection{position:absolute;top:0;bottom:0;left:0;width:0;background:linear-gradient(180deg,#7df9ff40,#7df9ff1f),repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0px,rgba(255,255,255,.11) 2px,transparent 2px,transparent 14px);border-left:1px solid rgba(185,250,255,.65);border-right:1px solid rgba(185,250,255,.65);pointer-events:auto;cursor:grab}.clipTrack__selection:active{cursor:grabbing}.clipTrack__handle{position:absolute;top:0;bottom:0;width:14px;padding:0;border-radius:0;border:1px solid rgba(185,250,255,.95);background:linear-gradient(180deg,#e1ffff73,#7df9ff4d);box-shadow:0 0 12px #7df9ff4d;cursor:ew-resize;z-index:3}.clipTrack__handle--start,.clipTrack__handle--end{left:0;transform:translate(-50%)}.clipTrack__scrubber{position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,#fffffff2,#78d2fff2);box-shadow:0 0 10px #78d2ffbf;z-index:2;pointer-events:none}.clipEditor__markers label{min-width:110px}.clipEditor__actions button{font-size:11px;padding:8px 9px}.clipEditor input:disabled,.clipEditor button:disabled{opacity:.45;cursor:not-allowed}.nowPlaying[data-font=display] .nowPlaying__title{font-family:Bebas Neue,Oswald,Impact,sans-serif;letter-spacing:.08em;font-weight:700}.nowPlaying[data-font=serif] .nowPlaying__title{font-family:Playfair Display,Georgia,serif;font-weight:700}.nowPlaying[data-font=mono] .nowPlaying__title{font-family:JetBrains Mono,SF Mono,Courier New,monospace;font-weight:600;letter-spacing:.03em}.nowPlaying[data-font=sans] .nowPlaying__title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:700}.nowPlaying[data-font=display] .nowPlaying__artist,.nowPlaying[data-font=display] .nowPlaying__album{font-family:Bebas Neue,Oswald,sans-serif}.nowPlaying[data-font=serif] .nowPlaying__artist,.nowPlaying[data-font=serif] .nowPlaying__album{font-family:Playfair Display,Georgia,serif}.nowPlaying[data-font=mono] .nowPlaying__artist,.nowPlaying[data-font=mono] .nowPlaying__album{font-family:JetBrains Mono,SF Mono,monospace}.nowPlaying[data-font=sans] .nowPlaying__artist,.nowPlaying[data-font=sans] .nowPlaying__album{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.nowPlaying[data-font=display] .nowPlaying__lyric{font-family:Bebas Neue,Oswald,sans-serif}.nowPlaying[data-font=serif] .nowPlaying__lyric{font-family:Playfair Display,Georgia,serif}.nowPlaying[data-font=mono] .nowPlaying__lyric{font-family:JetBrains Mono,SF Mono,monospace}.nowPlaying[data-font=sans] .nowPlaying__lyric{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.postFxGrid{display:grid;grid-template-columns:1fr;gap:8px}.postFxRow{display:grid;grid-template-columns:110px 1fr 42px;align-items:center;gap:8px;font-size:11px}.postFxRow__label{color:#c4e2ff;font-weight:600}.postFxRow__val{color:#98d6ff;text-align:right;font-variant-numeric:tabular-nums}.postFxRow input[type=range]{width:100%;accent-color:#7df9ff}.visualizerGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.visualizerGrid__tile{position:relative;aspect-ratio:16/10;border:1px solid rgba(120,180,255,.18);border-radius:8px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#061226,#110820);display:flex;align-items:end;padding:6px 8px;transition:border-color .12s,transform .12s}.visualizerGrid__tile:hover{border-color:#7df9ff;transform:translateY(-1px)}.visualizerGrid__tile.is-active{border-color:#b4e0ff;box-shadow:0 0 12px #7df9ff66}.visualizerGrid__label{font-size:11px;font-weight:700;color:#e6f4ff;text-shadow:0 1px 2px rgba(0,0,0,.7);position:relative;z-index:1}.visualizerGrid__tile[data-scene=bioclast]{background:radial-gradient(ellipse at 50% 50%,#003a66,#02040a)}.visualizerGrid__tile[data-scene=meshGrid]{background:linear-gradient(180deg,#1a0530,#0a0218 60%),repeating-linear-gradient(90deg,transparent 0 11px,rgba(160,45,197,.5) 11px 12px),repeating-linear-gradient(0deg,transparent 0 11px,rgba(160,45,197,.5) 11px 12px);background-blend-mode:screen}.visualizerGrid__tile[data-scene=wavyForm]{background:radial-gradient(ellipse at 50% 50%,#ffe1c0,#b04060 30%,#110824 70%)}.visualizerGrid__tile[data-scene=dotGrid]{background:radial-gradient(circle,#f0d0ff,#c060f0 25%,#220838 70%),radial-gradient(circle at 30% 60%,rgba(255,255,255,.4),transparent 25%);background-blend-mode:lighten}.visualizerGrid__tile[data-scene=frequencyBars]{background:linear-gradient(180deg,#fa8,#c66,#fa8)}.visualizerGrid__tile[data-scene=texturedSphere]{background:radial-gradient(circle at 50% 50%,#ff4080,#66103a,#110612 80%)}.visualizerGrid__tile[data-scene=galaxy]{background:radial-gradient(ellipse at 50% 55%,#76ffe3 0 2px,transparent 3px),radial-gradient(ellipse at 50% 50%,#3a8affd9,#010a1af2 45%,#010104 78%)}.modList{display:flex;flex-direction:column;gap:6px}.modRow{display:grid;grid-template-columns:1.4fr .7fr 1fr .6fr .6fr 24px;gap:4px;align-items:center;font-size:10px;background:#141e3266;padding:4px 6px;border-radius:4px}.modRow>*{min-width:0}.modRow input,.modRow select{width:100%;font-size:10px}.modRow__del{background:#b43c3c66;border:0;color:#fff;border-radius:3px;cursor:pointer;font-weight:700}.vizzLibraryList{display:grid;grid-template-columns:1fr;gap:8px;max-height:360px;overflow-y:auto;padding:4px;background:#080e1c66;border-radius:4px}.vizzLibraryItem{display:flex;flex-direction:column;gap:7px;padding:8px;background:#141e3280;border:1px solid transparent;border-radius:6px;font-size:11px;color:#d6e8ff;text-align:left}.vizzLibraryItem:hover{border-color:#7df9ff73;background:#283c5a80}.vizzLibraryItem__group{font-size:9px;color:#8cc8ffb3;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vizzLibraryItem__name{font-weight:700}.vizzLibraryItem__chips,.vizzLibraryItem__actions{display:flex;flex-wrap:wrap;gap:5px}.vizzLibraryItem__chip{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(125,249,255,.18);border-radius:999px;background:#7df9ff0f;color:#d2ecffc7;font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.vizzLibraryItem__action{flex:1 1 92px;min-width:0;padding:6px 7px;border-radius:6px;font-size:10px;font-weight:700}.recipeLibrary,.recipeAdvanced{margin:8px 0;border:1px solid rgba(125,249,255,.13);border-radius:6px;background:#080e1c47}.recipeLibrary{margin-top:10px}.recipeLibrary>summary,.recipeAdvanced summary{cursor:pointer;padding:8px 10px;color:#d2ecffc7;font-size:11px;font-weight:700}.recipeLibrary>.row,.recipeLibrary>.recipeAdvanced,.recipeLibrary>.vizzLibraryList{margin-left:8px;margin-right:8px}.recipeLibrary>.vizzLibraryList{margin-bottom:8px}.recipeAdvanced__row,.recipeAdvanced__checks{padding:0 8px 8px}.recipeAdvanced input[type=number],.recipeAdvanced select{width:100%}.recipeApply{display:flex;align-items:center;gap:8px;margin:8px 0 6px}.recipeApply__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d2ecff99;flex-shrink:0}.recipeApply__seg{display:flex;flex:1;border:1px solid rgba(125,249,255,.18);border-radius:6px;overflow:hidden;background:#080e1c66;min-width:0}.recipeApply__opt{flex:1;padding:7px 6px;background:transparent;border:none;border-right:1px solid rgba(125,249,255,.12);color:#d2ecffb3;font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .12s,color .12s;min-width:0}.recipeApply__opt:last-child{border-right:none}.recipeApply__opt:hover{background:#7df9ff0f;color:#fff}.recipeApply__opt.is-active{background:#7df9ff29;color:#fff;box-shadow:inset 0 -2px 0 var(--accent, #7df9ff)}.overlaySubTabs{display:flex;gap:2px;margin:6px 8px 8px;border:1px solid rgba(125,249,255,.18);border-radius:6px;overflow:hidden;background:#080e1c66}.overlaySubTab{flex:1;padding:7px 6px;background:transparent;border:none;border-right:1px solid rgba(125,249,255,.12);color:#d2ecffb3;font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .12s,color .12s;min-width:0}.overlaySubTab:last-child{border-right:none}.overlaySubTab:hover{background:#7df9ff0f;color:#fff}.overlaySubTab.is-active{background:#7df9ff29;color:#fff;box-shadow:inset 0 -2px 0 var(--accent, #7df9ff)}.overlaySubPanel[hidden]{display:none}.quickStartArmed{display:flex;align-items:center;gap:6px;margin:6px 0 8px;padding:7px 10px;border:1px solid rgba(125,249,255,.32);border-radius:6px;background:#7df9ff14;color:#fff;font-size:11px}.quickStartArmed[hidden]{display:none}.quickStartArmed__label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.quickStartArmed__name{font-weight:700}.quickStartArmed__spec{color:#d2ecffd9;font-variant-numeric:tabular-nums}.quickStartArmed__clear{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.18);color:#ffffffd9;width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}.quickStartArmed__clear:hover{background:#ffffff0f;border-color:#7df9ff66}.reelCustom{margin:4px 0 8px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#ffffff04}.reelCustom>summary{cursor:pointer;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d2ecffa6}.reelCustom>summary:hover{color:#fff}.reelCustom>.row{margin-left:8px;margin-right:8px}.reelCustom>.row:last-child{padding-bottom:8px}.cameraLockBanner{display:flex;order:5;align-items:center;gap:8px;margin:0 0 12px;padding:8px;border-color:#ffb16073;color:#ffd8a8;background:#502a0847;border:1px solid rgba(255,177,96,.45);border-radius:8px;font-size:11px}.cameraLockBanner[hidden]{display:none}.cameraLockBanner button{flex:0 0 auto;padding:5px 8px;font-size:10px;border-radius:999px}.sidebarTabs{display:flex;gap:2px;padding:6px 8px 0;background:var(--surface, #111);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sidebarTab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 6px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff8c;cursor:pointer;transition:color .15s,border-color .15s,background .15s;border-radius:4px 4px 0 0;min-width:0}.sidebarTab__icon{font-size:15px;line-height:1;opacity:.85}.sidebarTab__label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;line-height:1}.sidebarTab:hover{color:#ffffffd9;background:#ffffff06}.sidebarTab.is-active{color:#fff;border-bottom-color:var(--accent, #7df9ff)}.sidebarTab.is-active .sidebarTab__icon{opacity:1}.sidebarPanel{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 0;min-height:0}.sidebarPanel[hidden]{display:none}.controls{display:flex;flex-direction:column}.sceneGallery__bar{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.sceneGallery__cats{display:flex;gap:4px;flex-wrap:wrap}.sceneCat{padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:none;color:#fff9;font-size:12px;cursor:pointer;transition:all .15s}.sceneCat:hover{border-color:#fff6;color:#fff}.sceneCat.is-active{background:var(--accent, #7df9ff);border-color:var(--accent, #7df9ff);color:#000;font-weight:700}.sceneGallery__search{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 10px;color:#fff;font-size:13px;width:100%}.scenePane{display:flex;flex-direction:column}.scenePane[hidden]{display:none}.morphRow{align-items:center;gap:6px;margin-bottom:4px}.morphRow input[type=number]{width:52px}.padPane__hero{display:flex;gap:10px;align-items:center;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:4px 0 10px}.padPane__heroSwatch{width:56px;height:56px;border-radius:8px;flex:0 0 auto;box-shadow:0 2px 12px #0006 inset,0 0 0 1px #ffffff1a}.padPane__heroBody{display:flex;flex-direction:column;gap:3px;min-width:0}.padPane__heroTitle{font-size:13px;font-weight:600;color:#fff;letter-spacing:.04em}.padPane__heroSub{font-size:11px;color:#fff9;line-height:1.35}.padPane__launchBtn{flex:1;background:linear-gradient(135deg,var(--accent, #7df9ff),#4dd6ff);color:#001;font-weight:600;letter-spacing:.04em;padding:8px 14px;border:0;border-radius:6px;cursor:pointer;transition:filter .15s,transform .1s}.padPane__launchBtn:hover{filter:brightness(1.12)}.padPane__launchBtn:active{transform:translateY(1px)}.legacyFavorites{background:#ffd24c0a;border:1px solid rgba(255,210,76,.18);border-radius:6px;padding:6px 10px;margin-top:10px}.legacyFavorites>summary{cursor:pointer;user-select:none;font-size:11px;font-weight:600;letter-spacing:.06em;color:#ffd24c;outline:none;padding:2px 0;list-style:none}.legacyFavorites>summary::-webkit-details-marker{display:none}.legacyFavorites>summary:before{content:"▶";font-size:8px;margin-right:6px;transition:transform .12s;display:inline-block;color:#ffd24c80}.legacyFavorites[open]>summary:before{transform:rotate(90deg)}.legacyFavorites__count{display:inline-block;background:#ffd24c26;border-radius:9px;padding:0 7px;font-size:10px;color:#ffd24c;margin-left:6px;font-weight:500}.legacyFavorites__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.legacyFavorites__item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:11px;color:#c9d8eebf;cursor:pointer;transition:background .12s,color .12s}.legacyFavorites__item:hover{background:#ffd24c14;color:#fff}.legacyFavorites__itemFmt{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#ffd24c80;background:#ffd24c14;padding:1px 5px;border-radius:3px;flex-shrink:0}.legacyFavorites__itemFmt.fa{color:#7b6fffb3;background:#7b6fff14}.legacyFavorites__itemFmt.fb{color:#78a8ffb3;background:#78a8ff14}.legacyFavorites__itemName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacyFavorites__itemRemove{border:0;background:none;color:#c9d8ee4d;font-size:14px;cursor:pointer;padding:0 4px;line-height:1}.legacyFavorites__itemRemove:hover{color:#ff7a7a}.legacyFavorites__hint{font-style:italic}.padOverlay{position:absolute;inset:0;z-index:5;background:#000}.padOverlay[hidden]{display:none}.padOverlay iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.padOverlay__chrome{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:6px;backdrop-filter:blur(8px)}.padOverlay__title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fffc}.padOverlay__close{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:16px;line-height:1;width:24px;height:24px;border-radius:4px;cursor:pointer}.padOverlay__close:hover{background:#ffffff2e}.fxPresets{flex-wrap:wrap;gap:4px;margin-bottom:8px}.fxPresetBtn{padding:4px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:none;color:#ffffffa6;font-size:12px;cursor:pointer;transition:all .15s}.fxPresetBtn:hover{border-color:#fff6;color:#fff}