:root{--accent: #ff5ec4;--accent-ink: #190514;--accent-soft: rgba(255, 94, 196, .14);--accent-line: rgba(255, 94, 196, .42);--danger: #ff5b6f;--surface: rgba(9, 6, 16, .78);--surface-solid: #0b0711;--surface-raised: rgba(255, 255, 255, .055);--surface-raised-hi: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .21);--text: #f7f4fa;--text-2: #d3ccdd;--muted: #a49dae;--focus: #ffffff;--focus-halo: rgba(255, 94, 196, .95);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r1: 10px;--r2: 14px;--r3: 20px;--r-pill: 999px;--t-eyebrow: 10px;--t-micro: 11px;--t-small: 12px;--t-body: 13px;--t-lead: 15px;--t-title: 20px;--t-display: 26px;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#05020a}body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,.filebtn{-webkit-tap-highlight-color:transparent}input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.filebtn{position:relative;display:inline-block}canvas#viz{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}button,.filebtn{border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s3) var(--s4);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-raised);text-align:center;font-size:var(--t-small);font-weight:650;transition:background .16s ease,border-color .16s ease,transform .1s ease,color .16s ease}button:hover,.filebtn:hover{border-color:var(--line-strong);background:var(--surface-raised-hi);color:var(--text)}button:active,.filebtn:active{transform:scale(.98)}button:focus-visible,.filebtn:focus-within,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-halo)}summary:focus-visible{border-radius:var(--r1)}button.primary,.filebtn.primary{border-color:transparent;background:var(--text);color:#100815;font-weight:780}button.primary:hover,.filebtn.primary:hover{background:#fff}button:disabled,.filebtn.is-busy{opacity:.5;cursor:not-allowed}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s6);text-align:center;background:radial-gradient(ellipse at 50% 48%,#08041075,#05020abd 70%);transition:opacity .55s ease,visibility .55s;pointer-events:auto}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro button,.intro .filebtn,.intro a{pointer-events:auto;position:relative;z-index:2}.intro button:disabled,.intro .filebtn.is-busy{opacity:.55;cursor:wait}.engine-status{margin:0 0 var(--s4);color:var(--accent);font-size:var(--t-body);font-weight:650}.intro-eyebrow,.eyebrow{color:var(--accent);font:700 var(--t-eyebrow)/1.2 var(--mono);letter-spacing:.2em;text-transform:uppercase}.intro h1{margin:var(--s3) 0 var(--s1);font-size:clamp(54px,8vw,104px);line-height:.9;letter-spacing:-.065em;font-weight:850;color:#fff}.intro-lede{margin:var(--s5) 0 var(--s6);color:var(--text-2);font-size:clamp(17px,2vw,21px);letter-spacing:-.015em}.intro-primary{min-width:240px;padding:var(--s4) var(--s5);font-size:var(--t-lead)}.demo-btn{margin-top:var(--s3);min-width:240px;padding:var(--s3) var(--s5)}.live-sources{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}.live-sources>span{width:100%;margin-bottom:var(--s1);color:var(--muted);font-size:var(--t-micro)}.privacy-note{margin:var(--s6) 0 0;max-width:460px;color:var(--muted);font-size:var(--t-small);line-height:1.6}.back-link{position:fixed;left:var(--s5);top:var(--s5);color:var(--muted);font-size:var(--t-small);text-decoration:none;transition:color .2s}.back-link:hover{color:#fff}.support-link{color:#ff8fd6;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,143,214,.5)}.support-link:hover{color:#fff}.busy-notice{position:fixed;left:50%;top:max(var(--s5),env(safe-area-inset-top));transform:translate(-50%);z-index:90;padding:var(--s3) var(--s4);border-radius:var(--r-pill);background:#100818e6;border:1px solid var(--accent-line);color:#f3e8ff;font-size:var(--t-body);pointer-events:none}.app-chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;transition:opacity .3s ease,visibility 0s}.app-chrome.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.app-chrome button,.app-chrome input,.app-chrome a{pointer-events:auto}.app-chrome.hidden button,.app-chrome.hidden input{pointer-events:none}.topbar{position:absolute;top:var(--s5);left:var(--s5);right:var(--s5);display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.wordmark{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-micro);line-height:1;font-weight:800;letter-spacing:.19em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px #ff5ec4d9}.topbar-actions{display:flex;align-items:center;gap:var(--s2);pointer-events:auto}.icon-button{width:36px;height:36px;padding:0;border-radius:var(--r-pill);color:var(--muted);background:#08050e94;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:15px;line-height:1}.tune-button{min-width:96px;padding-inline:var(--s4);color:var(--text);background:#08050e94;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-weight:720}.tune-button.attention{border-color:var(--accent-line);animation:tune-cue 1.8s ease-in-out 2}@keyframes tune-cue{0%,to{box-shadow:0 0 #ff5ec400}50%{box-shadow:0 0 0 5px #ff5ec41f,0 0 28px #ff5ec438}}.more-menu{position:relative}.menu-sheet{position:absolute;top:calc(100% + var(--s2));right:0;z-index:3;min-width:210px;padding:var(--s1);display:flex;flex-direction:column;gap:2px;border:1px solid var(--line-strong);border-radius:var(--r2);background:#0d0813f7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 22px 60px #0000008c;animation:menu-in .16s var(--ease) both}.menu-sheet>button,.menu-sheet>a{display:block;width:100%;padding:var(--s3);border:0;border-radius:var(--r1);background:transparent;color:var(--text-2);text-align:left;text-decoration:none;font-size:var(--t-body);font-weight:600}.menu-sheet>button:hover,.menu-sheet>a:hover{background:var(--surface-raised-hi);color:var(--text)}.menu-sheet>[aria-checked=true]:after{content:"✓";float:right;color:var(--accent)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.transport{position:absolute;left:50%;bottom:var(--s5);transform:translate(-50%);width:min(880px,calc(100vw - 48px));display:flex;align-items:center;gap:var(--s4);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);box-shadow:0 22px 64px #00000070}.transport .play{flex:0 0 auto;width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;background:#fff;color:#100815;font-size:14px}.track-area{min-width:0;flex:1}.track-meta{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.track-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:var(--t-small);font-weight:650}.time,.live-badge{flex:0 0 auto;color:var(--muted);font:600 var(--t-eyebrow)/1 var(--mono);letter-spacing:.06em}.live-badge{color:#78efbd}.seek{display:block;width:100%}.scene-step{flex:0 0 auto;display:flex;align-items:center;max-width:46%}.scene-step>button{border:0;padding:0;background:transparent;color:var(--muted)}.scene-step>button:hover{background:transparent;color:var(--text)}.scene-step>button:first-child,.scene-step>button:last-child{width:22px;height:24px;font-size:15px;line-height:1}.scene-now{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--s2)!important;color:var(--accent)!important;font:800 var(--t-eyebrow)/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase}.scene-now:hover{color:#fff!important}.volume-control{flex:0 0 84px}.volume-control>span{display:block;margin-bottom:var(--s2);color:var(--muted);font-size:9px;text-align:center;letter-spacing:.1em;text-transform:uppercase}.record-button{flex:0 0 auto;display:flex;align-items:center;gap:var(--s2);min-height:44px;padding-inline:var(--s4);border-color:var(--accent-line);background:var(--accent-soft);color:var(--text);font-weight:720}.record-button:hover{border-color:var(--accent);background:#ff5ec438}.record-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px #ff5b6fb3}.record-button.recording{border-color:#ff5b6fa6;background:#ff5b6f29}.record-button.recording .record-dot{border-radius:2px;animation:recPulse 1s ease-in-out infinite}.controls-guide{position:absolute;z-index:2;top:72px;right:var(--s5);width:min(380px,calc(100vw - 36px));padding:var(--s5);border:1px solid var(--line-strong);border-radius:var(--r3);color:var(--text);background:#0a060ff2;box-shadow:0 24px 70px #0000007a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;animation:guide-in .28s var(--ease) both}.controls-guide:before{content:"";position:absolute;top:-6px;right:34px;width:11px;height:11px;transform:rotate(45deg);border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);background:#0d0813}.controls-guide strong{display:block;margin-top:var(--s2);font-size:var(--t-lead);letter-spacing:-.015em}.controls-guide p{margin:var(--s2) 0 var(--s4);color:var(--muted);font-size:var(--t-small);line-height:1.6}.controls-guide p b{color:var(--text-2);font-weight:700}.shortcut-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);color:var(--text-2);font-size:var(--t-eyebrow)}kbd{display:inline-grid;min-width:22px;height:22px;place-items:center;padding:0 6px;border:1px solid var(--line-strong);border-radius:6px;color:#fff;background:#ffffff12;font:700 var(--t-eyebrow)/1 var(--mono);box-shadow:inset 0 -1px #ffffff0f}.controls-guide>button{margin-top:var(--s4);padding:var(--s3) var(--s4);background:#fff;color:#100815}.ui-restore{position:fixed;z-index:18;top:var(--s4);right:var(--s4);display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:#08050ec2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:guide-in .22s ease both}@keyframes guide-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:#ffffff2e;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border:2px solid #140a18;border-radius:50%;background:var(--text);box-shadow:0 0 0 1px #ffffff2e;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--text);cursor:pointer}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;width:100%;padding:0;border:0;border-radius:0;background:#03010780;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .28s ease,visibility .28s}.drawer-scrim.visible{opacity:1;visibility:visible;pointer-events:auto}.customizer{position:fixed;z-index:30;top:0;right:0;width:min(440px,94vw);height:100%;padding:0 var(--s5) var(--s6);overflow-y:auto;color:var(--text);background:#0a060ff7;border-left:1px solid var(--line);box-shadow:-30px 0 90px #00000085;transform:translate(102%);overscroll-behavior:contain;transition:transform .34s var(--ease)}.customizer.open{transform:translate(0)}.customizer.tucked{visibility:hidden}.customizer-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);padding:var(--s5) 0 var(--s4);background:var(--surface-solid)}.head-title{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.customizer h2{margin:0;font-size:var(--t-title);line-height:1.1;letter-spacing:-.03em;font-weight:760}.head-actions{display:flex;align-items:center;gap:var(--s1);flex:0 0 auto}.text-button{border:0;padding:var(--s2) var(--s3);color:var(--muted);background:transparent}.text-button:hover{background:var(--surface-raised);color:var(--text)}.wide-text-button{display:block;width:100%;margin-top:var(--s2);text-align:left}.close-button{width:36px;height:36px;padding:0;border:0;background:var(--surface-raised-hi);font-size:22px;line-height:1}.live-row{display:flex;flex-wrap:wrap;gap:var(--s1);padding-bottom:var(--s4)}.live-row .auto-toggle{flex:1 1 auto;justify-content:center}.tabrail{position:sticky;top:82px;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:var(--s1);margin-bottom:var(--s5);border-radius:var(--r2);background:linear-gradient(#ffffff0d,#ffffff0d),var(--surface-solid);box-shadow:0 var(--s2) 0 var(--surface-solid),0 calc(var(--s2) * -1) 0 var(--surface-solid)}.tabrail button{border:0;border-radius:var(--r1);padding:var(--s3) var(--s1);background:transparent;color:var(--muted);font-size:var(--t-small);font-weight:700}.tabrail button:hover{background:transparent;color:var(--text-2)}.tabrail button.selected{color:var(--text);background:#ffffff1f;box-shadow:0 1px 6px #0000004d}.tabrail button.selected:after{content:"";display:block;width:14px;height:2px;margin:5px auto -1px;border-radius:2px;background:var(--accent)}.tabpanel{animation:tab-in .22s var(--ease) both}.tabpanel:focus{outline:none}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.block{display:block;padding:0 0 var(--s6)}.block+.block,.tabpanel>.disclosure{border-top:1px solid var(--line);padding-top:var(--s5)}.block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s4)}.block-head h3{margin:0;font-size:var(--t-lead);font-weight:720;letter-spacing:-.015em}.block-head p{margin:var(--s1) 0 0;color:var(--muted);font-size:var(--t-small);line-height:1.5}.field-label{display:block;margin:0 0 var(--s2);color:var(--text-2);font-size:var(--t-micro);font-weight:650}.field-hint{margin:var(--s2) 0 0;color:var(--muted);font-size:var(--t-micro);line-height:1.45}.hint{margin:var(--s3) 0 0;color:var(--muted);font-size:var(--t-micro);line-height:1.55}.segmented-field{margin:0 0 var(--s4)}.wide-button{display:block;width:100%;margin:0 0 var(--s3)}.support-foot{padding-bottom:var(--s2)}.auto-toggle{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto;padding:var(--s2) var(--s3);color:var(--muted)}.toggle-dot{width:7px;height:7px;border-radius:50%;background:#736b7d;flex:0 0 auto}.auto-toggle.on{border-color:var(--accent-line);color:#fff;background:var(--accent-soft)}.auto-toggle.on .toggle-dot{background:var(--accent);box-shadow:0 0 10px #ff5ec4bf}.toggle-row{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin:var(--s2) 0 var(--s3)}.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.look-card{display:grid;gap:var(--s1);padding:var(--s2) var(--s3) var(--s3);border-radius:var(--r2);background:var(--surface-raised);text-align:left;color:var(--text)}.look-art{display:block;height:40px;margin-bottom:var(--s1);border-radius:var(--r1);box-shadow:inset 0 0 0 1px #ffffff1f}.look-name{font-size:var(--t-body);font-weight:720;letter-spacing:-.01em}.look-blurb{color:var(--muted);font-size:var(--t-micro);line-height:1.35;font-weight:500}.look-card.selected{border-color:var(--accent-line);background:var(--accent-soft)}.look-card.selected .look-name:after{content:" ✓";color:var(--accent)}.saved-looks{margin-top:var(--s4)}.scene-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1);max-height:216px;overflow-y:auto;overscroll-behavior:contain;padding:var(--s1);border:1px solid var(--line);border-radius:var(--r2);background:#00000038}.scene-list button{display:grid;grid-template-columns:32px 1fr;gap:var(--s2);align-items:center;min-width:0;min-height:46px;padding:var(--s2);border:0;border-radius:var(--r1);text-align:left;color:var(--text-2);background:transparent;font-size:var(--t-small)}.scene-list button:hover{background:var(--surface-raised)}.scene-list button.selected{color:#fff;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.scene-thumb{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r1);font-size:13px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.scene-meta{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.scene-meta>.scene-num{color:var(--muted);font:600 9px var(--mono)}.scene-list button.selected .scene-num{color:var(--accent)}.palette-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--s1)}.palette-list button{display:flex;flex-direction:column;align-items:center;gap:var(--s2);min-width:0;padding:var(--s2) var(--s1);border:0;border-radius:var(--r1);color:var(--muted);background:transparent;font-size:var(--t-eyebrow);font-weight:650}.palette-list button.selected{color:#fff;background:var(--surface-raised-hi)}.swatch{width:28px;height:28px;border:2px solid rgba(255,255,255,.15);border-radius:50%}.palette-list button.selected .swatch{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 3px var(--text)}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2);margin:var(--s3) 0 0}.color-cell{display:flex;flex-direction:column;align-items:center;gap:var(--s1);font-size:9px;color:var(--muted)}.color-cell input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:var(--r1);background:transparent;cursor:pointer}.frame-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}.frame-list button{display:grid;gap:var(--s2);justify-items:center;padding:var(--s3) var(--s1);border-radius:var(--r2);background:var(--surface-raised);font-size:var(--t-micro)}.frame-art{display:grid;place-items:center;width:100%;height:34px}.frame-art>i{display:block;width:auto;height:100%;max-width:100%;border:1.5px solid currentColor;border-radius:3px;opacity:.65}.frame-list button.selected{border-color:var(--accent-line);background:var(--accent-soft);color:#fff}.frame-list button.selected .frame-art>i{opacity:1}.recipe-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-bottom:var(--s4)}.recipe-list button{display:grid;gap:3px;padding:var(--s3) var(--s2);border-radius:var(--r2);background:var(--surface-raised)}.recipe-list b{font-size:var(--t-body);font-weight:720}.recipe-list span{color:var(--muted);font:600 var(--t-eyebrow)/1.2 var(--mono)}.recipe-list button.selected{border-color:var(--accent-line);background:var(--accent-soft);color:#fff}.feature-button{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);border-radius:var(--r2);text-align:left}.feature-art{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r1);background:var(--accent-soft);font-size:18px}.feature-text{display:grid;gap:2px;min-width:0}.feature-text b{font-size:var(--t-body);font-weight:720}.feature-text i{color:var(--muted);font-style:normal;font-size:var(--t-micro);font-weight:500}.panel-cta{position:sticky;bottom:0;z-index:2;margin:0 calc(var(--s5) * -1);padding:var(--s3) var(--s5) var(--s4);border-top:1px solid var(--line);background:#0c0812f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cta{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;min-height:50px;border-color:transparent;background:var(--text);color:#100815;font-size:var(--t-body);font-weight:800}.cta:hover{background:#fff}.cta-dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.cta.recording{background:#ff5b6f2e;color:#ffd0d6;border-color:#ff5b6f8c}.cta.recording .cta-dot{border-radius:2px;animation:recPulse 1s ease-in-out infinite}.cta-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s2)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:var(--r2);background:#ffffff0f}.segmented button{border:0;border-radius:var(--r1);padding:var(--s2) var(--s1);color:var(--muted);background:transparent;font-size:var(--t-micro)}.segmented button:hover{background:transparent;color:var(--text-2)}.segmented button.selected{color:#fff;background:#ffffff21;box-shadow:0 1px 6px #00000040}.quality-options{grid-template-columns:repeat(4,1fr);gap:2px}.disclosure{padding:0}.disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-height:44px;padding:var(--s3) 0;cursor:pointer;list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure-title{display:flex;flex-direction:column;gap:3px;color:var(--text-2);font-size:var(--t-body);font-weight:700}.disclosure-title b{color:var(--muted);font-size:var(--t-micro);font-weight:500}.summary-mark{flex:0 0 auto;color:var(--muted);font-size:20px;line-height:1;transition:transform .2s ease}.disclosure[open]>summary .summary-mark{transform:rotate(45deg)}.disclosure-body{padding:var(--s2) 0 var(--s4)}.every-dial{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.slider{margin:0 0 var(--s4)}.slider label{display:flex;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s2);color:var(--text-2);font-size:var(--t-micro)}.slider label b{color:var(--muted);font:600 var(--t-eyebrow) var(--mono);font-variant-numeric:tabular-nums}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-bottom:var(--s3)}.button-grid>.filebtn,.button-grid>*{min-width:0}.text-field{display:block;margin:0 0 var(--s3)}.text-field>span{display:block;margin-bottom:var(--s2);color:var(--text-2);font-size:var(--t-micro)}.text-field input,.text-field textarea{width:100%;padding:var(--s3);border-radius:var(--r1);border:1px solid var(--line);background:#ffffff0d;color:var(--text);outline:none}.text-field input:focus,.text-field textarea:focus{border-color:var(--accent-line)}.text-field textarea{resize:vertical;min-height:64px;font:inherit}.preset-list{display:flex;flex-direction:column;gap:2px}.preset-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--s1);align-items:center}.preset-load{text-align:left;padding:var(--s3);border:0;border-radius:var(--r1);background:transparent;color:var(--text-2)}.preset-load:hover{background:var(--surface-raised)}.icon-btn{width:34px;height:34px;padding:0;border-radius:var(--r1);color:var(--muted)}.playlist{display:flex;flex-direction:column;gap:2px;margin:var(--s3) 0;max-height:170px;overflow:auto}.playlist button{text-align:left;padding:var(--s3);border:0;border-radius:var(--r1);background:transparent;color:var(--text-2);font-size:var(--t-small)}.playlist button.selected{color:#fff;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.selected-action{border-color:var(--accent-line);background:var(--accent-soft);color:#fff}.remote-box{margin-top:var(--s3);padding:var(--s3);border-radius:var(--r2);border:1px solid var(--line);background:#ffffff0a;font-size:var(--t-micro);color:var(--muted);line-height:1.5;word-break:break-all}.remote-box a{color:#7ee8ff}.remote-box button{margin-top:var(--s2)}.key-legend{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);color:var(--muted);font-size:var(--t-micro)}.key-legend span{display:flex;align-items:center;gap:var(--s2)}.legal-links{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3)}.legal-links a{color:var(--muted);font-size:var(--t-small);text-decoration:none}.legal-links a:hover{color:#fff}.legal-links .text-button{padding:var(--s2) 0;font-size:var(--t-small)}.debug{position:fixed;z-index:25;left:var(--s5);bottom:var(--s5);width:220px;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:600 10.5px/1 var(--mono)}.debug .bar{display:grid;grid-template-columns:62px 1fr 34px;gap:7px;align-items:center;margin:5px 0;color:var(--muted)}.debug .bar .track{height:6px;overflow:hidden;border-radius:3px;background:#ffffff1a}.debug .bar .fill{height:100%;border-radius:3px}.debug .flash{display:flex;gap:var(--s2);margin-top:var(--s2)}.debug .lamp{flex:1;padding:5px 0;border-radius:7px;color:var(--muted);background:#ffffff0f;text-align:center}.perf-notice{position:fixed;left:50%;bottom:96px;transform:translate(-50%);max-width:min(92vw,560px);padding:var(--s3) var(--s4);border-radius:var(--r-pill);background:#100818d9;border:1px solid rgba(255,122,224,.35);color:#f3e8ff;font-size:var(--t-small);line-height:1.45;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:60;animation:perfNoticeIn .35s ease}@keyframes perfNoticeIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.perf-notice.above-fp{bottom:270px}canvas#viz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:2}.blackout-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background:#000;pointer-events:none}.rec-badge{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-pill);background:#28080ee0;border:1px solid rgba(255,91,111,.55);color:#ffe4e8;font:700 var(--t-small)/1 var(--mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.rec-pulse{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 12px #ff5b6fe6;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.35}}.safe-banner{width:min(440px,92vw);margin:var(--s5) 0 0;padding:var(--s4);border-radius:var(--r2);border:1px solid var(--line);background:#0a0610e0;text-align:left}.safe-banner p{margin:0 0 var(--s3);color:var(--muted);font-size:var(--t-small);line-height:1.45}.safe-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.safe-actions .primary{background:#fff;color:#100815;border-color:transparent;font-weight:750}.remote-pill{margin-left:var(--s2);padding:3px 7px;border-radius:var(--r-pill);font:600 9px/1 var(--mono);letter-spacing:.04em;color:#78efbd;background:#ffffff0f;border:1px solid rgba(120,239,189,.3);text-transform:none}.support-cta{display:flex;align-items:center;justify-content:center;min-height:46px;margin:var(--s2) 0;border-radius:var(--r2);text-decoration:none;font-weight:800;font-size:var(--t-body);color:var(--accent-ink);background:linear-gradient(135deg,#ff5ec4,#ffb36b);box-shadow:0 8px 24px #ff5ec43d;transition:transform .12s,filter .15s}.support-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}.webgl-fail{min-height:100dvh;display:grid;place-content:center;gap:var(--s3);padding:var(--s6);text-align:center;background:#05020a;color:#f3e9ff}.webgl-fail h1{margin:0;font-size:28px;letter-spacing:-.03em}.webgl-fail p{margin:0;color:var(--muted);max-width:420px;line-height:1.5}.webgl-fail a{color:var(--accent)}.fp-bar{position:absolute;left:50%;bottom:104px;transform:translate(-50%);width:min(920px,calc(100vw - 48px));padding:var(--s3) var(--s3) var(--s2);border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);box-shadow:0 22px 64px #00000070;pointer-events:auto;z-index:6}.fp-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fp-lbl{color:var(--muted);font-size:var(--t-eyebrow);font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 4px 0 2px}.fp-row button{min-height:32px;padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-raised);color:var(--text-2);font:700 var(--t-small)/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.fp-row button:hover{background:var(--surface-raised-hi);color:#fff}.fp-row button.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.fp-oct{display:inline-flex;align-items:center;gap:2px;margin-left:auto}.fp-oct output{min-width:34px;text-align:center;color:#fff;font-size:var(--t-small);font-weight:750;font-variant-numeric:tabular-nums}.fp-oct button{width:32px;padding:0;justify-content:center}.fp-exit{color:#ffc2cd;border-color:#ff789659!important}.fp-keys{position:relative;height:72px;margin:var(--s3) 0 6px;display:flex;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none}.fp-keys button{border:0;padding:0;cursor:pointer;font:700 var(--t-eyebrow)/1 var(--mono)}.fp-keys .w{flex:1 1 0;min-width:0;background:#ffffffe0;color:#28303a;border-radius:0 0 6px 6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:background .06s}.fp-keys .w.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px #ff5ec4b3}.fp-keys .b{position:absolute;top:0;width:calc(100% / 14 * .62);height:58%;background:#151a22;color:#9aa4b3;border-radius:0 0 4px 4px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;box-shadow:0 2px #00000080;z-index:2;transition:background .06s}.fp-keys .b.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px #ff5ec4b3}.fp-legend{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:10.5px;line-height:1.4;font-weight:600}.fp-legend kbd{display:inline-block;min-width:16px;padding:1px 5px;border-radius:5px;border:1px solid var(--line);background:#ffffff0d;color:var(--text-2);font:700 var(--t-eyebrow)/1.4 var(--mono);text-align:center}@media (max-width: 680px){.intro{justify-content:center;padding:28px 22px}.intro h1{margin-top:10px;font-size:clamp(54px,19vw,74px)}.intro-lede{margin:18px 0 28px;font-size:17px}.intro-primary,.demo-btn{width:min(100%,310px);min-width:0;padding:16px 22px}.live-sources{display:grid;grid-template-columns:1fr 1fr;width:min(100%,310px)}.live-sources>span{grid-column:1 / -1;margin:0 0 2px}.live-sources button{padding:12px 10px}.privacy-note{max-width:280px}.back-link{top:18px;left:18px}.topbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.wordmark{font-size:10px}.tune-button{min-width:84px}.controls-guide{position:fixed;top:calc(max(12px,env(safe-area-inset-top)) + 56px);left:12px;right:12px;width:auto}.controls-guide:before{right:42px}.ui-restore{top:max(12px,env(safe-area-inset-top));right:12px}.transport{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;transform:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px;border-radius:17px}.track-meta{margin-bottom:7px;gap:8px}.track-name{font-size:11.5px}.scene-step{max-width:52%}.volume-control{display:none}.record-button{min-width:48px;min-height:44px;justify-content:center;padding:12px;font-size:0}.record-button .record-dot{width:10px;height:10px}.record-button.recording:after{content:"■";color:var(--danger);font-size:12px}.record-button.recording .record-dot{display:none}.customizer{top:auto;bottom:0;width:100%;height:auto;max-height:min(86svh,760px);padding:0 18px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-left:0;border-radius:22px 22px 0 0;transform:translateY(102%);box-shadow:0 -28px 80px #0009}.customizer.open{transform:translateY(0)}.customizer-head{padding-top:22px}.customizer-head:before{content:"";position:absolute;top:7px;left:50%;width:38px;height:3px;transform:translate(-50%);border-radius:2px;background:#fff3}.customizer h2{font-size:19px}.tabrail{top:88px}.panel-cta{margin-inline:-18px;padding-inline:18px}.live-row{padding-bottom:14px}.live-row .auto-toggle{flex:1 1 44%}.block{padding-bottom:26px}.scene-list{grid-template-columns:1fr;max-height:30svh}.look-grid{grid-template-columns:1fr 1fr}.palette-list{gap:2px}.color-grid{grid-template-columns:repeat(3,1fr)}.key-legend{grid-template-columns:1fr}body.gx-customizer-open .app-chrome{opacity:0;pointer-events:none;visibility:hidden}.debug{left:10px;right:10px;bottom:90px;width:auto}.rec-badge{top:calc(max(12px,env(safe-area-inset-top)) + 96px)}.perf-notice{bottom:calc(96px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.perf-notice.above-fp{bottom:calc(340px + env(safe-area-inset-bottom))}.customizer button,.customizer .filebtn,.customizer summary,.customizer input[type=color],.topbar-actions button,.menu-sheet>button,.menu-sheet>a,.safe-actions button,.live-sources button,.icon-btn,.scene-step>button{min-height:44px}.customizer .segmented button{min-height:44px;padding-block:0}.palette-list button{min-height:52px}.color-cell input[type=color],.icon-button,.close-button{width:44px;height:44px}.scene-step>button:first-child,.scene-step>button:last-child{width:32px}}@media (max-width: 720px){.fp-bar{bottom:88px;padding:8px 10px}.fp-keys{height:62px}.fp-legend,.fp-lbl{display:none}}@media (max-width: 680px){.fp-row button{min-height:44px}.fp-oct button{width:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.perf-notice,.tabpanel,.menu-sheet{animation:none}}:root.gx-phone{--gx-safe-t: env(safe-area-inset-top, 0px);--gx-safe-b: env(safe-area-inset-bottom, 0px);--gx-safe-l: env(safe-area-inset-left, 0px);--gx-safe-r: env(safe-area-inset-right, 0px);--gx-dock-h: 118px;--gx-fp-h: 0px;--gx-kb: 0px;--gx-above-dock: calc(var(--gx-dock-h, 118px) + var(--gx-safe-b) + 18px);--gx-above-fp: calc(var(--gx-above-dock) + var(--gx-fp-h, 0px));--gx-above-guide: calc(var(--gx-above-fp) + var(--gx-guide-h, 0px));--gx-edge-l: max(8px, var(--gx-safe-l));--gx-edge-r: max(8px, var(--gx-safe-r))}:root.gx-phone .app-chrome{height:100dvh}.gx-touch{position:fixed;z-index:13;top:10px;bottom:28px;left:max(20px,var(--gx-safe-l));right:max(20px,var(--gx-safe-r));touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.gx-touch>*{position:absolute;pointer-events:none}.gx-rail{left:0;right:0;bottom:var(--gx-above-fp);display:flex;justify-content:center;opacity:0;transition:opacity .16s ease}.gx-rail-inner{display:flex;align-items:center;gap:18px;max-width:100%}.gx-rail-now{padding:9px 15px;border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--line-strong);background:#08050ed1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;font-size:14px;font-weight:800;letter-spacing:-.015em}.gx-rail-side{color:var(--muted);font-size:11.5px;font-weight:650;white-space:nowrap;opacity:.7}.gx-rail.will-commit .gx-rail-now{border-color:#ff5ec4cc;background:#26081cdb;box-shadow:0 0 26px #ff5ec452}.gx-gesture-hint{left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;opacity:0;transition:opacity .16s ease;color:#efe7f5;font-size:13px;font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,.85)}.gx-gesture-hint.will-commit{color:#fff}.gx-hold-badge{left:50%;top:calc(14px + var(--gx-safe-t));transform:translate(-50%);padding:8px 14px;border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--line-strong);background:#08050ed9;color:#e8dff0;font:700 11px/1 inherit;letter-spacing:.04em;opacity:0;transition:opacity .14s ease}.gx-hold-badge.on{opacity:1}.gx-phone-top{position:absolute;top:calc(8px + var(--gx-safe-t));left:max(14px,var(--gx-safe-l));right:max(14px,var(--gx-safe-r));display:flex;align-items:center;gap:8px;pointer-events:none;opacity:.8}.gx-phone-top .wordmark{font-size:9.5px;letter-spacing:.22em}.gx-landscape .gx-phone-top{display:none}.gx-phone .gx-dock{position:absolute;z-index:3;left:var(--gx-edge-l);right:var(--gx-edge-r);bottom:calc(8px + var(--gx-safe-b));display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);box-shadow:0 22px 64px #00000080;pointer-events:auto}.gx-dock-meta{display:flex;align-items:baseline;gap:8px;min-width:0;padding:0 3px}.gx-dock-scene{flex:0 1 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font:800 9.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.gx-dock-track{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.gx-dock-time,.gx-dock-live{flex:0 0 auto;color:var(--muted);font:600 10px/1 var(--mono)}.gx-dock-live{color:#78efbd}.gx-dock-seek{padding:0 2px}.gx-dock-seek input[type=range]{display:block;width:100%}.gx-dock-row{display:flex;gap:6px}.gx-key{flex:1 1 0;min-width:0;min-height:56px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r2);background:#ffffff0f;color:var(--text);font-size:20px;line-height:1}.gx-key:active{transform:scale(.96);background:#ffffff1f}.gx-key-play{flex:1.35 1 0;border-color:transparent;background:var(--text);color:#100815;font-size:17px}.gx-key-tune{font-size:19px}.gx-key-hide{color:var(--muted);font-size:21px}.gx-key-rec{border-color:var(--accent-line);background:var(--accent-soft)}.gx-key-rec .gx-rec-dot{width:15px;height:15px;border-radius:50%;background:var(--danger);box-shadow:0 0 12px #ff5b6fb3}.gx-key-rec.recording{border-color:#ff5b6fa6;background:#ff5b6f29}.gx-key-rec.recording .gx-rec-dot{width:13px;height:13px;border-radius:3px;animation:recPulse 1s ease-in-out infinite}.gx-landscape .gx-dock{flex-direction:row;align-items:center;gap:10px;left:max(10px,var(--gx-safe-l));right:max(10px,var(--gx-safe-r));padding:8px 10px;border-radius:18px}.gx-landscape .gx-dock{flex-wrap:wrap}.gx-landscape .gx-dock-meta{flex:0 1 38%;padding:0}.gx-landscape .gx-dock-seek{flex:1 1 auto;min-width:80px;padding:0}.gx-landscape .gx-dock-row{flex:0 0 auto}.gx-landscape .gx-key{flex:0 0 52px;min-height:48px}.gx-landscape .gx-key-play{flex:0 0 60px}@media (max-width: 700px){.gx-landscape .gx-dock-meta{flex:1 1 100%}}:root.gx-phone input[type=range]{height:44px;background:transparent}:root.gx-phone input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff38}:root.gx-phone input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}:root.gx-phone input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ffffff38}:root.gx-phone input[type=range]::-moz-range-thumb{width:22px;height:22px}:root.gx-phone .slider{margin-bottom:10px}:root.gx-phone .slider label{margin-bottom:2px}:root.gx-phone .controls-guide.gx-phone-guide{position:fixed;top:auto;bottom:var(--gx-above-fp);left:var(--gx-edge-l);right:var(--gx-edge-r);width:auto;max-height:min(56dvh,440px);overflow-y:auto;overscroll-behavior:contain;padding:16px}:root.gx-phone .controls-guide:before{display:none}.gx-gesture-list{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:9px}.gx-gesture-list li{color:var(--text-2);font-size:12.5px;line-height:1.4}.gx-gesture-list b{color:#fff;font-weight:780}.gx-gesture-list i{color:var(--muted);font-style:normal}:root.gx-phone .controls-guide>button{width:100%;min-height:48px;margin-top:14px}:root.gx-phone .gx-fp{position:absolute;z-index:4;left:var(--gx-edge-l);right:var(--gx-edge-r);bottom:var(--gx-above-dock);width:auto;transform:none;display:grid;gap:7px;padding:8px;border-radius:18px;pointer-events:auto}.gx-fp-insts{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:3px;border-radius:12px;background:#ffffff0f}.gx-fp-insts button{min-height:44px;padding:0 2px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px}.gx-fp-insts button.on{color:#fff;background:#ffffff21;box-shadow:0 1px 6px #00000040}.gx-fp-row2{display:flex;align-items:stretch;gap:6px}.gx-fp-oct{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;margin:0}.gx-fp-oct button{width:44px;min-height:44px;padding:0;justify-content:center}.gx-fp-oct output{min-width:36px;text-align:center;color:#fff;font:750 12px/1 inherit;font-variant-numeric:tabular-nums}.gx-fp-sustain{flex:1 1 auto;min-height:44px}.gx-fp-sustain.on{border-color:var(--accent-line);background:var(--accent-soft);color:#fff}:root.gx-phone .gx-fp .fp-exit{flex:0 0 46px;min-height:44px;padding:0}.gx-fp-drums{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.gx-fp-drums button{min-height:46px;padding:0 1px;border-radius:10px;font-size:9.5px;font-weight:700;color:var(--text-2);touch-action:none}.gx-fp-drums button:active{border-color:#ff5ec48c;background:var(--accent-soft);color:#fff}:root.gx-phone .gx-fp-keys{height:clamp(96px,13dvh,124px);margin:0;gap:3px}:root.gx-phone .gx-fp-keys .b{width:calc(100% / var(--gx-whites, 7) * .72);height:62%}:root.gx-phone .gx-fp-keys .w{border-radius:0 0 8px 8px;font-size:11px;padding-bottom:8px}.gx-share-card{position:fixed;z-index:45;left:var(--gx-edge-l, 10px);right:var(--gx-edge-r, 10px);bottom:var(--gx-above-fp, 96px);padding:14px;border:1px solid var(--line-strong);border-radius:var(--r3);background:#0c0712f7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 26px 70px #0000009e;animation:guide-in .24s var(--ease) both}.gx-share-head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.gx-share-head strong{font-size:15px;letter-spacing:-.02em}.gx-share-head span{color:var(--muted);font:600 11px/1 var(--mono)}.gx-share-actions{display:flex;gap:8px}.gx-share-actions button{flex:1 1 auto;min-height:48px}.gx-share-actions .primary{border-color:transparent;background:var(--text);color:#100815;font-weight:800}.gx-share-actions .gx-share-dismiss{flex:0 0 52px;min-height:48px;padding:0;color:var(--muted);font-size:20px}:root.gx-phone .ui-restore.gx-restore{top:auto;right:auto;left:50%;transform:translate(-50%);bottom:calc(14px + var(--gx-safe-b));min-height:48px;padding:0 22px;display:flex;align-items:center}.gx-rec-stop{position:fixed;z-index:46;left:50%;transform:translate(-50%);bottom:calc(14px + var(--gx-safe-b));display:flex;align-items:center;gap:9px;min-height:52px;padding:0 22px;border:1px solid rgba(255,91,111,.6);border-radius:var(--r-pill);background:#28080eed;color:#ffe4e8;font-weight:750;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gx-rec-stop .gx-rec-dot{width:12px;height:12px;border-radius:3px;background:var(--danger);box-shadow:0 0 12px #ff5b6fcc}:root.gx-phone .perf-notice,:root.gx-phone .perf-notice.above-fp{bottom:calc(var(--gx-above-guide) + 8px);max-width:calc(100vw - 20px)}:root.gx-phone body.gx-customizer-open .perf-notice,:root.gx-phone body.gx-customizer-open .perf-notice.above-fp{bottom:auto;top:calc(10px + var(--gx-safe-t))}:root.gx-phone .debug{left:var(--gx-edge-l);right:var(--gx-edge-r);width:auto;top:calc(86px + var(--gx-safe-t));bottom:auto;max-height:calc(100dvh - 86px - var(--gx-safe-t) - var(--gx-above-fp));overflow:auto}:root.gx-phone .rec-badge{top:calc(34px + var(--gx-safe-t))}:root.gx-phone .customizer{bottom:var(--gx-kb, 0px);max-height:calc(min(86dvh,760px) - var(--gx-kb, 0px));padding-bottom:calc(24px + var(--gx-safe-b));-webkit-overflow-scrolling:touch}:root.gx-phone .text-field input,:root.gx-phone .remote-box a{min-height:44px}:root.gx-phone .text-field input{padding-block:0}:root.gx-phone .remote-box a{display:inline-flex;align-items:center}:root.gx-phone .legal-links{gap:6px;flex-wrap:wrap}:root.gx-phone .legal-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}:root.gx-phone .support-link{display:inline-block;padding:4px 0}:root.gx-phone.gx-landscape .customizer{height:calc(100dvh - var(--gx-kb, 0px));padding-right:max(24px,var(--gx-safe-r))}:root.gx-phone .customizer button,:root.gx-phone .customizer .filebtn,:root.gx-phone .customizer summary,:root.gx-phone .safe-actions button,:root.gx-phone .live-sources button,:root.gx-phone .icon-btn{min-height:44px}:root.gx-phone .customizer .segmented button,:root.gx-phone .tabrail button{min-height:44px;padding-block:0}:root.gx-phone .palette-list button{min-height:52px}:root.gx-phone .color-cell input[type=color]{width:44px;height:44px}:root.gx-phone .close-button{width:44px;height:44px}:root.gx-phone .scene-list{max-height:34dvh}:root.gx-phone .tabrail{top:88px}:root.gx-phone .intro{height:100dvh;justify-content:flex-start;padding:calc(16px + var(--gx-safe-t)) 20px calc(18px + var(--gx-safe-b));overflow-y:auto;overscroll-behavior:contain}:root.gx-phone .intro h1{margin:8px 0 2px;font-size:clamp(48px,17vw,68px)}:root.gx-phone .intro-lede{margin:14px 0 0;font-size:15.5px}:root.gx-phone .intro-primary{margin-top:auto;width:min(100%,330px)}:root.gx-phone .demo-btn{width:min(100%,330px);min-width:0}:root.gx-phone .live-sources{margin-top:14px}:root.gx-phone .privacy-note{margin-top:16px;font-size:11px}:root.gx-phone .safe-banner{margin-top:16px}:root.gx-phone .back-link{margin-top:14px}@media (prefers-reduced-motion: reduce){.gx-rail,.gx-gesture-hint,.gx-hold-badge{transition:none}.gx-key-rec.recording .gx-rec-dot{animation:none}}