:root{--flanger-black:#111;--flanger-panel:#0b0b0b;--flanger-panel-soft:#181818;--flanger-line:#303030;--flanger-yellow:#facc15;--flanger-yellow-dark:#eab308;--flanger-yellow-soft:#fde047;--flanger-cream:#fbfaf7;--flanger-blue:#2f596f;--flanger-blue-soft:#6aa7bd;--flanger-green:#4f6f52;--flanger-green-soft:#93bd7c;--flanger-red:#d34836;color:var(--flanger-cream);background:var(--flanger-black);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}body{min-width:320px;color:var(--flanger-cream);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.scene-scrim{z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,#93bd7c1a 0%,#93bd7c00 44%),linear-gradient(145deg,#93bd7c12,#0b0b0bdb),linear-gradient(90deg,#111111fa 0%,#111111c7 35%,#1113 72%,#111111a3 100%),linear-gradient(#1111112e 0%,#1111110d 52%,#111111d6 100%);position:fixed;inset:0}.real-controls-stage{z-index:1;perspective:1200px;pointer-events:none;position:fixed;inset:0;overflow:hidden}.flanger-control-rig{width:430px;transform-style:preserve-3d;flex-direction:column;transition:opacity .52s,transform .72s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:50%;right:max(78px,50vw - 554px)}html[data-scene="0"] .flanger-control-rig,html[data-scene="1"] .flanger-control-rig{opacity:.88;transform:translateY(-50%)rotateX(6deg)rotateY(-24deg)rotate(1deg)scale(.84)}html[data-scene="2"] .flanger-control-rig{opacity:0;transform:translate3d(1280px,-52%,-120px)rotateX(6deg)rotateY(-24deg)rotate(1deg)scale(.7)}.flanger-mixer-window{color:#fff;background:#0b0b0b;border:1px solid #272727;box-shadow:0 28px 80px #00000075}.flanger-brand-area{align-items:center;gap:12px;min-width:0;display:flex}.flanger-logo{color:#fff;align-items:center;width:142px;min-width:142px;height:40px;display:flex}.flanger-logo svg{width:142px;height:40px;display:block}.flanger-logo.is-splitting .flanger-logo-waveform-bar{transform-box:fill-box;transform-origin:50%;animation:.98s ease-in-out infinite flanger-logo-waveform}.flanger-logo.is-splitting .flanger-logo-waveform-bar:nth-child(2){animation-delay:90ms}.flanger-logo.is-splitting .flanger-logo-waveform-bar:nth-child(3){animation-delay:.18s}.flanger-logo.is-splitting .flanger-logo-waveform-bar:nth-child(4){animation-delay:.27s}.flanger-logo.is-splitting .flanger-logo-waveform-bar:nth-child(5){animation-delay:.36s}@keyframes flanger-logo-waveform{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1.22)}}.bar-repitch-control{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.bar-repitch-button{color:#facc15;background:0 0;border:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;display:inline-flex}.bar-repitch-icon{width:22px;height:22px;display:block}.bar-repitch-menu{z-index:24;box-sizing:border-box;background:#101010;border:1px solid #303030;border-radius:8px;gap:10px;width:224px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 18px 44px #0000008a}.bar-repitch-menu[hidden]{display:none}.bar-repitch-menu-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bar-repitch-menu-title{color:#8c8c8c;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.bar-repitch-value{color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:850;line-height:1}.bar-repitch-stepper{grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;display:grid}.bar-repitch-step-button,.bar-repitch-reset-button{color:#f3f3f3;font:inherit;letter-spacing:0;cursor:pointer;background:#181818;border:1px solid #303030;border-radius:6px;font-size:12px;font-weight:850;transition:background .14s,border-color .14s,color .14s}.bar-repitch-step-button{place-items:center;width:30px;height:30px;padding:0;font-size:16px;line-height:1;display:grid}.bar-repitch-reset-button{min-height:28px;padding:0 10px}.bar-repitch-step-button:hover,.bar-repitch-step-button:focus-visible,.bar-repitch-reset-button:hover,.bar-repitch-reset-button:focus-visible{color:#fff;background:#242424;border-color:#facc1594;outline:none}.bar-repitch-step-button:disabled,.bar-repitch-reset-button:disabled{cursor:default;opacity:.45}.bar-repitch-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.bar-repitch-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #facc15 0, #facc15 var(--repitch-slider-progress,50%), #303030 var(--repitch-slider-progress,50%), #303030 100%);border-radius:999px;height:4px}.bar-repitch-slider::-webkit-slider-thumb{appearance:none;background:#101010;border:2px solid #facc15;border-radius:999px;width:14px;height:14px;margin-top:-5px}.bar-repitch-slider::-moz-range-track{background:#303030;border-radius:999px;height:4px}.bar-repitch-slider::-moz-range-progress{background:#facc15;border-radius:999px;height:4px}.bar-repitch-slider::-moz-range-thumb{background:#101010;border:2px solid #facc15;border-radius:999px;width:12px;height:12px}.bar-repitch-range-labels{color:#727272;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:-5px;font-size:9px;font-weight:800;line-height:1;display:flex}.bar-progress-area{min-width:0;height:24px;position:relative}.bar-progress-area input[type=range]{z-index:2;appearance:none;background:0 0;width:100%;height:16px;margin:0;position:absolute;bottom:4px;left:0;right:0}.bar-progress-area input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #facc15 0, #facc15 var(--progress,0%), #303030 var(--progress,0%), #303030 100%);border-radius:999px;height:4px}.bar-progress-area input[type=range]::-webkit-slider-thumb{appearance:none;background:#0b0b0b;border:2px solid #facc15;border-radius:999px;width:12px;height:12px;margin-top:-4px}.bar-progress-area input[type=range]::-moz-range-track{background:#303030;border:0;border-radius:999px;height:4px}.bar-progress-area input[type=range]::-moz-range-progress{background:#facc15;border-radius:999px;height:4px}.bar-progress-area input[type=range]::-moz-range-thumb{background:#0b0b0b;border:2px solid #facc15;border-radius:999px;width:12px;height:12px}.flanger-mixer-window{border-radius:8px;width:100%;margin-top:14px;overflow:hidden;transform:translateZ(92px)}.flanger-mixer-window-header{color:#f3f3f3;text-transform:uppercase;background:#101010;border-bottom:1px solid #272727;justify-content:space-between;align-items:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;display:flex}.beat-window-collapse-button{color:#d6d6d6;width:20px;height:20px;font:inherit;background:#181818;border:1px solid #303030;border-radius:4px;place-items:center;padding:0;font-size:11px;font-weight:900;display:grid}.beat-map-mixer-panel,.flanger-mixer-track-stack{display:grid}.beat-map-track-controls{box-sizing:border-box;background:#181818;border-bottom:1px solid #2b2b2b;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-content:stretch;align-items:center;gap:7px 8px;height:66px;padding:9px 10px;display:grid;overflow:hidden}.beat-map-track-controls:nth-child(2n){background:#151515}.beat-map-track-name{color:#eaeaea;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:10px;font-weight:800;line-height:1.1;overflow:hidden}.beat-map-track-buttons{justify-content:flex-end;gap:4px;display:flex}.beat-map-track-buttons button{color:#d6d6d6;min-width:23px;height:20px;font:inherit;text-transform:uppercase;background:#222;border:1px solid #343434;border-radius:2px;padding:0 4px;font-size:10px;font-weight:900;line-height:0}.beat-map-track-buttons button[aria-pressed=true]{color:#101010;background:#facc15;border-color:#facc15}.beat-map-track-buttons .beat-map-track-button-mute[aria-pressed=true]{color:#fff;background:#d34836;border-color:#f36f5d}.track-volume-slider{grid-column:1/-1;min-width:0;height:24px;display:block;position:relative}.track-volume-slider:before{content:"";background:linear-gradient(90deg, #facc15 0, #facc15 var(--track-volume,100%), #3a3a3a var(--track-volume,100%) 100%);pointer-events:none;border-radius:1px;height:4px;position:absolute;top:11px;left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff14}.track-volume-slider input{z-index:1;appearance:none;background:0 0;width:100%;height:24px;margin:0;position:relative}.track-volume-slider input::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:4px}.track-volume-slider input::-webkit-slider-thumb{appearance:none;background:#e9e9e9;border:1px solid #facc15;border-radius:2px;width:9px;height:17px;margin-top:-6.5px;box-shadow:0 1px 1px #20202029}.track-volume-slider input::-moz-range-track{background:0 0;border:0;border-radius:999px;height:4px}.track-volume-slider input::-moz-range-progress{background:#facc15;border-radius:1px;height:4px}.track-volume-slider input::-moz-range-thumb{background:#e9e9e9;border:1px solid #facc15;border-radius:2px;width:9px;height:17px;box-shadow:0 1px 1px #20202029}.site-nav{z-index:5;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);padding:18px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:6px 12px 6px 6px;font-size:1.15rem;font-weight:800;display:inline-flex}.brand img{border-radius:10px;width:38px;height:38px;display:block}.site-nav__links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0;display:flex}.site-nav__links a{color:#fff;border-radius:6px;padding:9px 12px;font-family:Trebuchet MS,Arial,sans-serif;font-size:.88rem;font-weight:750}.site-nav__links a:hover{color:#fff;background:0 0}.site-footer{z-index:2;min-height:96svh;color:var(--flanger-cream);background:linear-gradient(120deg,#143d52 0%,#2f596f 52%,#4f6f52 100%);align-items:end;margin-top:28px;padding:42px 24px 82px;position:relative}.site-footer__content{text-align:center;justify-items:center;gap:14px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.site-footer__text{color:#f8f8f7;max-width:720px;margin:0;font-size:1.12rem;line-height:1.45}.site-footer__button{color:#0b0b0b;background:#f8f8f7;border-color:#f8f8f7;width:auto;min-height:44px;padding:0 18px}.live-demo-section{z-index:6;min-height:100dvh;color:var(--flanger-cream);background:#080808;padding:112px 0 36px;display:none;position:fixed;inset:0;overflow:auto}.live-demo-frame-shell{background:#080808;position:absolute;inset:0}.live-demo-frame{background:#080808;border:0;width:100%;height:100%;display:block}.live-demo-section>.live-demo-shell{display:none}html[data-live-demo-mode=true] .live-demo-section{display:block}html[data-live-demo-mode=true] .site-nav,html[data-live-demo-mode=true] .scene-readout,html[data-live-demo-mode=true] .scene-position-dots,html[data-live-demo-mode=true] .scene-scrim,html[data-live-demo-mode=true] .real-controls-stage,html[data-live-demo-mode=true] .site-footer__button,html[data-live-demo-mode=true] .scene-step{display:none}html[data-live-demo-mode=true] body{overflow:hidden}html[data-live-demo-mode=false] .live-demo-section{display:none}.live-demo-shell{gap:22px;width:100%;max-width:100%;margin:0;display:grid}.live-demo-copy{width:min(760px,100%)}.live-demo-copy h2{margin-bottom:13px}.live-demo-copy p{color:#fbfaf7db;max-width:700px}.live-demo-player{justify-items:center;gap:14px;padding-bottom:104px;display:grid}.live-demo-video{aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid #292929;border-radius:10px;width:min(560px,66vw);height:auto;max-height:38svh}@media (width<=920px){.live-demo-video{width:min(420px,92vw);max-height:30svh}}.live-demo-main-bar{z-index:4;border:1px solid #272727;width:100%;margin:0;padding-left:18px;padding-right:18px;position:fixed;inset:auto 0 0}.live-demo-main-bar:before{content:"";background:#0b0b0b;border-top:1px solid #2e2e2e;position:absolute;inset:0}.live-demo-main-bar .flanger-brand-area{justify-content:flex-start;gap:12px;display:flex}.live-demo-main-bar .bar-status{color:#facc15db;width:auto;max-width:none}.live-demo-main-bar .bar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.live-demo-return-arrow{border-bottom:4px solid;border-left:4px solid;width:12px;height:12px;display:block;transform:rotate(45deg)}.live-demo-return-button{z-index:9;-webkit-backdrop-filter:blur(10px);color:#facc15;cursor:pointer;background:linear-gradient(150deg,#0c0c0cfa,#232323f5);border:1px solid #facc1547;border-left:0;border-radius:0 999px 999px 0;place-items:center;width:48px;min-width:48px;height:42px;min-height:42px;padding:0;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:grid;position:fixed;top:14px;left:0;box-shadow:0 14px 32px #00000075,inset 0 0 0 1px #facc1514,0 0 10px #facc1524}.live-demo-return-button:hover{background:linear-gradient(150deg,#141414fa,#2e2b1cf5);border-color:#facc15a8;transform:translateY(-1px)scale(1.03);box-shadow:0 20px 34px #00000085,inset 0 0 0 1px #facc1538,0 0 14px #facc1533}.live-demo-return-button:active{background:linear-gradient(150deg,#111,#1f1f1f);transform:translateY(1px)}.live-demo-main-bar .bar-close-button.live-demo-return-button{width:30px;min-width:30px;height:30px;min-height:30px}html[data-live-demo-mode=true] .live-demo-return-button{display:grid}html[data-live-demo-mode=true] .live-demo-main-bar{z-index:8;pointer-events:auto;width:100%;margin:0;display:none;bottom:0;left:0;right:0;position:fixed!important}html[data-live-demo-mode=true] .live-demo-main-bar .bar-actions{justify-content:flex-start;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.live-demo-repitch{gap:6px;width:min(260px,34vw);display:grid;position:relative}.live-demo-repitch span{color:#e9e9e9e6;letter-spacing:.01em;font-size:11px;font-weight:700;line-height:1}.live-demo-repitch input[type=range]{appearance:none;background:0 0;width:100%;height:8px;margin:0}.live-demo-repitch input[type=range]::-webkit-slider-runnable-track{background:#303030;border-radius:999px;height:4px}.live-demo-repitch input[type=range]::-webkit-slider-thumb{border:1px solid var(--flanger-yellow);appearance:none;background:#101010;border-radius:999px;width:12px;height:12px;margin-top:-4px}.live-demo-repitch input[type=range]::-moz-range-track{background:#303030;border-radius:999px;height:4px}.live-demo-repitch input[type=range]::-moz-range-progress{background:var(--flanger-yellow);border-radius:999px;height:4px}.live-demo-repitch input[type=range]::-moz-range-thumb{border:1px solid var(--flanger-yellow);background:#101010;border-radius:999px;width:12px;height:12px}.live-demo-mixer{z-index:7;flex:none;width:min(292px,100vw - 34px);max-height:min(520px,100svh - 180px);margin:0;position:fixed;bottom:92px;right:18px}.live-demo-main-bar.has-section-lane~.live-demo-mixer,html[data-live-demo-mode=true] .live-demo-main-bar.has-section-lane+.live-demo-mixer{bottom:136px}.live-demo-main-bar.has-section-lane{grid-template-rows:62px minmax(46px,auto);min-height:118px}.live-demo-main-bar.has-section-lane:before{height:118px}.bar-section-lane-shell{z-index:3;box-sizing:border-box;pointer-events:none;background:#0b0b0b;border:1px solid #272727;border-bottom:0;border-radius:6px 6px 0 0;height:48px;padding:6px;position:absolute;bottom:26px;left:0;right:0;overflow:hidden}.bar-section-lane-shell[hidden]{display:none}.bar-section-lane{pointer-events:none;background:#1f1f1f;border-radius:6px;position:absolute;inset:6px;overflow:hidden}.bar-section-lane:before{content:"";pointer-events:none;background:linear-gradient(#0000 calc(50% - .5px),#ffffff0e calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));position:absolute;inset:0}.bar-section-grid-line{z-index:1;pointer-events:none;background:#ffffff1a;width:1px;position:absolute;top:0;bottom:0}.bar-section-grid-line.is-four-bar{width:2px}.bar-section-marker{z-index:2;background:var(--section-color,#cb76a580);color:#111;cursor:pointer;pointer-events:auto;border:0;border-radius:4px;min-width:4px;height:22px;padding:0;position:absolute;top:6px;overflow:visible}.bar-section-marker:active{cursor:grabbing}.bar-section-label{box-sizing:border-box;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;height:22px;margin:2px 4px;padding:4px 4px 0;font-size:9px;font-weight:700;line-height:1;display:block;overflow:hidden}.bar-section-band-resize-handle{z-index:3;cursor:ew-resize;pointer-events:auto;width:10px;position:absolute;top:0;bottom:0}.bar-section-band-resize-handle.is-start{left:0}.bar-section-band-resize-handle.is-end{right:0}.bar-section-boundary-marker{z-index:1;border-left:2px solid var(--section-color,#cb76a580);pointer-events:none;width:0;height:4px;position:absolute;top:46px}.bar-section-boundary-marker.is-start{left:0}.bar-section-boundary-marker.is-end{right:0}.bar-section-marker:hover,.bar-section-marker:focus-visible{filter:brightness(1.12);outline:none}.bar-section-marker.is-active{box-shadow:inset 0 0 0 2px #ffffffb8,0 0 0 1px #facc1552}.beat-window{z-index:7;color:#171717;background:#fbfaf7;border:1px solid #17171729;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:10px;max-height:calc(100svh - 170px);padding:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;top:28px;left:24px;right:24px;overflow:hidden;box-shadow:0 22px 56px #00000047,0 0 0 1px #ffffff47}.beat-window>*{grid-column:1/-1}.beat-window[hidden]{display:none}.beat-window-tempo{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.beat-window-tempo-settings{align-items:stretch;gap:6px;min-width:0;display:flex}.beat-window-top-controls{justify-content:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.beat-map-status-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.beat-map-status-actions{justify-content:flex-start;min-width:0;display:flex}.beat-map-status-advice{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.beat-window-metronome{flex:0 0 112px;min-width:0;position:relative}.beat-window-metronome-toggle{color:#171717;width:112px;min-height:28px;font:inherit;text-align:left;cursor:pointer;background:#ebe7dd;border:1px solid #17171729;border-radius:6px;grid-template-columns:16px auto auto;align-items:center;gap:6px;padding:4px 7px;font-size:12px;font-weight:800;display:grid}.beat-window-metronome-toggle:hover,.beat-window-metronome-toggle:focus-visible{background:#f1eee7;border-color:#234f6c6b;outline:none}.beat-window-metronome-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beat-window-metronome-icon{width:14px;height:16px;position:relative}.beat-window-metronome-icon:before{content:"";border:2px solid;border-top:0;border-radius:0 0 4px 4px;position:absolute;inset:2px 3px 1px;transform:perspective(16px)rotateX(12deg)}.beat-window-metronome-icon:after{content:"";transform-origin:50% 100%;background:currentColor;border-radius:999px;width:2px;height:12px;position:absolute;top:1px;left:7px;transform:rotate(-18deg)}.metronome-dropdown-caret{border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.beat-window-metronome-menu{z-index:12;box-sizing:border-box;background:#fbfaf7;border:1px solid #17171729;border-radius:6px;gap:6px;width:190px;padding:7px;display:grid;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 12px 28px #1717172e}.beat-window-metronome-menu[hidden]{display:none}.beat-tempo-control{color:#171717;background:#ebe7dd;border-radius:6px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:4px;padding:4px 5px 4px 8px;font-size:11px;font-weight:800;display:grid}.beat-tempo-control input,.first-beat-input input{color:#171717;min-width:0;font:inherit;text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:none}.beat-tempo-control button,.first-beat-input button{color:#565149;min-height:22px;font:inherit;cursor:pointer;background:#1717170f;border:0;border-radius:4px;place-items:center;padding:0 5px;font-weight:900;line-height:1;display:grid}.beat-tempo-control button:hover,.beat-tempo-control button:focus-visible,.first-beat-input button:hover,.first-beat-input button:focus-visible{color:#234f6c;background:#234f6c24;outline:none}.tap-button,.beat-window-tap-row{color:#fff;width:100%;min-height:26px;font:inherit;cursor:pointer;background:#2f596f;border:0;border-radius:5px;font-size:11px;font-weight:800}.first-beat-input{color:#171717;background:#ebe7dd;border-radius:6px;grid-template-columns:auto 20px 5.6ch 20px;align-items:center;gap:3px;padding:4px 5px 4px 8px;font-size:11px;font-weight:800;display:grid}.first-beat-input label{white-space:nowrap;padding-right:4px}.beat-window-count-in{box-sizing:border-box;color:#171717;background:#ebe7dd;border:1px solid #17171729;border-radius:6px;grid-template-columns:auto auto auto;align-items:center;gap:3px;min-height:28px;padding:2px 3px 2px 7px;display:grid}.beat-window-count-in button,.beat-window-metronome-mode button{color:#171717;min-width:0;height:22px;min-height:0;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 7px;font-size:12px;font-weight:800;line-height:1}.beat-window-count-in button:hover,.beat-window-count-in button:focus-visible,.beat-window-metronome-mode button:hover,.beat-window-metronome-mode button:focus-visible{background:#f1eee7;outline:none}.beat-window-count-in button[aria-pressed=true],.beat-window-metronome-mode button[aria-pressed=true]{color:#fff;background:#2f596f}.beat-window-metronome-mode{box-sizing:border-box;color:#171717;background:#ebe7dd;border:1px solid #17171729;border-radius:6px;grid-template-columns:1fr 1fr;align-items:center;gap:2px;width:min(136px,100%);height:28px;min-height:28px;padding:2px;display:grid}.beat-window-zoom-area{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.beat-window-zoom-slot{min-width:0;display:flex}.beat-map-zoom-actions{align-items:center;gap:4px;display:flex}.beat-map-zoom-actions button,.beat-window-automation-button{box-sizing:border-box;color:#171717;min-height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #17171729;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:800;line-height:1}.beat-map-zoom-actions button:hover,.beat-map-zoom-actions button:focus-visible,.beat-window-automation-button:hover,.beat-window-automation-button:focus-visible{background:#eef3f5;border-color:#234f6c6b;outline:none}.beat-window-automation-button[aria-pressed=true]{color:#fff;background:#2f596f;border-color:#234f6c6b}.beat-window .beat-window-collapse-button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:0 0 0 8px;width:30px;height:24px;font-size:14px}.beat-map-ruler-row{background:#efe9de;border:1px solid #1717171f;border-radius:5px;grid-template-columns:136px minmax(0,1fr);display:grid;overflow:hidden}.beat-map-ruler-spacer{background:#f4efe6;border-right:1px solid #17171724}.beat-map-ruler-lane{position:relative;overflow:hidden}.beat-map-ruler-canvas{width:100%;height:22px;display:block}.beat-map-playhead-triangle{z-index:4;pointer-events:none;border-top:7px solid #d34836;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:0;transform:translate(-5px)}.beat-map-daw{overscroll-behavior:contain;scrollbar-gutter:stable;background:#d7d4cd;border:1px solid #20202033;border-radius:4px;grid-template-columns:136px minmax(0,1fr);min-width:0;height:100%;min-height:120px;max-height:none;display:grid;overflow:auto}.beat-window .beat-map-track-control-stack{grid-auto-rows:var(--track-height,86px);background:#d7d4cd;border-right:1px solid #2020202e;align-content:start;display:grid}.beat-window .beat-map-track-controls{height:var(--track-height,86px);background:#e8e5dd;border-bottom:1px solid #20202024}.beat-window .beat-map-track-controls:nth-child(2n){background:#e2dfd7}.beat-window .beat-map-track-name{color:#252525}.beat-window .beat-map-track-buttons button{color:#3a3935;background:#f4f2ec;border-color:#20202033}.beat-window .track-volume-slider:before{background:linear-gradient(90deg, #6aa7bd 0, #93bd7c var(--track-volume,100%), #bdb8ad var(--track-volume,100%) 100%);box-shadow:inset 0 0 0 1px #20202021}.beat-map-waveform{width:100%;min-width:0;min-height:var(--track-height,86px);box-sizing:border-box;cursor:zoom-in;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#ddd8cd;border:0;border-radius:0;height:auto;position:relative;overflow:hidden}.beat-map-daw-viewport{cursor:crosshair;scrollbar-width:none;overflow:auto hidden}.beat-map-daw-viewport::-webkit-scrollbar{display:none}.beat-map-daw-content{min-width:100%;height:602px;position:relative}.beat-map-track-canvas-stack{z-index:1;position:absolute;inset:0}.beat-map-track-canvas{height:var(--track-height,86px);display:block;position:absolute}.beat-map-grid-canvas{z-index:3;pointer-events:none;position:absolute;top:0}.beat-map-automation-stack{z-index:7;position:absolute;inset:0 auto auto 0}.beat-map-section-marker{z-index:5;border:0;border-left:2px solid var(--section-color,#cb76a59e);background:color-mix(in srgb, var(--section-color,#cb76a59e) 76%, transparent);color:#111;cursor:pointer;border-radius:0;min-width:0;padding:0;position:absolute;top:0;bottom:0;transform:translate(-1px)}.beat-map-section-label{color:#111;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#ffffffdb;border-radius:4px;max-width:96px;padding:2px 5px;font-size:10px;font-weight:800;line-height:1.1;position:absolute;top:5px;left:4px;overflow:hidden}.beat-map-section-resize-handle{z-index:2;cursor:ew-resize;pointer-events:auto;width:8px;position:absolute;top:0;bottom:0}.beat-map-section-resize-handle.is-start{left:-4px}.beat-map-section-resize-handle.is-end{right:-4px}.beat-map-section-marker:hover,.beat-map-section-marker:focus-visible{filter:brightness(1.12);outline:none}.beat-map-section-marker.is-active{filter:brightness(1.16);box-shadow:inset 0 0 0 1px #facc15b8}.beat-map-track-controls.is-muted{opacity:.64}.beat-map-track-controls.is-soloed{box-shadow:inset 3px 0 #facc15}.first-downbeat-handle{z-index:6;color:#fff;cursor:ew-resize;background:0 0;border:0;border-left:2px solid #d34836;border-radius:0;width:18px;min-width:0;padding:0;position:absolute;top:0;bottom:0;transform:translate(-1px)}.first-downbeat-handle span{color:#fff;white-space:nowrap;pointer-events:none;background:#d34836;border-radius:4px;padding:2px 4px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:5px;left:3px}.beat-map-overview{cursor:pointer;background:#f5f2ea;border:1px solid #1717171f;border-radius:5px;overflow:hidden}.beat-map-minimap{cursor:pointer;width:100%;height:24px;display:block}.beat-map-timeline{background:#fbfaf7;border-top:1px solid #17171714;height:20px}.beat-map-status{color:#565149;grid-column:1;align-items:center;min-height:26px;margin:0;font-size:11px;font-weight:800;display:flex}.beat-map-context-menu,.beat-map-section-editor{z-index:2147483647;background:#fff;border:1px solid #17171729;border-radius:6px;position:fixed;box-shadow:0 12px 28px #1717172e}.beat-map-context-menu{min-width:174px;padding:4px;overflow:hidden}.beat-map-context-menu button{color:#171717;width:100%;min-height:30px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:800;display:block}.beat-map-context-menu button:hover,.beat-map-context-menu button:focus-visible{background:#f1eee6;outline:none}.beat-map-section-editor{gap:5px;width:196px;padding:6px;display:grid}.beat-map-section-editor label{color:#565149;text-transform:uppercase;gap:2px;font-size:9px;font-weight:800;display:grid}.beat-map-section-editor input{box-sizing:border-box;color:#171717;width:100%;font:inherit;border:1px solid #17171724;border-radius:5px;padding:4px 5px;font-size:11px;font-weight:800}.beat-map-section-editor-time-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}.beat-map-mixer-scroll-stack{scrollbar-width:thin;min-height:0;max-height:396px;overflow:auto}.beat-map-mixer-pinned-stack{border-top:1px solid #272727}@media (width<=1024px){.live-demo-repitch{width:170px}}@media (width<=720px){.beat-window{max-height:calc(100svh - 148px);padding:9px;top:14px;left:10px;right:10px}.beat-map-status-row,.beat-window-tempo{grid-template-columns:minmax(0,1fr)}.beat-window-tempo-settings,.beat-window-zoom-area,.beat-window-top-controls,.beat-map-status-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.beat-map-ruler-row,.beat-map-daw{grid-template-columns:104px minmax(0,1fr)}}#app{z-index:3;min-height:100vh;position:relative}.scene-step{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;min-height:112svh;padding:112px max(24px,50vw - 590px) 90px;display:grid;position:relative;overflow:hidden}.scene-step[data-scene="0"],.scene-step[data-scene="1"],.scene-step[data-scene="2"]{isolation:isolate;position:relative}.hero{min-height:100svh}.copy{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0bbd;border:1px solid #303030f5;border-radius:8px;width:min(520px,100%);padding:22px;box-shadow:0 24px 70px #00000047}.copy--hero{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:0}.feature-step--right{justify-items:end}h1,h2,h3,p{margin-top:0}h1{color:#fff;letter-spacing:0;max-width:640px;margin-bottom:18px;font-size:6rem;line-height:.94}#hero-title{font-size:5em}.hero .copy--hero>h1,.hero .copy--hero>p{transform:translateY(-100px)}.copy--anchored h2,.copy--anchored p{transform:translateY(-116px)}h2{color:#fff;letter-spacing:0;margin-bottom:16px;font-size:2.45rem;line-height:1.08}.copy p{color:#fbfaf7c7;margin-bottom:0;font-size:1rem;line-height:1.65}.copy--hero p{max-width:560px;margin-bottom:28px;font-size:1.16rem}.copy--feature-hero h2{max-width:660px;font-size:3.6rem;line-height:.98}.scene-step[data-scene="0"] .copy--hero h1,.scene-step[data-scene="0"] .copy--hero p,.scene-step[data-scene="1"] .copy--hero h2,.scene-step[data-scene="1"] .copy--hero p{text-shadow:0 2px 12px #00000094,0 12px 36px #00000061}.copy--wider{width:min(700px,100%)}#stems-title{font-size:5rem;line-height:.95}.heading-break{display:block}.copy--feature-hero .signal-list{max-width:560px}.tool-list{gap:16px;width:min(760px,100%);margin:28px 0 0;padding:0;list-style:none;display:grid}.tool-list li{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:28px;min-width:0;display:grid}.tool-list__icon{color:#fff;place-items:center;width:104px;height:104px;display:grid}.tool-list__icon svg{width:48px;height:48px;display:block}.tool-list strong,.tool-list span span{display:block}.tool-list strong{color:#fff;margin-bottom:3px;font-size:.96rem;font-weight:900;line-height:1.15}.tool-list__label{color:#fff;font-size:2.8rem;font-weight:900;line-height:1.1}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{white-space:nowrap;border:1px solid #facc1552;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:.95rem;font-weight:850;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{border-color:var(--flanger-yellow);background:var(--flanger-yellow);color:#111}.button--secondary{color:var(--flanger-cream);background:#181818b3;border-color:#fbfaf729}.signal-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.signal-list li{color:#fbfaf7db;text-align:center;background:#facc1514;border:1px solid #facc1538;border-radius:6px;min-width:0;padding:9px 8px;font-size:.78rem;font-weight:800}.scene-readout{z-index:4;border:1px solid #303030f2;border-left:3px solid var(--flanger-yellow);color:#fbfaf7b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0bc2;border-radius:8px;gap:6px;width:330px;padding:14px;display:grid;position:fixed;bottom:28px;right:max(24px,50vw - 590px)}.scene-readout__label{color:var(--flanger-yellow);font-size:.72rem;font-weight:900}.scene-readout strong{color:#fff;font-size:.98rem}.scene-readout span:last-child{font-size:.82rem;line-height:1.45}.scene-position-dots{z-index:4;align-items:center;gap:20px;display:flex;position:fixed;bottom:28px;left:50%;right:auto;transform:translate(-50%)}.scene-position-dot{cursor:pointer;background:#ffffff4d;border:0;border-radius:999px;width:11px;height:11px;margin:0;padding:0;transition:transform .16s,background .16s,box-shadow .16s;position:relative;box-shadow:inset 0 0 0 1px #ffffff6b}.scene-position-dot:hover{background:#ffffff8f}.scene-position-dot.is-active{background:#fff;transform:scale(1.3);box-shadow:0 0 0 5px #ffffff3d}.scene-position-dot:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}@media (width<=900px){.site-nav{width:min(100% - 34px,680px)}.flanger-control-rig{width:min(420px,100vw - 34px);top:45%;right:18px}html[data-scene="0"] .flanger-control-rig,html[data-scene="1"] .flanger-control-rig{opacity:.58;transform:translate3d(0,-56%,-20px)rotateX(8deg)rotateY(-24deg)scale(.74)}html[data-scene="2"] .flanger-control-rig{opacity:0;transform:translate3d(760px,-56%,-120px)rotateX(8deg)rotateY(-24deg)scale(.62)}.scene-step{align-items:end;min-height:105svh;padding:104px 17px 86px}.hero{align-items:center}.copy{width:min(100%,560px)}.feature-step--right{justify-items:start}h1{font-size:4.4rem}h2{font-size:2rem}.copy--feature-hero h2{font-size:3rem}.scene-readout{width:min(330px,100% - 34px);bottom:18px;right:17px}}@media (width<=620px){.site-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b0beb;border-bottom:1px solid #303030e6;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:12px 17px}.site-nav__links{width:100%;overflow-x:auto}.site-nav__links a{text-align:center;flex:1 0 auto;padding:8px 9px}.flanger-control-rig{width:360px;top:39%;right:-96px}.flanger-mixer-window-header{min-height:30px}.beat-map-track-controls{height:60px;padding:8px}html[data-scene="0"] .flanger-control-rig,html[data-scene="1"] .flanger-control-rig{opacity:.58;transform:translate3d(0,-58%,-30px)rotateX(9deg)rotateY(-31deg)scale(.7)}html[data-scene="2"] .flanger-control-rig{opacity:0;transform:translate3d(520px,-58%,-140px)rotateX(9deg)rotateY(-31deg)scale(.56)}.copy{padding:18px}.copy--hero{padding:0}h1{font-size:3.15rem}h2{font-size:1.75rem}.copy--feature-hero h2,#stems-title{font-size:2.1rem}.copy--hero p{font-size:1rem}.actions,.button{width:100%}.signal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list{gap:16px}.scene-position-dot{width:13px;height:13px;margin-top:0}.tool-list li{grid-template-columns:82px minmax(0,1fr);gap:20px}.tool-list__icon{width:78px;height:78px}.tool-list__icon svg{width:38px;height:38px}.tool-list__label{font-size:1.8rem}.tool-list strong{font-size:1.05rem}.tool-list span span{font-size:1rem}.scene-readout{display:none}.site-footer{padding:76px 16px 58px}.site-footer__content{gap:13px;width:min(100%,560px)}.site-footer__text{font-size:1rem}.site-footer__button{width:100%;max-width:320px}}.flanger-control-rig{width:min(960px,100vw - 80px)}.flanger-video-plane{aspect-ratio:16/9;opacity:.86;pointer-events:none;transform-origin:70% 65%;background:#050505;border:1px solid #facc1533;border-radius:8px;place-items:center;width:min(560px,62%);display:grid;position:absolute;bottom:132px;right:min(340px,38%);overflow:hidden;transform:translateZ(-94px)rotateY(3deg)scale(.98);box-shadow:0 24px 64px #0000007a,inset 0 0 0 1px #ffffff0d}.flanger-video-plane:after{content:"";background:linear-gradient(90deg,#0505052e,#05050500 34%,#05050557),linear-gradient(#05050500 58%,#050505bd);position:absolute;inset:0}.flanger-video-plane__media{filter:saturate(.85)contrast(1.04)brightness(.82);background:linear-gradient(135deg,#6aa7bd29,#93bd7c1f),linear-gradient(#ffffff14 0 1px,#0000 1px 100%) 0 0/100% 34px,repeating-linear-gradient(90deg,#272727 0 42px,#202020 42px 84px);position:absolute;inset:0}.flanger-video-plane__play-button{z-index:1;background:#050505a3;border:1px solid #facc1561;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:0 12px 28px #00000057,inset 0 0 0 1px #ffffff14}.flanger-video-plane__play{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #ffffffe0;width:0;height:0;margin-left:4px}.demo-main-bar{z-index:auto;box-sizing:border-box;color:#f5f5f5;pointer-events:none;background:0 0;grid-template-rows:18px minmax(46px,auto);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0 14px;width:100%;min-height:74px;padding:4px 18px 6px;display:grid;position:relative;bottom:auto;left:auto;right:auto;transform:translateZ(52px)}.demo-main-bar:before{z-index:0;content:"";pointer-events:auto;background:#0b0b0b;border-top:1px solid #272727;height:74px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 38px #0000006b,0 28px 80px #00000075}.demo-main-bar .flanger-brand-area,.demo-main-bar .bar-transport,.demo-main-bar .bar-progress-area,.demo-main-bar .bar-actions{z-index:1;pointer-events:auto;position:relative}.demo-main-bar .flanger-brand-area,.demo-main-bar .bar-actions{align-items:center;min-width:0;display:flex}.demo-main-bar .flanger-brand-area{grid-area:2/1;gap:12px}.demo-main-bar .flanger-logo{place-items:center;width:142px;min-width:142px;height:42px;display:grid;overflow:hidden}.demo-main-bar .flanger-logo svg{width:142px;height:auto;display:block}.demo-main-bar .flanger-logo-waveform-bar{transform-box:fill-box;transform-origin:50%}.demo-main-bar .daw-view-button,.demo-main-bar .bar-options-button,.demo-main-bar .bar-repitch-button,.demo-main-bar .bar-loop-button,.demo-main-bar .bar-metronome-button,.demo-main-bar .bar-minimize-button,.demo-main-bar .bar-close-button,.demo-main-bar .transport-icon-button{color:#d9d9d9;cursor:pointer;font:inherit;letter-spacing:0;background:0 0;border:0;border-radius:3px;font-size:12px;font-weight:800;transition:background .14s,border-color .14s,color .14s}.demo-main-bar .bar-options-control{align-items:center;display:inline-flex;position:relative}.demo-main-bar .bar-options-button{align-items:center;gap:6px;min-height:24px;padding:0 11px;display:inline-flex}.demo-main-bar .bar-options-arrow{border-bottom:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.demo-main-bar .bar-options-button:hover,.demo-main-bar .bar-options-button:focus-visible,.demo-main-bar .daw-view-button:hover,.demo-main-bar .daw-view-button:focus-visible,.demo-main-bar .bar-repitch-button:hover,.demo-main-bar .bar-repitch-button:focus-visible,.demo-main-bar .bar-loop-button:hover,.demo-main-bar .bar-loop-button:focus-visible,.demo-main-bar .bar-metronome-button:hover,.demo-main-bar .bar-metronome-button:focus-visible,.demo-main-bar .bar-minimize-button:hover,.demo-main-bar .bar-minimize-button:focus-visible,.demo-main-bar .bar-close-button:hover,.demo-main-bar .bar-close-button:focus-visible{color:#fff;background:#242424;outline:none}.demo-main-bar .bar-status{color:#8c8c8c;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(22vw,320px);font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.demo-main-bar .bar-transport{grid-area:2/2;justify-content:center;align-items:center;display:grid}.demo-main-bar .transport-icon-button{color:#f5f5f5;background:0 0;border:0;border-radius:0;place-items:center;width:32px;min-width:32px;height:34px;min-height:34px;font-size:18px;line-height:1;display:grid}.demo-main-bar .transport-playback-toggle{font-size:20px;position:relative;overflow:hidden}.demo-main-bar .transport-playback-toggle span{grid-area:1/1;place-items:center;width:22px;height:24px;font-size:19px;line-height:1;transition:opacity .16s,transform .18s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.demo-main-bar .transport-pause-icon{opacity:0;transform:scale(.72)rotate(-10deg)}.demo-main-bar .transport-play-icon:before{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;width:0;height:0;transform:translate(1px)}.demo-main-bar .transport-pause-icon:before,.demo-main-bar .transport-pause-icon:after{content:"";background:currentColor;border-radius:999px;width:4px;height:18px;position:absolute;top:50%;left:50%}.demo-main-bar .transport-pause-icon:before{transform:translate(-7px,-50%)}.demo-main-bar .transport-pause-icon:after{transform:translate(3px,-50%)}.demo-main-bar .transport-playback-toggle.is-active .transport-play-icon{opacity:0;transform:scale(.72)rotate(10deg)}.demo-main-bar .transport-playback-toggle.is-active .transport-pause-icon{opacity:1;transform:scale(1)rotate(0)}.demo-main-bar .transport-icon-button:hover,.demo-main-bar .transport-icon-button:focus-visible{color:#fff;background:0 0;outline:none}.demo-main-bar .transport-icon-button.is-active:not(.transport-playback-toggle),.demo-main-bar .transport-icon-button[aria-pressed=true]:not(.transport-playback-toggle){color:#facc15;background:0 0}.demo-main-bar .bar-progress-area{grid-area:1/1/auto/-1;grid-template-columns:42px minmax(0,1fr) 42px;align-self:start;align-items:center;gap:10px;min-width:0;max-width:none;height:22px;padding:0;display:grid}.demo-main-bar .bar-progress-area>span{color:#777;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;line-height:1}.demo-main-bar .bar-progress-area>span:last-child{text-align:right}.demo-main-bar .bar-progress-track{min-width:0;height:22px;position:relative}.demo-main-bar .bar-progress-area input[type=range]{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0;position:absolute;bottom:4px;left:0;right:0}.demo-main-bar .bar-progress-area input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #facc15 0, #facc15 var(--progress,0%), #303030 var(--progress,0%), #303030 100%);border-radius:999px;height:4px}.demo-main-bar .bar-progress-area input[type=range]::-webkit-slider-thumb{appearance:none;background:#0b0b0b;border:2px solid #facc15;border-radius:999px;width:12px;height:12px;margin-top:-4px}.demo-main-bar .bar-progress-area input[type=range]::-moz-range-track{background:#303030;border:0;border-radius:999px;height:4px}.demo-main-bar .bar-progress-area input[type=range]::-moz-range-progress{background:#facc15;border-radius:999px;height:4px}.demo-main-bar .bar-progress-area input[type=range]::-moz-range-thumb{background:#0b0b0b;border:2px solid #facc15;border-radius:999px;width:12px;height:12px}.demo-main-bar .bar-actions{grid-area:2/3;justify-content:flex-end;gap:8px}.demo-main-bar .bar-repitch-control{justify-content:center;align-items:center;width:22px;height:22px;margin-right:14px;display:inline-flex;position:relative}.demo-main-bar .bar-repitch-button,.demo-main-bar .bar-loop-button{color:#f2f2f2;background:0 0;border-radius:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.demo-main-bar .bar-loop-button{margin-right:14px}.demo-main-bar .bar-metronome-button{color:#f2f2f2;background:0 0;border-radius:0;flex-direction:row;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;line-height:1;display:inline-flex}.demo-main-bar .bar-repitch-button:hover,.demo-main-bar .bar-repitch-button:focus-visible,.demo-main-bar .bar-loop-button:hover,.demo-main-bar .bar-loop-button:focus-visible,.demo-main-bar .bar-metronome-button:hover,.demo-main-bar .bar-metronome-button:focus-visible{color:#f2f2f2;background:0 0}.demo-main-bar .bar-repitch-button[aria-pressed=true],.demo-main-bar .bar-loop-button[aria-pressed=true],.demo-main-bar .bar-metronome-button[aria-pressed=true]{color:#facc15;background:0 0}.demo-main-bar .bar-repitch-icon{width:22px;height:22px;display:block}.demo-main-bar .bar-loop-icon{width:22px;height:22px;display:block;transform:translate(-2px)}.demo-main-bar .bar-metronome-icon{width:24px;height:24px;display:block}.demo-main-bar .daw-view-button{color:#eee;white-space:nowrap;background:0 0;border:0;min-height:34px;padding:0 13px}.demo-main-bar .daw-view-button:hover,.demo-main-bar .daw-view-button:focus-visible{color:#fff;background:0 0;outline:none}.demo-main-bar .daw-view-button[aria-pressed=true]{color:#facc15;background:0 0}.demo-main-bar .bar-minimize-button,.demo-main-bar .bar-close-button{color:#777;place-items:center;width:30px;height:30px;font-size:16px;line-height:1;display:grid}.demo-main-bar .bar-minimize-button{font-size:19px}.demo-real-mixer{flex:none;order:1;width:min(300px,100%);margin:0 0 58px auto}.demo-main-bar{order:2}@media (width<=900px){.flanger-control-rig{width:min(820px,100vw - 34px)}.flanger-video-plane{opacity:.72;width:min(440px,58%);bottom:126px;right:236px;transform:translateZ(-86px)rotateY(3deg)scale(.96)}}@media (width<=620px){.flanger-control-rig{width:660px;right:-170px}.flanger-video-plane{opacity:.62;width:330px;bottom:122px;right:244px;transform:translateZ(-78px)rotateY(4deg)scale(.92)}.demo-main-bar{padding-left:12px;padding-right:12px}.demo-main-bar .flanger-logo,.demo-main-bar .flanger-logo svg{width:128px;min-width:128px}.demo-main-bar .bar-actions{gap:4px}.demo-main-bar .daw-view-button{min-height:30px;padding:0 8px;font-size:11px}.demo-main-bar .bar-minimize-button,.demo-main-bar .bar-close-button{width:26px;height:28px}}