:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07100b;--surface:#0f1b14;--module:#14271b;--module-line:#23442f;--control-bg:#09120d;--raised:#1a3424;--ink:#e4f2e8;--ink-dim:#94aa9a;--ink-faint:#5c7564;--line:#1d3727;--accent:#42d47d;--accent-bright:#76ec9f;--accent-ink:#07150d;--accent-glow:#42d47d57;--wave-color:#355b43;--ruler-color:#5c7564;--code-bg:#07100b;--code-ink:#e5f0e8;--code-dim:#82988a;--radius-lg:26px;--radius-md:16px;--radius-sm:9px;--radius-pill:999px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{justify-content:center;min-height:100vh;padding:40px 20px 80px;display:flex}.app{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:1040px;box-shadow:0 0 0 1px var(--line), 0 24px 60px -30px #000c;overflow:hidden}button{cursor:pointer;font-family:inherit}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--surface);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-mark svg{width:14px;height:14px}.header-actions{align-items:center;gap:10px;display:flex}.history-actions{align-items:center;gap:6px;display:inline-flex}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--ink-faint)}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.38;transform:none}.btn:disabled:hover{border-color:var(--line)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn-accent:hover{border-color:var(--accent);filter:brightness(1.03)}.btn-icon{border-radius:var(--radius-pill);justify-content:center;width:38px;height:38px;padding:0}.marketing{width:100%;max-width:760px}.marketing-hero{text-align:center;padding:48px 12px 40px}.marketing-hero h1{letter-spacing:-.02em;margin:0 0 18px;font-size:42px;font-weight:800;line-height:1.1}.marketing-hero p{color:var(--ink-dim);max-width:520px;margin:0 auto 28px;font-size:17px;line-height:1.55}.marketing-brand{align-items:center;gap:10px;margin-bottom:20px;font-size:15px;font-weight:800;display:inline-flex}.marketing-features{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 12px 48px;display:grid}.marketing-feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px}.marketing-feature h2{margin:0 0 8px;font-size:15px;font-weight:700}.marketing-feature p{color:var(--ink-dim);margin:0;font-size:13.5px;line-height:1.5}.marketing-cta{text-align:center;padding:8px 12px 56px}.marketing-cta p{color:var(--ink-dim);margin:14px 0 0;font-size:14px}@media (max-width:640px){.marketing-hero h1{font-size:30px}.marketing-features{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pulse-bg:#050b07;--pulse-surface:#101712;--pulse-surface-raised:#151c17;--pulse-line:#c0cbc529;--pulse-line-strong:#c0cbc566;--pulse-text:#c0cbc5;--pulse-muted:#c0cbc566;--pulse-faint:#c0cbc538;--pulse-green:#0cca5f;--pulse-green-deep:#06421a;--pulse-red:#ff6e72;--pulse-green-bright:#42d47d;--pulse-grid:#1c211e;--pulse-control-bg:#121713;--pulse-control-border:#ffffff29;--pulse-control-border-strong:#fff6;--pulse-space-hairline:2px;--pulse-space-edge:8px;--pulse-space-panel:24px;--pulse-radius-chip:12px;--pulse-radius-panel:16px;--pulse-radius-control:24px;--pulse-control-lg:72px;--wave-color:var(--pulse-green);--ruler-color:#c0cbc566}body:has(.app){background:var(--pulse-bg);min-width:320px;padding:0;display:block}.app{width:100%;max-width:none;min-height:100vh;box-shadow:none;background:var(--pulse-bg);color:var(--pulse-text);border:0;border-radius:0;overflow:clip}.app button,.app a{-webkit-tap-highlight-color:transparent}.app .is-hidden{display:none!important}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app-header{justify-content:space-between;min-height:176px;padding:8px;display:flex;position:relative}.wordmark{color:var(--pulse-green-deep);font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.055em;align-self:flex-start;font-size:56px;font-weight:800;line-height:.86;text-decoration:none}.app-nav{z-index:2;flex-direction:column;align-items:flex-end;gap:0;display:flex}.app-nav-option,.mode-option{min-height:40px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;text-align:right;background:0 0;border:0;border-radius:8px;padding:8px;font-size:20px;font-weight:500;line-height:1}.app-nav-option:hover,.mode-option:hover{color:var(--pulse-green);outline:0}.app-nav-option.is-active,.mode-option.is-active{color:var(--pulse-green);background:0 0}.app-nav-option.is-active:before{content:"[ "}.app-nav-option.is-active:after{content:" ]"}.app-nav-option.is-active:not([data-app-route]):before,.app-nav-option.is-active:not([data-app-route]):after{content:none}.app-nav-saved{display:none}.account-wrap{position:static}.account-trigger{text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap;max-width:170px;padding-right:0;overflow:hidden}.auth-popover{z-index:20;border:1px solid var(--pulse-line);background:var(--pulse-surface);border-radius:16px;gap:12px;width:min(430px,100vw - 32px);padding:20px;position:absolute;top:calc(100% + 8px);right:8px;box-shadow:0 24px 70px #0000006b}.auth-popover-title,.auth-user strong{font-family:var(--font-display), Impact, sans-serif;font-size:28px;font-weight:800;line-height:1}.auth-popover-copy,.auth-user span{color:var(--pulse-muted);font-size:14px}.auth-provider{background:var(--pulse-text);min-height:52px;color:var(--pulse-bg);border:0;border-radius:14px;font-size:18px;font-weight:500}.auth-menu-section{border-color:var(--pulse-line)}.create-controls{flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:162px;padding:8px;display:flex}.mode-switch{align-items:center;width:min(481px,100%);margin-right:2px;display:flex}.mode-switch .mode-option{text-align:left;min-height:72px;padding:24px 0}.mode-switch .mode-option+.mode-option{margin-left:8px}.randomize-button{flex:none}.icon-button,.pill-button,.small-icon-button{border:2px solid var(--pulse-line);color:var(--pulse-text);cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff05);place-items:center;transition:border-color .12s,color .12s,transform .12s,background .12s;display:inline-grid}.icon-button{border-radius:999px;width:72px;height:72px}.icon-button .material-symbols-rounded{font-size:32px}.small-icon-button{width:40px;height:40px;color:var(--pulse-text);border-width:1px;border-radius:999px}.small-icon-button .material-symbols-rounded{font-size:24px}.small-icon-button:disabled{cursor:default;opacity:.32}.pill-button{border-radius:999px;min-width:103px;height:72px;padding:0 20px;font-family:inherit;font-size:20px;font-weight:500}.icon-button:hover,.pill-button:hover,.small-icon-button:hover:not(:disabled){border-color:var(--pulse-line-strong);color:var(--pulse-green)}.icon-button:active,.pill-button:active,.small-icon-button:active:not(:disabled){transform:scale(.96)}.presets{flex-wrap:wrap;flex:660px;align-items:center;gap:2px;display:flex}.preset-chip{min-height:72px;color:var(--pulse-text);background:#ffffff0d;border:0;border-radius:12px;padding:24px;font-family:inherit;font-size:20px;font-weight:500}.preset-chip:hover{color:var(--pulse-green);outline:0}.preset-chip.is-active{background:var(--pulse-green-deep);color:var(--pulse-green);border:2px solid #ffffff14;padding:22px}.preset-label{display:none}.transport-panel{background:#ffffff0d;border-radius:16px;gap:24px;margin:8px;padding:24px;display:grid}.transport{border:0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0;display:grid}.transport-left,.transport-actions,.history-actions{align-items:center;gap:8px;display:flex}.transport-actions{justify-content:flex-end}.timecode{color:var(--pulse-text);gap:4px;font-family:inherit;font-size:20px;font-weight:500;display:flex}.timecode .total{color:var(--pulse-muted);font-size:14px;line-height:28px}.timecode .sep{display:none}.preview{background:var(--pulse-green-deep);border:1px solid #00000029;border-radius:999px;height:72px;position:relative;overflow:hidden}.preview:before{content:"";background:linear-gradient(90deg,#0cca5f38,#06421a0d 58%);position:absolute;inset:0}.preview-wave,.preview-ruler{width:100%;height:100%;position:absolute;inset:0}.preview-wave{z-index:2}.preview-ruler{z-index:1;opacity:0}.pro-arrangement{border:1px solid var(--pulse-line);background:var(--pulse-surface);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;margin:8px;padding:16px 24px;display:grid}.sequence,.layers{flex-wrap:wrap;align-items:center;gap:6px;padding:0;display:flex}.sequence-label,.layers-label{color:var(--pulse-muted);font-family:var(--font-display), Impact, sans-serif;letter-spacing:.02em;text-transform:lowercase;margin-right:4px;font-size:16px;font-weight:800}.sequence-chip,.layer-chip{border:1px solid var(--pulse-line);background:0 0;border-radius:999px;overflow:hidden}.sequence-chip.is-active,.layer-chip.is-active{border-color:var(--pulse-green)}.sequence-chip-select,.layer-chip-select,.sequence-chip-remove,.layer-chip-remove,.sequence-add,.layer-add{color:var(--pulse-text);background:0 0;border:0;padding:7px 10px;font-family:inherit;font-size:13px}.sequence-chip.is-active .sequence-chip-select,.layer-chip.is-active .layer-chip-select{background:var(--pulse-green-deep);color:var(--pulse-green)}.sequence-chip-remove,.layer-chip-remove{border-left:1px solid var(--pulse-line)}.sequence-add,.layer-add{border:1px dashed var(--pulse-line-strong);border-radius:999px}.sequence-arrow{color:var(--pulse-muted)}.structure-map{justify-content:flex-end;padding:0}.structure-map-svg{width:160px;height:48px}.simple-header{display:none}.simple-workspace{background:0 0;border:0;border-radius:16px;grid-template-columns:minmax(0,1fr) 314px;min-height:314px;display:grid;overflow:visible}.simple-equalizer,.simple-pad-panel{background:#ffffff0d;border:0;border-radius:16px;min-width:0}.simple-equalizer{--fader-height:212px;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px;display:grid}.simple-fader{grid-template-rows:19px minmax(0,1fr) 19px;align-items:stretch;gap:8px;padding:0}.simple-fader-label{color:var(--pulse-muted);font-family:var(--font-display), Impact, sans-serif;text-align:center;font-size:16px;font-weight:800;line-height:19px}.simple-fader-value{display:none}.simple-fader-track{width:100%;height:var(--fader-height);align-self:center;max-width:176px}.simple-fader-track:before,.simple-fader-track:after{opacity:1;background:repeating-linear-gradient(to bottom, var(--pulse-text) 0 2px, transparent 2px calc(100% / 11));width:2px;top:12px;bottom:12px}.simple-fader-range::-webkit-slider-runnable-track{border:2px solid var(--pulse-line-strong);background:0 0;border-radius:24px;height:72px}.simple-fader-range::-moz-range-track{border:2px solid var(--pulse-line-strong);background:0 0;border-radius:24px;height:72px}.simple-fader-range::-webkit-slider-thumb{background:var(--pulse-text);width:40px;height:2px;box-shadow:0 0 0 8px var(--pulse-surface), 0 0 0 9px var(--pulse-line-strong);border:0;border-radius:3px;margin-top:33px}.simple-fader-range::-moz-range-thumb{background:var(--pulse-text);width:40px;height:2px;box-shadow:0 0 0 8px var(--pulse-surface), 0 0 0 9px var(--pulse-line-strong);border:0;border-radius:3px}.simple-fader-scale{display:none}.simple-pad-panel{padding:0;display:block}.xypad{aspect-ratio:auto;background-color:#0000;background-image:repeating-linear-gradient(90deg,#c0cbc50f 0 1px,#0000 1px 25%),repeating-linear-gradient(#c0cbc50f 0 1px,#0000 1px 25%);border:0;border-radius:16px;width:100%;max-width:none;height:314px}.xypad-corner{color:var(--pulse-muted);font-family:var(--font-display), Impact, sans-serif;font-size:16px;font-weight:800}.xypad-corner-tl{inset:7px auto auto 50%;transform:translate(-50%)}.xypad-corner-tr{top:50%;right:7px;transform:translateY(-50%)rotate(90deg)}.xypad-corner-bl{bottom:7px;left:50%;transform:translate(-50%)}.xypad-corner-br{top:50%;left:7px;transform:translateY(-50%)rotate(-90deg)}.xypad-cross{background:#0cca5f38}.xypad-puck{background:var(--pulse-green);box-shadow:0 0 18px #0cca5f73}.module{min-height:360px;box-shadow:none;background:#ffffff0d;border:0;border-radius:16px}.module-header{color:var(--pulse-muted);padding:24px 24px 0}.module-title{color:var(--pulse-muted);font-family:var(--font-display), Impact, sans-serif;text-transform:lowercase;font-size:16px;font-weight:800}.module-icon{color:var(--pulse-muted)}.module-body{padding:20px 24px 24px}.optionlist{border-color:var(--pulse-line-strong);background:0 0;border-radius:24px}.optionlist button{color:var(--pulse-text);font-size:20px}.optionlist-notch{border-color:var(--pulse-line-strong)}.optionlist button.is-active .optionlist-notch{border-color:var(--pulse-green);background:var(--pulse-green)}.optionlist-marker{background:var(--pulse-green)}.knob-label,.knob-value{color:var(--pulse-text);font-size:14px}.knob-track{stroke:var(--pulse-line-strong)}.knob-fill{stroke:var(--pulse-green)}.knob-cap{fill:var(--pulse-surface);stroke:var(--pulse-line)}.knob-indicator{stroke:var(--pulse-text)}.knob-ticks{display:none}.panstrip-track,.fader-track{border-color:var(--pulse-line-strong);background:0 0}.panstrip-thumb,.fader-fill,.fader-chip{background:var(--pulse-green)}.library-panel,.saved-panel,.composer-panel{padding:8px}.library-header,.composer-header{padding:0}.library-title,.composer-title,.saved-card-title{color:var(--pulse-green);font-family:var(--font-display), Impact, sans-serif;font-size:38px;font-weight:800;line-height:1}.library-copy,.composer-copy{display:none}.library-summary,.composer-summary,.saved-card-meta,.library-card-meta,.library-card-description{color:var(--pulse-muted)}.library-profile-switch,.library-categories{gap:2px;margin:8px 0 16px}.library-profile,.library-category{color:var(--pulse-text);background:#ffffff0d;border:0;border-radius:12px}.library-profile.is-active,.library-category.is-active{background:var(--pulse-green-deep);color:var(--pulse-green)}.library-grid,.saved-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.library-card,.saved-card{min-height:314px;box-shadow:none;background:#ffffff0d;border:0;border-radius:16px}.library-card-title{color:var(--pulse-green);font-family:var(--font-display), Impact, sans-serif;font-size:38px}.library-action,.saved-action{border:2px solid var(--pulse-line);min-height:72px;color:var(--pulse-text);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:999px;font-size:20px}.library-action-primary{color:var(--pulse-text)}.composer-panel{min-height:744px}.composer-header{display:none}.composer-settings,.composer-grid,.composer-hit-list{margin:0}.composer-grid{grid-template-columns:minmax(450px,1fr) minmax(420px,1fr);gap:16px;display:grid}.composer-pads,.composer-sound-module,.composer-record-module{background:#ffffff0d;border:0;border-radius:16px}.pad{border-color:var(--pulse-line);color:var(--pulse-green);font-family:var(--font-display), Impact, sans-serif;background:linear-gradient(135deg,#111a14,#0b100d)}.pad.is-active,.pad:active{border-color:var(--pulse-green);box-shadow:inset 0 0 28px #0cca5f40,0 0 16px #0cca5f1f}.composer-record{color:var(--pulse-text)}.export-overlay,.paywall-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c7;padding:24px}.export-panel,.paywall-panel{background:var(--pulse-surface);border:0;border-radius:16px;box-shadow:0 30px 90px #0000007a}.export-title,.paywall-plan-name{font-family:var(--font-display), Impact, sans-serif}@media (max-width:920px){.app-header{min-height:136px}.wordmark{font-size:46px}.create-controls{min-height:0}.presets{flex-basis:100%}.simple-workspace{grid-template-columns:1fr;gap:8px}.simple-pad-panel{min-height:260px}.xypad{height:260px}.modules-grid,.library-grid,.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-arrangement{grid-template-columns:1fr}.structure-map{justify-content:flex-start}.composer-grid{grid-template-columns:1fr}}@media (max-width:620px){.app-header{min-height:112px}.wordmark{font-size:38px}.app-nav-option{min-height:30px;padding:5px;font-size:16px}.create-controls{padding:8px}.mode-switch{width:100%}.mode-switch .mode-option{min-height:44px;padding:12px 0;font-size:18px}.icon-button{width:54px;height:54px}.pill-button{min-width:84px;height:54px;font-size:17px}.preset-chip{min-height:48px;padding:14px;font-size:16px}.preset-chip.is-active{padding:12px}.transport-panel{gap:12px;padding:16px}.transport{grid-template-columns:1fr auto;gap:12px}.history-actions{display:none}.timecode{font-size:16px}.preview{height:54px}.simple-equalizer{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-workspace{min-height:0}.modules-grid,.library-grid,.saved-grid{grid-template-columns:1fr}.module{min-height:300px}.composer-grid{grid-template-columns:1fr}}.account-menu,.account-wrap{position:relative}.account-trigger{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.auth-popover{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:min(520px,100vw - 40px);box-shadow:0 0 0 1px var(--line), 0 24px 60px -30px #000c;gap:12px;padding:20px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.auth-popover-title{font-size:13px;font-weight:800;line-height:1.25}.auth-popover-copy{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.45}.auth-user{gap:3px;min-width:0;padding:2px 4px 6px;display:grid}.auth-user strong,.auth-user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auth-user strong{font-size:20px;line-height:1.25}.auth-user span{color:var(--ink-dim);font-size:16px;font-weight:700}.auth-menu-section{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.auth-provider{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--module);min-height:52px;color:var(--ink);text-align:left;align-items:center;padding:13px 16px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.auth-provider:hover:not(:disabled){border-color:var(--ink-faint)}.auth-provider:disabled{opacity:.55;cursor:default}.account-page,.legal-page{width:100%;max-width:860px}.account-hero,.legal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.account-hero .marketing-brand,.legal-header .marketing-brand{color:var(--ink);margin:0;text-decoration:none}.account-panel,.legal-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line), 0 24px 60px -30px #000c}.account-panel{padding:28px}.account-panel-head{max-width:620px;margin-bottom:20px}.account-kicker{color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.account-panel h1,.legal-header h1{margin:0;font-size:34px;font-weight:850;line-height:1.08}.account-panel-head p,.subscription-card p,.legal-header p,.legal-section p{color:var(--ink-dim);line-height:1.55}.account-panel-head p{margin:9px 0 0;font-size:15px}.account-notice{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--module);color:var(--ink-dim);margin-bottom:14px;padding:11px 13px;font-size:13px;font-weight:700;line-height:1.45}.subscription-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px;display:grid}.subscription-card{border:1px solid var(--module-line);border-radius:var(--radius-md);background:var(--module);min-width:0;padding:20px}.subscription-card-primary{background:var(--surface)}.subscription-card h2{margin:0 0 8px;font-size:22px;font-weight:850;line-height:1.15}.subscription-card p{margin:0 0 18px;font-size:14px}.subscription-details{gap:8px;margin:0;display:grid}.subscription-details div{border-top:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:12px;padding-top:8px;display:grid}.subscription-details dt{color:var(--ink-dim);font-size:12px;font-weight:800}.subscription-details dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:800}.subscription-actions{flex-wrap:wrap;gap:8px;display:flex}.subscription-actions a[aria-disabled=true]{opacity:.5;pointer-events:none}.legal-page{padding:28px}.legal-header{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding-bottom:18px}.legal-header p{margin:0;font-size:14px}.legal-section{padding:20px 0 0}.legal-section h2{margin:0 0 8px;font-size:18px;font-weight:850;line-height:1.2}.legal-section h2:not(:first-child){margin-top:8px}.legal-section h3{margin:0 0 8px;font-size:15px;font-weight:850;line-height:1.25}.legal-section h2+h3{margin-top:14px}.legal-section p{margin:0;font-size:14px}.legal-section a{color:var(--ink);font-weight:800}.transport{align-items:center;gap:20px;padding:26px 28px 18px;display:flex}.play-button{background:var(--ink);width:56px;height:56px;color:var(--surface);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:flex}.play-button:hover{transform:scale(1.04)}.play-button:active{transform:scale(.96)}.play-button svg{width:20px;height:20px}.timecode{font-family:var(--font-mono);letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:40px;font-weight:700;display:flex}.timecode .sep,.timecode .total{color:var(--ink-faint);font-size:22px;font-weight:600}.preview{background:var(--module);border:1px solid var(--module-line);border-radius:var(--radius-md);margin:0 28px 18px;padding:14px 16px 10px}.preview canvas{width:100%;display:block}.preview-wave{height:84px}.preview-ruler{height:20px;margin-top:2px}.preset-label{padding:0 28px 10px;font-size:13px;font-weight:800;line-height:1.25}.presets{gap:8px;padding:0 28px 20px;display:flex;overflow-x:auto}.preset-chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);border:1px solid var(--module-line);background:var(--module);color:var(--ink);flex-shrink:0;padding:9px 14px;font-size:12px;font-weight:600}.preset-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.preset-chip:disabled{opacity:.4;cursor:default}.preset-label.is-hidden,.presets.is-hidden{display:none}.mode-switch{background:var(--module);border:1px solid var(--module-line);border-radius:var(--radius-pill);gap:4px;margin:0 28px 18px;padding:4px;display:inline-flex}.mode-option{border-radius:var(--radius-pill);min-width:86px;color:var(--ink-dim);background:0 0;border:none;padding:9px 16px;font-size:13px;font-weight:700}.mode-option.is-active{background:var(--ink);color:var(--surface)}.layers{flex-wrap:wrap;align-items:center;gap:8px;padding:0 28px 18px;display:flex}.layers.is-hidden{display:none}.layers-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);margin-right:2px;font-size:12px;font-weight:800}.layer-chip{border-radius:var(--radius-pill);border:1px solid var(--module-line);background:var(--module);flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden}.layer-chip.is-active{border-color:var(--ink)}.layer-chip.is-active .layer-chip-select{background:var(--ink);color:var(--surface)}.layer-chip-select{color:var(--ink);font-family:var(--font-mono);letter-spacing:.02em;background:0 0;border:none;padding:8px 12px;font-size:12px;font-weight:600}.layer-chip-remove{border:none;border-left:1px solid var(--module-line);color:var(--ink-dim);cursor:pointer;background:0 0;padding:0 9px;font-size:15px;line-height:1}.layer-chip-remove:hover{color:var(--ink)}.layer-add{border:1px dashed var(--module-line);border-radius:var(--radius-pill);color:var(--ink-dim);cursor:pointer;background:0 0;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700}.layer-add:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.layer-add:disabled{opacity:.4;cursor:default}.sequence{flex-wrap:wrap;align-items:center;gap:8px;padding:0 28px 10px;display:flex}.sequence.is-hidden{display:none}.sequence-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);margin-right:2px;font-size:12px;font-weight:800}.sequence-arrow{color:var(--ink-dim);flex-shrink:0;font-size:13px}.sequence-chip{border-radius:var(--radius-pill);border:1px solid var(--module-line);background:var(--module);flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden}.sequence-chip.is-active{border-color:var(--ink)}.sequence-chip.is-active .sequence-chip-select{background:var(--ink);color:var(--surface)}.sequence-chip-select{color:var(--ink);font-family:var(--font-mono);letter-spacing:.02em;background:0 0;border:none;padding:8px 12px;font-size:12px;font-weight:600}.sequence-chip-remove{border:none;border-left:1px solid var(--module-line);color:var(--ink-dim);cursor:pointer;background:0 0;padding:0 9px;font-size:15px;line-height:1}.sequence-chip-remove:hover{color:var(--ink)}.sequence-add{border:1px dashed var(--module-line);border-radius:var(--radius-pill);color:var(--ink-dim);cursor:pointer;background:0 0;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700}.sequence-add:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.sequence-add:disabled{opacity:.4;cursor:default}.structure-map{justify-content:center;padding:0 28px 18px;display:flex}.structure-map.is-hidden,.structure-map.is-empty{display:none}.structure-map-svg{width:100%;max-width:380px;height:72px}.structure-line{stroke:var(--module-line);stroke-width:1.5px}.structure-node circle{fill:var(--control-bg);stroke:var(--module-line);stroke-width:1.5px;cursor:pointer}.structure-node.is-active circle{stroke:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow))}.structure-layer-dot circle{fill:var(--ink-faint);stroke:none;cursor:pointer}.structure-layer-dot.is-active circle{fill:var(--accent)}.simple-panel{padding:0 28px 28px}.simple-panel.is-hidden,.modules-grid.is-hidden,.library-panel.is-hidden,.saved-panel.is-hidden,.composer-panel.is-hidden{display:none}.simple-header{gap:6px;margin-bottom:14px;display:grid}.simple-title{margin:0;font-size:22px;font-weight:800;line-height:1.15}.simple-subtitle{max-width:680px;color:var(--ink-dim);margin:0;font-size:14px;line-height:1.55}.simple-workspace{background:var(--module);border:1px solid var(--module-line);border-radius:var(--radius-md);grid-template-columns:minmax(450px,1fr) minmax(300px,360px);display:grid;overflow:hidden}.simple-equalizer{--fader-height:220px;border-right:1px solid var(--module-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:22px 16px 20px;display:grid}.simple-fader{grid-template-rows:34px 28px 18px var(--fader-height) 18px;place-items:center;min-width:0;padding:0 4px;display:grid}.simple-fader-label{text-align:center;align-self:start;margin:0;font-size:13px;font-weight:800;line-height:1.25}.simple-fader-value{max-width:100%;font-family:var(--font-mono);color:var(--ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.simple-fader-scale{max-width:100%;font-family:var(--font-mono);color:var(--ink-faint);text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.simple-fader-track{width:70px;height:var(--fader-height);touch-action:none;cursor:ns-resize;position:relative}.simple-fader-track.is-dragging{cursor:grabbing}.simple-fader-track:before,.simple-fader-track:after{content:"";z-index:0;opacity:.7;background:repeating-linear-gradient(to bottom, var(--ink-faint) 0 1px, transparent 1px calc(100% / 10));pointer-events:none;width:8px;position:absolute;top:4px;bottom:4px}.simple-fader-track:before{left:0}.simple-fader-track:after{right:0}.simple-fader-range{appearance:none;z-index:1;width:var(--fader-height);pointer-events:none;background:0 0;height:44px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.simple-fader-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-bright) calc(var(--t,0) * 100%), var(--control-bg) calc(var(--t,0) * 100%));border-radius:12px;height:44px}.simple-fader-range::-moz-range-track{background:var(--control-bg);border-radius:12px;height:44px}.simple-fader-range::-moz-range-progress{background:linear-gradient(90deg, var(--accent), var(--accent-bright));border-radius:12px;height:44px}.simple-fader-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:3px;width:5px;height:32px;margin-top:6px}.simple-fader-range::-moz-range-thumb{background:var(--ink);border:none;border-radius:3px;width:5px;height:32px}.simple-fader-description{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.simple-pad-panel{place-items:center;min-width:0;padding:24px 20px;display:grid}.xypad{aspect-ratio:1;background:var(--control-bg);border:1px solid var(--module-line);border-radius:var(--radius-md);touch-action:none;cursor:pointer;width:100%;max-width:320px;position:relative;overflow:hidden}.xypad-grid{pointer-events:none;background-image:repeating-linear-gradient(to right, var(--module-line) 0 1px, transparent 1px calc(100% / 4)), repeating-linear-gradient(to bottom, var(--module-line) 0 1px, transparent 1px calc(100% / 4));position:absolute;inset:0}.xypad-corner{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-faint);pointer-events:none;font-size:10px;position:absolute}.xypad-corner-tl{top:8px;left:8px}.xypad-corner-tr{text-align:right;top:8px;right:8px}.xypad-corner-bl{bottom:8px;left:8px}.xypad-corner-br{text-align:right;bottom:8px;right:8px}.xypad-cross{background:var(--accent-glow);pointer-events:none;position:absolute}.xypad-cross-x{height:1px;left:0;right:0}.xypad-cross-y{width:1px;top:0;bottom:0}.xypad-puck{background:var(--accent);width:20px;height:20px;box-shadow:0 0 14px var(--accent-glow);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:0 28px 28px;display:grid}.module{background:var(--module);border:1px solid var(--module-line);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.module-header{justify-content:space-between;align-items:center;display:flex}.module-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);font-size:12px;font-weight:700}.module-icon{color:var(--ink-faint);width:30px;height:15px}.module-body{flex-direction:column;gap:12px;display:flex}.library-panel{padding:0 28px 32px}.library-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.library-copy{min-width:0}.library-title{margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.15}.library-summary{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.45}.library-category-note{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--module);gap:3px;min-width:190px;padding:11px 13px;display:grid}.library-category-note span:first-child{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.library-category-note span:last-child{color:var(--ink-dim);font-size:12px;line-height:1.35}.library-profile-switch{border:1px solid var(--module-line);border-radius:var(--radius-md);background:linear-gradient(115deg, var(--control-bg), var(--module));gap:8px;margin:0 0 14px;padding:11px 12px 12px;display:grid}.library-profile-label{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.library-profile-options{grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:7px;display:grid}.library-profile{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--module);min-width:0;min-height:64px;color:var(--ink);text-align:left;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;transition:transform .12s,border-color .12s,background .12s;display:grid}.library-profile:hover{border-color:var(--ink-faint)}.library-profile:active{transform:scale(.98)}.library-profile-index{border:1px solid var(--module-line);width:23px;height:23px;color:var(--ink-faint);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:inline-grid}.library-profile-copy{gap:2px;min-width:0;display:grid}.library-profile-copy strong,.library-profile-copy small{overflow-wrap:anywhere;display:block}.library-profile-copy strong{font-size:11px;line-height:1.15}.library-profile-copy small{color:var(--ink-dim);font-size:10px;line-height:1.25}.library-profile-bestfor{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.02em;font-size:9px}.library-profile.is-active{border-color:var(--accent);background:linear-gradient(135deg, #42d47d33, var(--module));box-shadow:inset 3px 0 0 var(--accent)}.library-profile.is-active .library-profile-index{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.library-profile.is-active .library-profile-copy small{color:var(--ink)}.library-categories{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.library-category{border:1px solid var(--module-line);border-radius:var(--radius-pill);background:var(--module);min-width:108px;color:var(--ink);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 13px;display:flex}.library-category span{font-size:12px;font-weight:800}.library-category small{border-radius:var(--radius-pill);background:var(--raised);min-width:24px;height:24px;color:var(--ink-dim);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.library-category.is-active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.library-category.is-active small{background:var(--accent);color:var(--accent-ink)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.library-card{background:var(--module);border:1px solid var(--module-line);border-radius:var(--radius-md);flex-direction:column;gap:12px;min-width:0;min-height:216px;padding:14px;display:flex}.library-card-head{gap:6px;display:grid}.library-card-title{margin:0;font-size:15px;font-weight:800;line-height:1.25}.library-card-meta{color:var(--ink-dim);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.4}.library-card-description{min-height:42px;color:var(--ink-dim);flex:auto;margin:0;font-size:12.5px;line-height:1.45}.library-tags{flex-wrap:wrap;gap:6px;display:flex}.library-tags span{border:1px solid var(--module-line);border-radius:var(--radius-pill);background:var(--raised);color:var(--ink-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;padding:5px 8px;font-size:10px;font-weight:800}.library-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.library-action{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--raised);min-height:36px;color:var(--ink);padding:8px 7px;font-size:12px;font-weight:800;transition:transform .12s,border-color .12s}.library-action:hover{border-color:var(--ink-faint)}.library-action:active{transform:scale(.98)}.library-action-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.saved-panel{padding:0 28px 32px}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.saved-card{background:var(--module);border:1px solid var(--module-line);border-radius:var(--radius-md);flex-direction:column;gap:14px;min-width:0;padding:14px;display:flex}.saved-card.is-active{border-color:var(--ink)}.saved-card-head{gap:6px;display:grid}.saved-card-title{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:800;line-height:1.25}.saved-card-meta{color:var(--ink-dim);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.4}.saved-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:auto;display:grid}.saved-action{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--raised);min-height:36px;color:var(--ink);padding:8px 7px;font-size:12px;font-weight:800;transition:transform .12s,border-color .12s}.saved-action:hover:not(:disabled){border-color:var(--ink-faint)}.saved-action:active:not(:disabled){transform:scale(.98)}.saved-action:disabled{opacity:.45;cursor:default}.saved-action-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.composer-panel{padding:0 28px 32px}.composer-header{margin-bottom:14px}.composer-title{margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.15}.composer-summary{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.45}.composer-settings{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.composer-record-module{flex:260px}.composer-sound-module{flex:1.3 344px}.knob-row.composer-sound-knobs{justify-content:space-between;gap:10px 12px}.composer-sound-knobs.is-locked{opacity:.5;pointer-events:none}.composer-sound-knobs .knob{position:relative}.composer-knob-hint{font-family:var(--font-mono);color:var(--ink-faint);opacity:.65;letter-spacing:.02em;pointer-events:none;font-size:8px;font-weight:700;position:absolute;top:0;left:0}.composer-sound-hint{color:var(--ink-faint);margin-top:10px;font-size:11px;font-style:italic}.composer-transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer-transport-btn{border:1px solid var(--module-line);border-radius:var(--radius-pill);background:var(--module);min-height:36px;color:var(--ink);flex:none;padding:8px 16px;font-size:12px;font-weight:800}.composer-transport-btn:hover:not(:disabled){border-color:var(--ink-faint)}.composer-transport-btn:disabled{opacity:.45;cursor:default}.composer-record.is-recording{color:#fff6f6;background:#d64545;border-color:#d64545}.composer-status{color:var(--ink-dim);font-family:var(--font-mono);font-size:12px;font-weight:700}.pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:420px;display:grid}.pad{aspect-ratio:1;border:1px solid var(--module-line);border-radius:var(--radius-md);background:var(--control-bg);color:var(--ink);font-family:var(--font-mono);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.pad:hover{border-color:var(--ink-faint)}.pad-key{letter-spacing:.02em;opacity:.5;font-size:9px;font-weight:700;position:absolute;top:6px;left:8px}.pad.is-playing{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 18px var(--accent-glow);transform:scale(.94)}.composer-hit-list{border:1px solid var(--module-line);border-radius:var(--radius-sm);background:var(--control-bg);flex-direction:column;gap:2px;max-height:160px;margin-top:16px;padding:10px 12px;display:flex;overflow-y:auto}.composer-hit-list:empty{display:none}.composer-hit-row{color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.optionlist{background:var(--control-bg);border:1px solid var(--module-line);border-radius:var(--radius-sm);padding:4px;position:relative}.optionlist button{width:100%;height:28px;color:var(--ink-dim);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 10px 0 20px;font-size:11px;font-weight:600;display:flex}.optionlist button.is-active{color:var(--ink)}.optionlist-notch{background:var(--ink-faint);border-radius:2px;flex:none;width:6px;height:6px}.optionlist button.is-active .optionlist-notch{background:var(--accent)}.optionlist-marker{background:var(--accent);pointer-events:none;border-radius:2px;width:14px;height:3px;position:absolute;top:0;left:4px}@media (prefers-reduced-motion:no-preference){.optionlist-marker{transition:transform .16s}.optionlist.is-rolling .optionlist-marker{box-shadow:0 0 10px 2px var(--accent-glow);transition:transform .16s,box-shadow .26s}}.knob-row{flex-wrap:wrap;gap:14px;display:flex}.knob{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:2px;width:68px;display:flex}.knob-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);font-size:9px;font-weight:700}.knob-dial{cursor:grab;width:58px;height:58px;color:var(--accent)}.knob.is-dragging .knob-dial{cursor:grabbing}.knob-track{stroke:var(--control-bg);stroke-width:5px;stroke-linecap:round;fill:none}.knob-fill{stroke:var(--accent);stroke-width:5px;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 3px var(--accent-glow))}.knob-cap{fill:var(--control-bg);stroke:var(--module-line);stroke-width:1px}.knob-indicator{stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.knob-ticks line{stroke:var(--ink-faint);stroke-width:1px}.knob-ticks line.is-major{stroke-width:1.6px}.knob-tick-label{fill:var(--ink-dim);font-family:var(--font-mono);text-transform:uppercase}.knob-value{font-family:var(--font-mono);color:var(--ink);font-size:11.5px;font-weight:600}.fader{flex-direction:column;align-items:center;gap:8px;display:flex}.fader-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);font-size:9px;font-weight:700}.fader-body{gap:6px;display:flex}.fader-track{background:var(--control-bg);border:1px solid var(--module-line);border-radius:var(--radius-sm);cursor:grab;touch-action:none;align-items:flex-end;width:34px;height:118px;display:flex;position:relative;overflow:hidden}.fader.is-dragging .fader-track{cursor:grabbing}.fader-fill{background:linear-gradient(180deg, var(--accent-bright), var(--accent));justify-content:center;align-items:flex-start;width:100%;min-height:26px;display:flex;position:relative}.fader-chip{font-family:var(--font-mono);color:var(--accent-ink);padding-top:6px;font-size:11px;font-weight:700}.fader-scale{background:repeating-linear-gradient(to bottom, var(--ink-faint) 0, var(--ink-faint) 1px, transparent 1px, transparent 10px);border-radius:2px;width:6px}.panstrip{flex-direction:column;gap:6px;display:flex}.panstrip-readout{font-family:var(--font-mono);color:var(--ink);align-self:center;font-size:11px;font-weight:600}.panstrip-ticks{justify-content:space-between;align-items:flex-end;height:8px;padding:0 1px;display:flex}.panstrip-tick{background:var(--ink-faint);width:1px;height:4px}.panstrip-tick--center{background:var(--accent);height:7px}.panstrip-track{background:var(--control-bg);border:1px solid var(--module-line);border-radius:var(--radius-pill);cursor:grab;touch-action:none;height:10px;position:relative}.panstrip-fill{background:var(--accent);border-radius:var(--radius-pill);position:absolute;top:0;bottom:0}.panstrip-notch{background:var(--control-bg);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.panstrip-anchors{font-family:var(--font-mono);color:var(--ink-faint);justify-content:space-between;padding:0 1px;font-size:9px;font-weight:700;display:flex}.field-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:700}.export-overlay{z-index:50;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.export-overlay[hidden]{display:none}.export-panel{background:var(--code-bg);width:100%;max-width:760px;max-height:82vh;color:var(--code-ink);border:1px solid var(--line);border-radius:22px 22px 0 0;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 -20px 60px #00000059}.export-header{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.export-title{color:var(--code-ink);font-size:15px;font-weight:700}.export-close{color:var(--code-dim);background:0 0;border:none;border-radius:50%;width:32px;height:32px;font-size:20px}.export-close:hover{color:var(--code-ink);background:#ffffff14}.export-tabs{gap:6px;padding:14px 20px 0;display:flex}.export-tab{color:var(--code-dim);font-family:var(--font-mono);border-radius:var(--radius-pill);background:0 0;border:1px solid #ffffff1f;padding:8px 14px;font-size:12px;font-weight:600}.export-tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.export-body{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;flex:1;margin:14px 20px 20px;padding:18px;overflow:auto}.export-code{font-family:var(--font-mono);white-space:pre;color:var(--code-ink);margin:0;font-size:12.5px;line-height:1.6}.export-actions{gap:8px;padding:0 20px 20px;display:flex}.export-actions .btn{color:var(--code-ink);background:#ffffff0f;border-color:#ffffff24}.export-actions .btn:hover{border-color:#ffffff4d}.paywall-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.paywall-overlay[hidden]{display:none}.paywall-panel{background:var(--code-bg);width:100%;max-width:480px;color:var(--code-ink);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #00000059}.paywall-copy{color:var(--code-dim);margin:14px 20px 0;font-size:13.5px;line-height:1.6}.paywall-plans{grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px 20px;display:grid}.paywall-plan{border-radius:var(--radius-md);text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:18px;display:flex}.paywall-plan-name{color:var(--code-ink);font-size:13px;font-weight:700}.paywall-plan-price{font-family:var(--font-mono);color:var(--code-ink);font-size:22px;font-weight:700}.paywall-plan-price span{color:var(--code-dim);font-size:12px;font-weight:500}@media (max-width:860px){.simple-workspace{grid-template-columns:1fr}.simple-equalizer{border-right:none;border-bottom:1px solid var(--module-line)}.simple-pad-panel{padding:24px}}@media (max-width:640px){body{padding:0}.app{border-radius:0}.topbar{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.account-menu{margin-left:auto}.account-trigger{max-width:150px}.auth-popover{padding:14px}.auth-user strong{font-size:17px}.auth-user span{font-size:13px}.timecode{font-size:30px}.presets{padding-bottom:16px}.mode-switch{width:calc(100% - 56px);margin-bottom:16px;display:flex}.mode-option{flex:1}.simple-panel{padding:0 16px 20px}.simple-equalizer{--fader-height:180px;gap:2px;padding:18px 8px 16px}.simple-fader{grid-template-rows:34px 26px 16px var(--fader-height) 16px;padding:0}.simple-fader-label{font-size:11px}.simple-fader-value{font-size:9px}.simple-fader-scale{font-size:8px}.simple-fader-track{width:60px}.simple-pad-panel{padding:16px}.xypad{justify-self:center;max-width:320px}.library-header{display:grid}.library-category-note{min-width:0}.library-profile-switch{margin-bottom:12px}.library-profile{flex-basis:154px}.library-grid,.library-actions,.saved-grid,.saved-actions{grid-template-columns:1fr}.pad-grid{max-width:none}.structure-map{display:none}.account-page,.legal-page{max-width:none}.account-hero{margin:0;padding:18px}.account-panel,.legal-page{border-left:none;border-right:none;border-radius:0}.subscription-layout{grid-template-columns:1fr}.subscription-details div{grid-template-columns:1fr;gap:3px}.paywall-plans{grid-template-columns:1fr}}:is(body:has(.terms-page),body:has(.legal-canvas)){background:var(--pulse-bg);min-width:320px;padding:0;display:block}:is(.terms-page,.legal-canvas).legal-page{background:var(--pulse-bg);width:100%;max-width:none;min-height:100vh;box-shadow:none;color:var(--pulse-text);border:0;border-radius:0;padding:8px}:is(.terms-page,.legal-canvas) .legal-header{border:0;grid-template-rows:auto minmax(94px,1fr);grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;min-height:176px;margin:0;padding:0;display:grid}:is(.terms-page,.legal-canvas) .legal-header .legal-wordmark{grid-column:1/-1}:is(.terms-page,.legal-canvas) .legal-header h1{color:var(--pulse-green);font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.045em;text-transform:lowercase;align-self:end;margin:0;font-size:clamp(42px,5vw,64px);font-weight:800;line-height:.86}:is(.terms-page,.legal-canvas) .legal-header p{color:var(--pulse-muted);font-family:var(--font-mono), monospace;letter-spacing:.035em;text-align:right;text-transform:uppercase;align-self:end;margin:0 0 2px;font-size:11px;font-weight:600;line-height:1.4}:is(.terms-page,.legal-canvas) .legal-section{border-radius:var(--pulse-radius-panel);background:#ffffff0d;border:0;grid-template-columns:minmax(180px,.64fr) minmax(0,1.36fr);gap:12px 48px;margin:0;padding:24px;display:grid}:is(.terms-page,.legal-canvas) .legal-section+.legal-section{margin-top:8px}:is(.terms-page,.legal-canvas) .legal-section h2{color:var(--pulse-text);font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.012em;align-self:start;margin:0;padding-left:14px;font-size:22px;font-weight:800;line-height:1;position:relative}:is(.terms-page,.legal-canvas) .legal-section h2:before{background:var(--pulse-green);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:.18em;left:0;box-shadow:0 0 10px #0cca5f75}:is(.terms-page,.legal-canvas) .legal-section p{color:var(--pulse-text);grid-column:2;margin:0;font-size:15px;font-weight:500;line-height:1.68}:is(.terms-page,.legal-canvas) .legal-section p+p{border-top:1px solid var(--pulse-line);padding-top:12px}:is(.terms-page,.legal-canvas) .legal-section a{color:var(--pulse-green);text-underline-offset:3px;font-weight:700;text-decoration-color:#0cca5f7a;text-decoration-thickness:1px}:where(a,button,input,select,textarea,summary,[role=button],[role=slider],[tabindex]):focus-visible{box-shadow:none;outline:none}@media (max-width:640px){:is(.terms-page,.legal-canvas).legal-page{padding:8px}:is(.terms-page,.legal-canvas) .legal-header{grid-template-rows:auto minmax(76px,1fr) auto;grid-template-columns:1fr;gap:6px;min-height:144px}:is(.terms-page,.legal-canvas) .legal-header .marketing-brand{font-size:16px}:is(.terms-page,.legal-canvas) .legal-header h1{font-size:clamp(40px,13vw,56px)}:is(.terms-page,.legal-canvas) .legal-header p{text-align:left;grid-column:1;margin-bottom:4px}:is(.terms-page,.legal-canvas) .legal-section{padding:20px;display:block}:is(.terms-page,.legal-canvas) .legal-section h2{margin-bottom:16px;font-size:21px}:is(.terms-page,.legal-canvas) .legal-section p{font-size:14px;line-height:1.62}:is(.terms-page,.legal-canvas) .legal-section p+p{margin-top:12px}}
body:has(.app){background:#050b07;min-width:320px;padding:0;display:block}.app{width:100%;max-width:none;min-height:100vh;box-shadow:none;color:#c0cbc5;background:#050b07;border:0;border-radius:0;overflow:clip}.app .is-hidden{display:none!important}.figma-icon{background:50%/100% 100% no-repeat;width:32px;height:32px;display:block}.figma-icon-randomize{background-image:url(/pulse-icons/randomize.svg)}.figma-icon-play{background-image:url(/pulse-icons/play.svg)}.figma-icon-undo{background-image:url(/pulse-icons/undo.svg);width:24px;height:24px}.figma-icon-redo{background-image:url(/pulse-icons/redo.svg);width:24px;height:24px}.figma-icon-save{background-image:url(/pulse-icons/save.svg)}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.app-header{justify-content:space-between;min-height:176px;padding:8px;display:flex;position:relative}.wordmark{color:#06421a;font-family:var(--font-display),Impact,sans-serif;letter-spacing:normal;align-self:flex-start;font-size:56px;font-weight:800;line-height:48px;text-decoration:none}.app-nav{z-index:2;flex-direction:column;align-items:flex-end;gap:0;display:flex}.app-nav-option,.mode-option{color:#c0cbc5;min-height:40px;font-family:var(--font-sans),sans-serif;text-align:right;background:0 0;border:0;border-radius:8px;padding:8px;font-size:20px;font-weight:500;line-height:1}.app-nav-option:hover,.mode-option:hover,.app-nav-option.is-active,.mode-option.is-active{color:#0cca5f;background:0 0;outline:0}.app-nav-option.is-active:before{content:"[ "}.app-nav-option.is-active:after{content:" ]"}.app .app-nav-saved:not([hidden]){align-items:center;gap:8px;display:inline-flex}.app .app-nav-count,.app .account-export-count{color:#c0cbc566}.app .account-name{text-overflow:ellipsis;overflow:hidden}.account-menu{position:relative}.account-wrap{position:static}.account-trigger{text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap;max-width:170px;padding-right:0;overflow:hidden}.auth-popover{z-index:20;background:#101712;border:1px solid #c0cbc529;border-radius:16px;gap:12px;width:min(430px,100vw - 32px);padding:20px;position:absolute;top:calc(100% + 8px);right:8px;box-shadow:0 24px 70px #0000006b}.auth-popover-title,.auth-user strong{font-family:var(--font-display),Impact,sans-serif;font-size:28px;font-weight:800;line-height:1}.auth-popover-copy,.auth-user span{color:#c0cbc566;font-size:14px}.auth-provider{color:#050b07;background:#c0cbc5;border:0;border-radius:14px;min-height:52px;font-size:18px;font-weight:500}.auth-menu-section{border-color:#c0cbc529}.app .create-controls{grid-template-columns:481px 72px minmax(0,1fr);align-items:start;gap:2px 8px;min-height:162px;padding:8px;display:grid}.app .mode-switch{background:0 0;border:0;border-radius:0;align-items:center;width:min(481px,100%);margin-right:2px;padding:0;display:flex}.app .mode-switch .mode-option{text-align:left;min-height:72px;padding:24px 0;font-size:20px;line-height:24px}.app .mode-switch .mode-option+.mode-option{margin-left:8px}.icon-button,.pill-button,.small-icon-button{color:#c0cbc5;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff05);border:2px solid #c0cbc529;place-items:center;transition:border-color .12s,color .12s,transform .12s;display:inline-grid}.icon-button{border-radius:999px;width:72px;height:72px}.icon-button .material-symbols-rounded{font-size:32px}.small-icon-button{border-width:1px;border-radius:999px;width:40px;height:40px}.small-icon-button:disabled{cursor:default;opacity:.4}.small-icon-button .material-symbols-rounded{font-size:24px}.pill-button{border-radius:999px;min-width:103px;height:72px;padding:0 20px;font-family:inherit;font-size:20px;font-weight:500}.icon-button:hover,.pill-button:hover,.small-icon-button:hover:not(:disabled){color:#0cca5f;border-color:#c0cbc566}.icon-button:active,.pill-button:active,.small-icon-button:active:not(:disabled){transform:scale(.96)}.app .presets{flex-wrap:wrap;align-items:flex-start;gap:2px;min-width:0;padding:0;display:flex}.app .preset-chip{color:#c0cbc5;text-transform:lowercase;background:#ffffff0d;border:0;border-radius:12px;min-height:72px;padding:24px;font-family:inherit;font-size:20px;font-weight:500}.app .preset-chip:hover{color:#c0cbc5;border-radius:24px}.app .preset-chip.is-active{color:#0cca5f;background:#06421a;border:2px solid #ffffff14;padding:22px}.app .preset-label{display:none}.app .transport-panel{background:#ffffff0d;border-radius:16px;gap:24px;margin:8px;padding:24px;display:grid}.app .transport{border:0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0;display:grid}.transport-left,.transport-actions,.history-actions{align-items:center;gap:8px;display:flex}.transport-actions{justify-content:flex-end}.app .timecode{color:#c0cbc5;font-variant-numeric:tabular-nums;gap:4px;font-family:inherit;font-size:20px;font-weight:500;display:flex}.app .timecode .total{color:#c0cbc566;font-size:14px;line-height:28px}.app .timecode .sep{display:none}.app .preview{background:#06421a;border:1px solid #00000029;border-radius:999px;height:72px;position:relative;overflow:hidden}.app .preview:before{content:"";background:linear-gradient(90deg,#0cca5f38,#06421a0d 58%);position:absolute;inset:0}.app .preview-wave,.app .preview-ruler{width:100%;height:100%;position:absolute;inset:0}.app .preview-wave{z-index:2}.app .preview-ruler{z-index:1;opacity:0}.app .pro-arrangement{background:#101712;border:1px solid #c0cbc529;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;margin:8px;padding:16px 24px;display:grid}.app .sequence,.app .layers{flex-wrap:wrap;align-items:center;gap:6px;padding:0;display:flex}.sequence-label,.layers-label{color:#c0cbc566;font-family:var(--font-display),Impact,sans-serif;letter-spacing:.02em;text-transform:lowercase;margin-right:4px;font-size:16px;font-weight:800}.sequence-chip,.layer-chip{background:0 0;border:1px solid #c0cbc529;border-radius:999px;overflow:hidden}.sequence-chip.is-active,.layer-chip.is-active{border-color:#0cca5f}.sequence-chip-select,.layer-chip-select,.sequence-chip-remove,.layer-chip-remove,.sequence-add,.layer-add{color:#c0cbc5;background:0 0;border:0;padding:7px 10px;font-family:inherit;font-size:13px}.sequence-chip.is-active .sequence-chip-select,.layer-chip.is-active .layer-chip-select{color:#0cca5f;background:#06421a}.sequence-chip-remove,.layer-chip-remove{border-left:1px solid #c0cbc529}.sequence-add,.layer-add{border:1px dashed #c0cbc566;border-radius:999px}.sequence-arrow{color:#c0cbc566}.app .structure-map{justify-content:flex-end;padding:0}.structure-map-svg{width:160px;height:48px}.app .simple-panel{padding:8px}.app .simple-header{display:none}.app .simple-workspace{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 314px;min-height:314px;display:grid;overflow:visible}.app .simple-equalizer,.app .simple-pad-panel{background:#ffffff0d;border:0;border-radius:16px;min-width:0}.app .simple-equalizer{--fader-height:212px;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px;display:grid}.app .simple-fader{grid-template-rows:19px minmax(0,1fr) 19px;align-items:stretch;gap:8px;padding:0}.app .simple-fader-label{color:#c0cbc566;font-family:var(--font-display),Impact,sans-serif;text-align:center;font-size:16px;font-weight:800;line-height:19px}.app .simple-fader-value,.app .simple-fader-scale{display:none}.app .simple-fader-track{width:100%;height:var(--fader-height);align-self:center;max-width:176px}.app .simple-fader-track:before,.app .simple-fader-track:after{opacity:1;background:repeating-linear-gradient(#c0cbc5 0 2px,#0000 2px 9.09091%);width:2px;top:12px;bottom:12px}.app .simple-fader-track:before{left:calc(50% - 36px)}.app .simple-fader-track:after{right:calc(50% - 36px)}.app .simple-fader-range::-webkit-slider-runnable-track{background:0 0;border:2px solid #c0cbc566;border-radius:24px;height:72px}.app .simple-fader-range::-moz-range-track{background:0 0;border:2px solid #c0cbc566;border-radius:24px;height:72px}.app .simple-fader-range::-webkit-slider-thumb{background:#c0cbc5;border:0;border-radius:3px;width:40px;height:2px;margin-top:33px;box-shadow:0 0 0 8px #101712,0 0 0 9px #c0cbc566}.app .simple-fader-range::-moz-range-thumb{background:#c0cbc5;border:0;border-radius:3px;width:40px;height:2px;box-shadow:0 0 0 8px #101712,0 0 0 9px #c0cbc566}.app .simple-pad-panel{padding:0;display:block}.app .xypad{aspect-ratio:auto;background-color:#0000;border:0;border-radius:16px;width:100%;max-width:none;height:314px}.app .xypad-corner{color:#c0cbc566;font-family:var(--font-display),Impact,sans-serif;font-size:16px;font-weight:800}.app .xypad-corner-tl{inset:7px auto auto 50%;transform:translate(-50%)}.app .xypad-corner-tr{top:50%;right:7px;transform:translateY(-50%)rotate(90deg)}.app .xypad-corner-bl{bottom:7px;left:50%;transform:translate(-50%)}.app .xypad-corner-br{top:50%;left:7px;transform:translateY(-50%)rotate(-90deg)}.app .xypad-corner{color:var(--pulse-text);font-family:var(--font-sans),sans-serif;opacity:.64;text-transform:lowercase;font-size:14px;font-weight:500;line-height:17px}.app .xypad:after{z-index:1;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 16px 16px #121713}.app .xypad-grid{background-image:repeating-linear-gradient(to right, transparent 0 24px, var(--pulse-grid) 24px 26px, transparent 26px 29.333px), repeating-linear-gradient(to bottom, transparent 0 24px, var(--pulse-grid) 24px 26px, transparent 26px 29.333px);pointer-events:none;position:absolute;inset:0}.app .xypad-cross{display:none}.app .xypad-puck{z-index:3;background:linear-gradient(to bottom, #00000052, transparent), var(--pulse-green);border:1px solid #c0cbc53d;width:24px;height:24px;box-shadow:0 0 16px 16px #121713}.app .modules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid}.app .module{min-height:360px;box-shadow:none;background:#ffffff0d;border:0;border-radius:16px}.app .module-header{color:#c0cbc566;padding:24px 24px 0}.app .module-title{color:#c0cbc566;font-family:var(--font-display),Impact,sans-serif;text-transform:lowercase;font-size:16px;font-weight:800}.app .module-icon{color:#c0cbc566}.app .module-body{padding:20px 24px 24px}.app .optionlist{background:0 0;border-color:#c0cbc566;border-radius:24px}.app .optionlist button{color:#c0cbc5;font-size:20px}.app .optionlist button.is-active{color:#0cca5f}.app .optionlist-notch{border-color:#c0cbc566}.app .optionlist button.is-active .optionlist-notch{background:#0cca5f;border-color:#0cca5f}.app .optionlist-marker{background:#0cca5f}.app .knob-label,.app .knob-value{color:#c0cbc5;font-size:14px}.app .knob-track{stroke:#c0cbc566}.app .knob-fill{stroke:#0cca5f}.app .knob-cap{fill:#101712;stroke:#c0cbc529}.app .knob-indicator{stroke:#c0cbc5}.app .knob-ticks{display:none}.app .library-panel,.app .saved-panel,.app .composer-panel{padding:8px}.app .library-header,.app .library-copy,.app .composer-copy,.app .composer-header{display:none}.app .library-title,.app .composer-title,.app .saved-title,.app .saved-card-title{color:#0cca5f;font-family:var(--font-display),Impact,sans-serif;text-transform:lowercase;font-size:38px;font-weight:800;line-height:1}.app .library-summary,.app .composer-summary,.app .saved-card-meta,.app .library-card-meta,.app .library-card-description{color:#c0cbc566}.app .library-filters{flex-wrap:wrap;align-items:flex-start;gap:2px;margin:0 0 16px;display:flex}.app .library-profile-switch{background:0 0;border:0;flex:0 0 670px;width:670px;padding:0;display:block}.app .library-profile-label,.app .library-profile-index,.app .library-profile small{display:none}.app .library-profile-options{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.app .library-profile{color:#c0cbc5;width:auto;min-height:72px;font-family:var(--font-sans),sans-serif;text-transform:lowercase;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;padding:0;font-size:20px;font-weight:500;display:inline-flex}.app .library-profile-copy{display:contents}.app .library-profile strong{font:inherit}.app .library-profile+.library-profile{margin-left:8px}.app .library-profile.is-active{box-shadow:none;color:#0cca5f;background:0 0;border:0}.app .library-profile.is-active:before{content:"[ "}.app .library-profile.is-active:after{content:" ]"}.app .library-categories{display:contents}.app .library-category{color:#c0cbc5;min-height:72px;font-family:var(--font-sans),sans-serif;text-transform:lowercase;background:#ffffff0d;border:0;border-radius:12px;align-items:center;gap:8px;padding:24px;font-size:20px;font-weight:500;display:flex}.app .library-category.is-active{color:#0cca5f;background:#06421a}.app .library-category small{color:#c0cbc566;font-size:16px}.app .library-grid,.app .saved-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.app .library-card,.app .saved-card{min-height:314px;box-shadow:none;background:#ffffff0d;border:0;border-radius:16px;flex-direction:column;padding:0;display:flex}.app .library-card-head{padding:24px 24px 0}.app .library-card-title{color:#0cca5f;font-family:var(--font-display),Impact,sans-serif;text-transform:lowercase;margin:0;font-size:38px}.app .library-card-meta{font-family:var(--font-sans),sans-serif;margin-top:8px;font-size:20px}.app .library-card-description,.app .library-tags{display:none}.app .library-actions{gap:8px;margin:auto 24px 24px;display:flex}.app .library-action,.app .saved-action{color:#c0cbc5;background:linear-gradient(#ffffff0f,#ffffff05);border:2px solid #c0cbc529;border-radius:999px;min-height:72px;font-size:20px}.app .library-action:first-child{width:72px;min-width:72px;font-size:0}.app .library-action:first-child:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:14px solid #c0cbc5;width:0;height:0;margin-left:4px}.app .composer-panel{grid-template-rows:minmax(338px,1fr) minmax(338px,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:688px;display:grid}.app .composer-settings{display:contents}.app .composer-sound-module{grid-area:1/2;min-height:0}.app .composer-record-module{grid-area:2/2;min-height:0}.app .pad-grid{grid-area:1/1/span 2;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:none;min-height:688px;margin:0;display:grid}.app .composer-hit-list{display:none}.app .composer-pads,.app .composer-sound-module,.app .composer-record-module{background:#ffffff0d;border:0;border-radius:16px}.app .composer-sound-module .module-body{align-items:center;height:calc(100% - 50px);display:flex}.app .composer-sound-knobs{width:100%}.app .composer-record-module .module-body{align-content:center;height:calc(100% - 50px);display:grid}.app .pad{color:#0cca5f;font-family:var(--font-display),Impact,sans-serif;background:linear-gradient(135deg,#111a14,#0b100d);border-color:#c0cbc529}.app .pad.is-active,.app .pad:active{border-color:#0cca5f;box-shadow:inset 0 0 28px #0cca5f40,0 0 16px #0cca5f1f}@media (max-width:920px){.app-header{min-height:136px}.wordmark{font-size:46px}.app .create-controls{grid-template-columns:1fr 72px;min-height:0}.app .presets{grid-column:1/-1}.app .simple-workspace{grid-template-columns:1fr;gap:8px}.app .simple-pad-panel{min-height:260px}.app .xypad{height:260px}.app .modules-grid,.app .library-grid,.app .saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .library-profile-switch{flex-basis:100%;width:100%}.app .library-profile-options{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 8px;display:flex}.app .library-profile{white-space:nowrap;flex:none;justify-content:center;width:auto;min-width:0;padding:10px 14px;font-size:16px}.app .library-profile+.library-profile{margin-left:0}.app .library-categories{flex-wrap:wrap;gap:2px;display:flex}.app .pro-arrangement{grid-template-columns:1fr}.app .structure-map{justify-content:flex-start}.app .composer-panel{min-height:0;display:block}.app .composer-settings{grid-template-columns:1fr;gap:8px;display:grid}.app .composer-sound-module,.app .composer-record-module{min-height:280px}.app .pad-grid{min-height:480px;margin-top:8px}}@media (max-width:620px){.app-header{min-height:112px}.wordmark{font-size:38px}.app-nav-option{min-height:40px;padding:8px 6px;font-size:16px}.app .create-controls{padding:8px}.app .mode-switch{width:100%}.app .mode-switch .mode-option{min-height:44px;padding:12px 0;font-size:18px}.icon-button{width:54px;height:54px}.pill-button{min-width:84px;height:54px;font-size:17px}.app .preset-chip{min-height:48px;padding:14px;font-size:16px}.app .preset-chip.is-active{padding:12px}.app .transport-panel{gap:12px;padding:16px}.app .transport{grid-template-columns:1fr auto;gap:12px}.history-actions{display:none}.app .timecode{font-size:16px}.app .preview{height:54px}.app .simple-equalizer{grid-template-columns:repeat(2,minmax(0,1fr))}.app .simple-workspace{min-height:0}.app .modules-grid,.app .library-grid,.app .saved-grid{grid-template-columns:1fr}.app .module{min-height:300px}}.app .mode-switch .mode-option.is-active{color:var(--pulse-green-bright)}.app .icon-button,.app .pill-button,.app .library-action,.app .saved-action{box-shadow:none;background:linear-gradient(#ffffff0f,#ffffff05) padding-box padding-box,linear-gradient(#fff6,#ffffff29) border-box;border:2px solid #0000}.app .icon-button:hover,.app .pill-button:hover,.app .library-action:hover,.app .saved-action:hover:not(:disabled){color:var(--pulse-text);border-color:#0000}.app .small-icon-button,.app .small-icon-button:hover:not(:disabled){border:1px solid var(--pulse-control-border);box-shadow:none;color:var(--pulse-text);background:0 0}.app .preview{isolation:isolate;margin:0;padding:0}.app .transport-panel.is-simple .timecode{flex:none;align-items:baseline;inline-size:fit-content}.app .transport-panel.is-simple .timecode .total{flex:none;font-weight:500;line-height:17px}.app .transport-panel.is-simple #time-current{flex:none;min-width:4ch;line-height:24px}@media (min-width:921px){.app .create-controls:not(.is-pro){align-content:center;align-items:center;gap:var(--pulse-space-hairline);min-height:162px;padding:var(--pulse-space-edge);flex-wrap:wrap;display:flex}.app .create-controls:not(.is-pro) .mode-switch{align-items:center;gap:var(--pulse-space-edge);width:481px;height:var(--pulse-control-lg);flex:0 0 481px;min-width:0;margin:0;padding:0;display:flex}.app .create-controls:not(.is-pro) .mode-option{min-width:0;min-height:var(--pulse-control-lg);padding:var(--pulse-space-panel) 0;flex:none;margin:0}.app .create-controls:not(.is-pro) .mode-option+.mode-option{margin-left:0}.app .create-controls:not(.is-pro) .presets{display:contents}.app .create-controls:not(.is-pro) .preset-chip{min-height:var(--pulse-control-lg);border-radius:var(--pulse-radius-chip);font-family:var(--font-sans), sans-serif;padding:var(--pulse-space-panel);letter-spacing:normal;flex:none;margin:0;line-height:24px}.app .create-controls:not(.is-pro) .preset-chip:hover{border-radius:var(--pulse-radius-control)}.app .create-controls:not(.is-pro) .preset-chip.is-active{border-radius:var(--pulse-radius-control);padding:22px}.app .create-controls:not(.is-pro) .preset-chip:first-child{width:92px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(2){width:109px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(3){width:127px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(4){width:95px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(5){width:125px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(6){width:103px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(7){width:105px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(8){width:97px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(9){width:99px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(10){width:112px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(11){width:117px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(12){width:109px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(13){width:95px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(14){width:135px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(15){width:156px}.app .create-controls:not(.is-pro) .preset-chip:nth-child(16){width:171px}.app .transport-panel{gap:var(--pulse-space-panel);margin:var(--pulse-space-edge);padding:var(--pulse-space-panel)}.app .transport,.app .preview{height:var(--pulse-control-lg);min-height:var(--pulse-control-lg)}.app .transport{justify-content:space-between;gap:0;display:flex}.app .pill-button{width:103px;min-width:103px;padding-inline:0}.app .simple-panel{padding:var(--pulse-space-edge)}.app .simple-workspace{gap:var(--pulse-space-edge);grid-template-columns:minmax(0,1fr) 314px;min-height:314px}.app .simple-equalizer{padding:var(--pulse-space-panel);justify-content:space-between;align-items:center;gap:0;display:flex}.app .simple-fader--figma{align-items:flex-start;justify-items:initial;gap:var(--pulse-space-edge);flex-direction:column;min-width:0;height:266px;padding:0;display:flex}.app .simple-fader--direction{width:126px}.app .simple-fader--length{width:131px}.app .simple-fader--variation{width:133px}.app .simple-fader--loudness{width:129px}.app .simple-fader--figma .simple-fader-label{width:var(--pulse-control-lg);height:19px;color:var(--pulse-text);font-family:var(--font-display), Impact, sans-serif;opacity:.32;text-align:center;text-transform:lowercase;justify-content:center;align-items:center;margin:0;font-size:16px;font-weight:800;line-height:19px;display:flex}.app .simple-fader-body{align-items:flex-start;gap:var(--pulse-space-edge);width:100%;height:212px;display:flex}.app .simple-fader--figma .simple-fader-track{width:var(--pulse-control-lg);flex:0 0 var(--pulse-control-lg);align-self:auto;max-width:none;height:212px}.app .simple-fader--figma .simple-fader-track:before,.app .simple-fader--figma .simple-fader-track:after{content:none}.app .simple-fader--figma .simple-fader-track:before{border:2px solid var(--pulse-line-strong);border-radius:var(--pulse-radius-control);content:"";opacity:1;background:0 0;width:auto;height:auto;display:block;position:absolute;inset:0}.app .simple-fader--figma .simple-fader-range{width:188px;height:var(--pulse-control-lg)}.app .simple-fader--figma .simple-fader-range::-webkit-slider-runnable-track{height:var(--pulse-control-lg);background:0 0;border:0;border-radius:0}.app .simple-fader--figma .simple-fader-range::-moz-range-track{height:var(--pulse-control-lg);background:0 0;border:0;border-radius:0}.app .simple-fader--figma .simple-fader-range::-moz-range-progress{height:var(--pulse-control-lg);background:0 0}.app .simple-fader--figma .simple-fader-range::-webkit-slider-thumb{border:1px solid var(--pulse-line-strong);background:linear-gradient(var(--pulse-text), var(--pulse-text)) center / 2px 40px no-repeat, var(--pulse-control-bg);width:18px;height:56px;box-shadow:none;border-radius:999px;margin-top:8px}.app .simple-fader--figma .simple-fader-range::-moz-range-thumb{border:1px solid var(--pulse-line-strong);background:linear-gradient(var(--pulse-text), var(--pulse-text)) center / 2px 40px no-repeat, var(--pulse-control-bg);width:18px;height:56px;box-shadow:none;border-radius:999px}.app .simple-fader-visual-scale{height:212px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;flex:none;font-size:20px;font-weight:500;line-height:24px;position:relative}.app .simple-fader--direction .simple-fader-visual-scale{width:46px}.app .simple-fader--length .simple-fader-visual-scale{width:51px}.app .simple-fader--variation .simple-fader-visual-scale{width:53px}.app .simple-fader--loudness .simple-fader-visual-scale{width:49px}.app .simple-fader-visual-label{white-space:nowrap;position:absolute;left:0}.app .simple-fader-visual-label--high{top:10px}.app .simple-fader-visual-label--mid{top:94px}.app .simple-fader-visual-label--low{top:178px}.app .simple-fader-visual-marks{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:0}.app .simple-fader--length .simple-fader-visual-marks{width:47px;height:130.824px;top:40.588px}.app .simple-fader--variation .simple-fader-visual-marks{width:16px;height:138.91px;top:36.545px}.app .simple-fader--loudness .simple-fader-visual-marks{width:32px;height:132.824px;top:40.588px}.app .simple-fader-visual-row,.app .simple-fader-visual-bar{border:0;flex:none;margin:0;display:block}.app .simple-fader-visual-row--dotted{background:repeating-linear-gradient(to right, var(--pulse-text) 0 2px, transparent 2px 3px);height:2px}.app .simple-fader-visual-bar--solid{background:var(--pulse-text);border-radius:1px}.app .simple-fader-shortcut{border:1px solid var(--pulse-control-border-strong);min-width:0;height:19px;color:var(--pulse-text);font:500 12px/14px var(--font-sans), sans-serif;opacity:.32;background:#ffffff03;border-radius:4px;align-self:flex-start;place-items:center;margin:0 0 0 36px;padding:2px 4px;display:grid;transform:translate(-50%);box-shadow:inset 0 -3px #242824}.app .simple-pad-panel{width:314px;height:314px}.app .xypad{border-radius:var(--pulse-radius-panel);cursor:pointer;background:0 0;border:0;width:314px;max-width:none;height:314px}.app .xypad-corner{z-index:2;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;opacity:.64;text-transform:lowercase;font-size:20px;font-weight:500;line-height:24px}.app .xypad-corner-tl{inset:2px auto auto 50%;transform:translate(-50%)}.app .xypad-corner-tr{inset:50% -13px auto auto;transform:translateY(-50%)rotate(90deg)}.app .xypad-corner-bl{inset:auto auto 2px 50%;transform:translate(-50%)}.app .xypad-corner-br{inset:50% auto auto -12px;transform:translateY(-50%)rotate(-90deg)}}@media (max-width:920px){.app .simple-equalizer{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.app .simple-fader--figma{flex-direction:column;align-items:center;gap:8px;min-width:0;height:auto;padding:0;display:flex}.app .simple-fader--figma .simple-fader-label{width:100%;height:19px;margin:0}.app .simple-fader-body{width:100%;height:var(--fader-height);justify-content:center;align-items:flex-start;gap:6px;display:flex}.app .simple-fader--figma .simple-fader-track{width:48px;height:var(--fader-height);flex:0 0 48px;align-self:auto;max-width:48px}.app .simple-fader--figma .simple-fader-track:before,.app .simple-fader--figma .simple-fader-track:after{content:none}.app .simple-fader--figma .simple-fader-track:before{border:2px solid var(--pulse-line-strong);border-radius:var(--pulse-radius-control);content:"";opacity:1;background:0 0;width:auto;height:auto;display:block;position:absolute;inset:0}.app .simple-fader--figma .simple-fader-range{width:var(--fader-height);height:48px}.app .simple-fader--figma .simple-fader-range::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:0;height:48px}.app .simple-fader--figma .simple-fader-range::-moz-range-track{background:0 0;border:0;border-radius:0;height:48px}.app .simple-fader--figma .simple-fader-range::-moz-range-progress{background:0 0;height:48px}.app .simple-fader--figma .simple-fader-range::-webkit-slider-thumb{border:1px solid var(--pulse-line-strong);background:linear-gradient(var(--pulse-text), var(--pulse-text)) center / 2px 26px no-repeat, var(--pulse-control-bg);width:16px;height:40px;box-shadow:none;border-radius:999px;margin-top:4px}.app .simple-fader--figma .simple-fader-range::-moz-range-thumb{border:1px solid var(--pulse-line-strong);background:linear-gradient(var(--pulse-text), var(--pulse-text)) center / 2px 26px no-repeat, var(--pulse-control-bg);width:16px;height:40px;box-shadow:none;border-radius:999px;margin-top:4px}.app .simple-fader-visual-scale{height:var(--fader-height);width:46px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;flex:none;font-size:12px;font-weight:500;line-height:15px;position:relative}.app .simple-fader-visual-label{white-space:nowrap;position:absolute;left:0}.app .simple-fader-visual-label--high{top:0}.app .simple-fader-visual-label--mid{top:44.3%}.app .simple-fader-visual-label--low{top:84%}.app .simple-fader-visual-scale--labels{flex-direction:column;justify-content:space-between;padding-block:2px;display:flex}.app .simple-fader-visual-scale--labels .simple-fader-visual-label--step{position:static}.app .simple-fader-visual-marks,.app .simple-fader-brightness-marks,.app .simple-fader-shortcut{display:none}.app .xypad-corner{text-align:left;inset:auto}.app .xypad-corner-tl{inset:7px auto auto 50%;transform:translate(-50%)}.app .xypad-corner-tr{inset:50% 7px auto auto;transform:translateY(-50%)rotate(90deg)}.app .xypad-corner-bl{inset:auto auto 7px 50%;transform:translate(-50%)}.app .xypad-corner-br{inset:50% auto auto 7px;transform:translateY(-50%)rotate(-90deg)}}@media (max-width:620px){.app .simple-equalizer{place-items:start center;gap:var(--pulse-space-panel);padding:var(--pulse-space-panel);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app .simple-fader--figma{align-items:flex-start;justify-items:initial;gap:var(--pulse-space-edge);flex-direction:column;min-width:0;height:266px;padding:0;display:flex}.app .simple-fader--direction{width:126px}.app .simple-fader--length{width:131px}.app .simple-fader--variation{width:133px}.app .simple-fader--loudness{width:129px}.app .simple-fader--figma .simple-fader-label{width:var(--pulse-control-lg);height:19px;color:var(--pulse-text);font-family:var(--font-display), Impact, sans-serif;opacity:.32;text-align:center;text-transform:lowercase;justify-content:center;align-items:center;margin:0;font-size:16px;font-weight:800;line-height:19px;display:flex}.app .simple-fader-body{align-items:flex-start;gap:var(--pulse-space-edge);width:100%;height:212px;display:flex}.app .simple-fader--figma .simple-fader-track{width:var(--pulse-control-lg);flex:0 0 var(--pulse-control-lg);align-self:auto;max-width:none;height:212px}.app .simple-fader--figma .simple-fader-track:before,.app .simple-fader--figma .simple-fader-track:after{content:none}.app .simple-fader--figma .simple-fader-track:before{border:2px solid var(--pulse-line-strong);border-radius:var(--pulse-radius-control);content:"";opacity:1;background:0 0;width:auto;height:auto;display:block;position:absolute;inset:0}.app .simple-fader--figma .simple-fader-range{width:188px;height:var(--pulse-control-lg)}.app .simple-fader--figma .simple-fader-range::-webkit-slider-runnable-track{height:var(--pulse-control-lg);background:0 0;border:0;border-radius:0}.app .simple-fader--figma .simple-fader-range::-moz-range-track{height:var(--pulse-control-lg);background:0 0;border:0;border-radius:0}.app .simple-fader--figma .simple-fader-range::-moz-range-progress{height:var(--pulse-control-lg);background:0 0}.app .simple-fader--figma .simple-fader-range::-webkit-slider-thumb{border:1px solid var(--pulse-line-strong);background:linear-gradient(var(--pulse-text), var(--pulse-text)) center / 2px 40px no-repeat, var(--pulse-control-bg);width:18px;height:56px;box-shadow:none;border-radius:999px;margin-top:8px}.app .simple-fader--figma .simple-fader-range::-moz-range-thumb{border:1px solid var(--pulse-line-strong);background:linear-gradient(var(--pulse-text), var(--pulse-text)) center / 2px 40px no-repeat, var(--pulse-control-bg);width:18px;height:56px;box-shadow:none;border-radius:999px}.app .simple-fader-visual-scale{height:212px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;flex:none;font-size:20px;font-weight:500;line-height:24px;position:relative}.app .simple-fader--direction .simple-fader-visual-scale{width:46px}.app .simple-fader--length .simple-fader-visual-scale{width:51px}.app .simple-fader--variation .simple-fader-visual-scale{width:53px}.app .simple-fader--loudness .simple-fader-visual-scale{width:49px}.app .simple-fader-visual-label{white-space:nowrap;position:absolute;left:0}.app .simple-fader-visual-label--high{top:10px}.app .simple-fader-visual-label--mid{top:94px}.app .simple-fader-visual-label--low{top:178px}.app .simple-fader-visual-marks{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:0}.app .simple-fader--length .simple-fader-visual-marks{width:47px;height:130.824px;top:40.588px}.app .simple-fader--variation .simple-fader-visual-marks{width:16px;height:138.91px;top:36.545px}.app .simple-fader--loudness .simple-fader-visual-marks{width:32px;height:132.824px;top:40.588px}.app .simple-fader-visual-row,.app .simple-fader-visual-bar{border:0;flex:none;margin:0;display:block}.app .simple-fader-visual-row--dotted{background:repeating-linear-gradient(to right, var(--pulse-text) 0 2px, transparent 2px 3px);height:2px}.app .simple-fader-visual-bar--solid{background:var(--pulse-text);border-radius:1px}}.app .pro-arrangement{display:none}.app .transport-panel.is-pro{background:#ffffff0d;border-radius:80px;flex-direction:column;gap:8px;margin:8px;padding:24px;display:flex;position:relative;overflow:visible}.app .transport-panel.is-pro .transport{justify-content:space-between;align-items:center;width:100%;height:72px;min-height:72px;display:flex;position:relative}.app .transport-panel.is-pro .history-actions{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app .transport-panel.is-pro .preview{display:none}.app .transport-panel.is-pro .transport-left,.app .transport-panel.is-pro .transport-actions,.app .transport-panel.is-pro .history-actions{align-items:center;gap:8px;display:flex}.app .transport-panel.is-pro .timecode{white-space:nowrap;flex:none;align-items:baseline;gap:4px;inline-size:fit-content}.app .transport-panel.is-pro .timecode .total{flex:none;font-weight:500;line-height:17px}.app .transport-panel.is-pro #time-current{flex:none;min-width:4ch;line-height:24px}.app .transport-panel.is-pro .play-button,.app .transport-panel.is-pro #save-btn,.app .transport-panel.is-pro #export-btn{box-sizing:border-box;box-shadow:none;color:var(--pulse-text);background:linear-gradient(#ffffff0f,#ffffff05);border:2px solid #ffffff14;padding:0}.app .transport-panel.is-pro .play-button:hover,.app .transport-panel.is-pro .play-button:active,.app .transport-panel.is-pro #save-btn:hover,.app .transport-panel.is-pro #save-btn:active,.app .transport-panel.is-pro #export-btn:hover,.app .transport-panel.is-pro #export-btn:active{color:var(--pulse-text);background:linear-gradient(90deg,#ffffff0f,#ffffff05);border-color:#ffffff14;transform:none}.app .pro-timeline{grid-template-columns:repeat(var(--pro-step-count), minmax(0, 1fr));grid-auto-rows:48px;gap:8px;width:100%;min-width:0;display:grid;position:relative;overflow:visible}.app .pro-timeline.can-add-step{grid-template-columns:repeat(var(--pro-step-count), minmax(0, 1fr)) 48px}.app .pro-track-slot,.app .pro-add-step-spacer{width:100%;min-width:0;height:48px;position:relative}.app .pro-track-slot.is-empty,.app .pro-add-step-spacer{visibility:hidden}.app .pro-track{isolation:isolate;box-sizing:border-box;background:var(--pro-step-color);width:100%;min-width:0;height:48px;color:var(--pro-step-color);cursor:pointer;border:1px solid #00000029;border-radius:999px;align-items:center;padding:7px;transition:box-shadow .14s,filter .14s,outline-color .14s;display:flex;position:relative;overflow:hidden}.app .pro-track--step-1{--pro-step-color:#06421a;--pro-track-wave:#72df98;--pro-track-focus-ring:#39de7680}.app .pro-track--step-2{--pro-step-color:#493d66;--pro-track-wave:#b4a2da;--pro-track-focus-ring:#ae9ed580}.app .pro-track--step-3{--pro-step-color:#661e28;--pro-track-wave:#d98f94;--pro-track-focus-ring:#ef7e8980}.app .pro-track.is-active,.app .pro-track:focus-visible{z-index:1;box-shadow:0 0 0 4px var(--pro-track-focus-ring);outline:none}.app .pro-track-wave{z-index:0;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.app .pro-track-badge{z-index:1;box-sizing:border-box;width:32px;height:32px;color:inherit;font:500 20px/24px var(--font-sans), sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff8f,#ffffff85) padding-box padding-box,linear-gradient(#ffffff10 0 34.615%,#00000010) border-box,linear-gradient(#ffffff8f,#ffffff85) border-box;border:2px solid #0000;border-radius:999px;flex:0 0 32px;place-items:center;transition:color .12s,box-shadow .14s,transform .14s;display:inline-grid;position:relative;box-shadow:0 0 16px #00000014}.app .pro-track-remove{z-index:2;box-sizing:border-box;visibility:hidden;width:32px;height:32px;color:inherit;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;font-size:0;line-height:0;transition:opacity .12s,visibility 0s linear .12s;display:grid;position:absolute;top:8px;left:8px}.app .pro-track-remove:before,.app .pro-track-remove:after{content:"";pointer-events:none;background:currentColor;border-radius:999px;width:16px;height:2px;position:absolute;top:50%;left:50%}.app .pro-track-remove:before{transform:translate(-50%,-50%)rotate(45deg)}.app .pro-track-remove:after{transform:translate(-50%,-50%)rotate(-45deg)}.app .pro-track-remove--step-1{color:#06421a}.app .pro-track-remove--step-2{color:#493d66}.app .pro-track-remove--step-3{color:#661e28}:is(.app .pro-track-slot:has(.pro-track-remove):hover .pro-track-badge,.app .pro-track-slot:has(.pro-track-remove):focus-within .pro-track-badge){color:#0000}.app .pro-track-slot:hover .pro-track-remove,.app .pro-track-slot:focus-within .pro-track-remove{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.app .pro-add-step{box-sizing:border-box;background:linear-gradient(var(--pro-step-color), var(--pro-step-color)) padding-box, linear-gradient(180deg, #ffffff10 0 34.615%, #00000010) border-box, linear-gradient(var(--pro-step-color), var(--pro-step-color)) border-box;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #0000;border-radius:999px;place-items:center;width:48px;height:48px;padding:8px;transition:filter .12s,transform .12s;display:grid;position:relative;box-shadow:0 0 8px #00000014}.app .pro-add-step--step-2{--pro-step-color:#493d63}.app .pro-add-step--step-3{--pro-step-color:#661e28}.app .pro-add-step img{width:32px;height:32px;margin:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app .pro-track-slot .pro-add-layer{z-index:5;box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#ffffff8f,#ffffff85) padding-box padding-box,linear-gradient(#ffffff10 0 34.615%,#00000010) border-box,linear-gradient(#ffffff8f,#ffffff85) border-box;border:2px solid #0000;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;transition:filter .12s,transform .12s,opacity .12s,visibility .12s;display:grid;position:absolute;top:44px;left:12px;box-shadow:0 0 16px #00000014}.app .pro-track-slot.has-layer-add:hover .pro-add-layer,.app .pro-track-slot.has-layer-add:focus-within .pro-add-layer{opacity:1;visibility:visible;pointer-events:auto}.app .pro-add-layer--step-1{--pro-step-color:#06421a}.app .pro-add-layer--step-2{--pro-step-color:#493d66}.app .pro-add-layer--step-3{--pro-step-color:#661e28}.app .pro-add-step:hover,.app .pro-add-layer:hover{filter:brightness(1.1)}.app .pro-add-step:active,.app .pro-add-layer:active{transform:scale(.96)}.app .pro-add-layer-icon{background:var(--pro-step-color);width:24px;height:24px;margin:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(/pulse-icons/add-layer.svg) 50%/24px 24px no-repeat;mask:url(/pulse-icons/add-layer.svg) 50%/24px 24px no-repeat}.app .modules-grid .module{box-sizing:border-box;gap:24px;height:360px;min-height:360px;padding:24px}.app .modules-grid .module-header{flex:0 0 19px;height:19px;padding:0}.app .modules-grid .module-body{flex:auto;min-height:0;padding:0}.app .modules-grid .module-title,.app .modules-grid .module-icon{color:#c0cbc552}.app .modules-grid .module-title{line-height:19px}.app .modules-grid .module-icon{opacity:1}.app .modules-grid .optionlist{box-sizing:border-box;border:2px solid #c0cbc566;border-radius:24px;flex-direction:column;flex:0 0 143px;justify-content:space-between;align-items:flex-start;width:143px;min-width:0;height:269px;padding:12px;display:flex}.app .modules-grid .optionlist-marker{display:none}.app .modules-grid .optionlist button{width:auto;height:24px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;text-transform:lowercase;justify-content:flex-start;align-items:center;gap:8px;padding:0;font-size:20px;font-weight:500;line-height:24px;display:flex}.app .modules-grid .optionlist button.is-active{color:#42d47d}.app .modules-grid .optionlist-notch{box-sizing:border-box;background:0 0;border:2px solid #c0cbc552;border-radius:999px;flex:0 0 16px;width:16px;height:16px}.app .modules-grid .optionlist button.is-active .optionlist-notch{background:#42d47d;border-color:#42d47d}.app .modules-grid .knob-row{flex-wrap:nowrap}.app .modules-grid .knob{flex:0 0 56px;gap:16px;width:56px;height:122px}.app .modules-grid .knob-label,.app .modules-grid .knob-value{height:17px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;letter-spacing:0;text-transform:lowercase;font-size:14px;font-weight:500;line-height:17px}.app .modules-grid .knob-dial{flex:0 0 72px;width:78px;height:72px;margin:-11px -11px -5px;overflow:visible}.app .modules-grid .knob-track,.app .modules-grid .knob-fill{stroke-width:6px}.app .modules-grid .knob-track{stroke:#c0cbc533}.app .modules-grid .knob-fill{stroke:#42d47d;filter:none}.app .modules-grid .knob-indicator{stroke:var(--pulse-text);stroke-width:4px}.app .modules-grid .module-osc .module-body,.app .modules-grid .module-pitch .module-body,.app .modules-grid .module-filter .module-body{flex-direction:row;align-items:stretch;gap:16px}.app .modules-grid .module-osc .knob-row,.app .modules-grid .module-pitch .knob-row,.app .modules-grid .module-filter .knob-row{flex-direction:column;flex:0 0 143px;align-items:center;width:143px;min-width:0;height:269px}.app .modules-grid .module-osc .knob-row{justify-content:center}.app .modules-grid .module-pitch .knob-row,.app .modules-grid .module-filter .knob-row{justify-content:space-between}.app .modules-grid .module-env .module-body,.app .modules-grid .module-delay .module-body{flex-direction:column;gap:24px}.app .modules-grid .module-env{height:359px;min-height:359px}.app .modules-grid .module-env .module-body{flex:0 0 268px;height:268px}.app .modules-grid .module-env .knob-row,.app .modules-grid .module-delay .knob-row{flex:1 1 0;align-items:center;width:100%;height:122px}.app .modules-grid .module-env .knob-row{flex:0 0 122px;height:122px}.app .modules-grid .module-env .knob-row:first-child{justify-content:space-between}.app .modules-grid .module-env .knob-row:last-child,.app .modules-grid .module-delay .knob-row:first-child{justify-content:center;gap:64px}.app .modules-grid .module-delay .knob-row:last-child{justify-content:center}.app .modules-grid .module-drive .knob-row{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:24px;width:100%;height:269px;display:grid}.app .modules-grid .module-reverb .module-body{justify-content:center;align-items:center}.app .modules-grid .module-output{justify-content:space-between;gap:0}.app .modules-grid .module-output .module-body{flex:0 0 243.5px;justify-content:space-between;height:243.5px}.app .modules-grid .horizontal-fader{--horizontal-fader-stop-center:23px;flex-direction:column;flex:0 0 97px;align-items:flex-start;gap:8px;width:100%;height:97px;display:flex}.app .modules-grid .horizontal-fader-track{box-sizing:border-box;cursor:ew-resize;touch-action:none;border:2px solid #c0cbc566;border-radius:24px;flex:0 0 72px;width:100%;height:72px;padding:8px 12px;position:relative}.app .modules-grid .horizontal-fader-thumb{box-sizing:border-box;pointer-events:none;background:0 0;border:1px solid #c0cbc566;border-radius:999px;place-items:center;width:18px;height:56px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.app .modules-grid .horizontal-fader-thumb-mark{background:var(--pulse-text);border-radius:3px;width:2px;height:40px}.app .modules-grid .horizontal-fader-labels{box-sizing:border-box;width:100%;height:17px;color:var(--pulse-text);font-family:var(--font-sans), sans-serif;padding:0;font-size:14px;font-weight:500;line-height:17px;display:block;position:relative}.app .modules-grid .horizontal-fader-label{white-space:nowrap;position:absolute;top:0}.app .modules-grid .horizontal-fader-label--min{left:var(--horizontal-fader-stop-center);transform:translate(-50%)}.app .modules-grid .horizontal-fader-label--name{left:50%;transform:translate(-50%)}.app .modules-grid .horizontal-fader-label--max{right:var(--horizontal-fader-stop-center);transform:translate(50%)}@media (max-width:920px){.app .transport-panel.is-pro{border-radius:56px}}@media (max-width:620px){.app .transport-panel.is-pro{border-radius:40px;padding:16px}.app .transport-panel.is-pro .transport{height:54px;min-height:54px}.app .transport-panel.is-pro .history-actions{display:none}.app .pro-timeline{grid-template-columns:repeat(var(--pro-step-count), minmax(120px, 1fr));padding-bottom:20px;overflow:auto visible}.app .pro-timeline.can-add-step{grid-template-columns:repeat(var(--pro-step-count), minmax(120px, 1fr)) 48px}}.app .transport-panel.is-simple{isolation:isolate;background:0 0;border-radius:0;grid-template:"simple-player"1fr/minmax(0,1fr);gap:0;margin:0;padding:8px;display:grid;position:relative}.app .transport-panel.is-simple .transport,.app .transport-panel.is-simple .preview{grid-area:simple-player}.app .transport-panel.is-simple .preview{z-index:1;background:var(--pulse-green-deep);border:1px solid #00000029;border-radius:999px;width:100%;min-width:0;overflow:hidden}.app .transport-panel.is-simple .preview-wave{z-index:2}.app .transport-panel.is-simple .preview-ruler{z-index:1}.app .transport-panel.is-simple .transport{z-index:4;box-sizing:border-box;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.app .transport-panel.is-simple .transport-left,.app .transport-panel.is-simple .transport-actions{display:contents}.app .transport-panel.is-simple .history-actions{display:none}.app .transport-panel.is-simple .timecode{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff0f,#ffffff05);border:2px solid #ffffff1a;border-radius:999px;flex:none;align-items:baseline;gap:.4em;inline-size:fit-content;margin-left:auto;padding:.3em .4em;overflow:hidden;box-shadow:0 0 16px #00000014}.app .transport-panel.is-simple .play-button,.app .transport-panel.is-simple #save-btn,.app .transport-panel.is-simple #export-btn{box-sizing:border-box;color:var(--pulse-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff0f,#ffffff05) padding-box padding-box,linear-gradient(#ffffff10,#ffffff07) border-box;border:2px solid #0000;overflow:hidden;box-shadow:0 0 16px #00000014}.app .transport-panel.is-simple .play-button,.app .transport-panel.is-simple #save-btn{width:72px;min-width:72px;height:72px;padding:0}.app .transport-panel.is-simple #export-btn{width:103px;min-width:103px;height:72px;font:500 20px/24px var(--font-sans), sans-serif;padding:0}.app .transport-panel.is-simple .play-button:hover,.app .transport-panel.is-simple .play-button:active,.app .transport-panel.is-simple #save-btn:hover,.app .transport-panel.is-simple #save-btn:active,.app .transport-panel.is-simple #export-btn:hover,.app .transport-panel.is-simple #export-btn:active{color:var(--pulse-text);background:linear-gradient(#ffffff0f,#ffffff05);border-color:#ffffff1a;transform:none}@media (min-width:921px){.app .transport-panel.is-simple{width:100%;height:152px;min-height:152px}.app .transport-panel.is-simple .transport,.app .transport-panel.is-simple .preview{height:136px;min-height:136px}.app .transport-panel.is-simple .transport{padding:32px 24px}}@media (max-width:920px){.app .transport-panel.is-simple{height:128px;min-height:128px}.app .transport-panel.is-simple .transport,.app .transport-panel.is-simple .preview{height:112px;min-height:112px}.app .transport-panel.is-simple .transport{padding:20px 16px}}@media (max-width:620px){.app .transport-panel.is-simple{height:112px;min-height:112px}.app .transport-panel.is-simple .transport,.app .transport-panel.is-simple .preview{height:96px;min-height:96px}.app .transport-panel.is-simple .transport{gap:4px;padding:24px 12px}.app .transport-panel.is-simple .play-button,.app .transport-panel.is-simple #save-btn{width:48px;min-width:48px;height:48px}.app .transport-panel.is-simple #export-btn{width:72px;min-width:72px;height:48px;font-size:16px;line-height:20px}.app .transport-panel.is-simple .timecode{gap:.25em}.app .transport-panel.is-simple .timecode .total{font-size:12px}.app .transport-panel.is-simple #time-current{font-size:16px;line-height:22px}}.app .xypad-puck{--xypad-puck-scale:1;transform:translate(-50%, -50%) scale(var(--xypad-puck-scale));transition:transform .12s,filter .12s}.app .xypad.is-hovered .xypad-puck{--xypad-puck-scale:1.05}.app .xypad.is-dragging .xypad-puck{--xypad-puck-scale:1.1;filter:drop-shadow(0 0 16px #06421aa3)}.app .tooltip-target{isolation:isolate;position:relative}.app .transport-panel.is-simple #save-btn.tooltip-target,.app .transport-panel.is-simple .play-button.tooltip-target{overflow:visible}.app .custom-tooltip{z-index:30;color:#050b07;font:500 16px/19px var(--font-sans), sans-serif;opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;background:#c0cbc5;border-radius:999px;align-items:center;gap:8px;padding:8px;transition:opacity .12s,transform .12s,visibility 0s linear .12s;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.app .tooltip-target:hover .custom-tooltip,.app .tooltip-target:focus-visible .custom-tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.app .account-export-tooltip{left:8px;transform:translateY(4px)}.app .account-menu:has(.account-export-count:hover) .account-export-tooltip{opacity:1;visibility:visible;transition-delay:0s;transform:translate(0)}.app .custom-tooltip-shortcut{box-sizing:border-box;min-width:20px;min-height:20px;color:inherit;font:inherit;background:#ffffff03;border:1px solid #0006;border-radius:4px;place-items:center;padding:2px 4px;font-size:12px;line-height:14px;display:inline-grid;box-shadow:inset 0 -3px #747b77}@media (max-width:620px){.app #play-btn .custom-tooltip{left:0;transform:translateY(4px)}.app #randomize-btn .custom-tooltip{left:auto;right:0;transform:translateY(4px)}.app #play-btn:hover .custom-tooltip,.app #play-btn:focus-visible .custom-tooltip,.app #randomize-btn:hover .custom-tooltip,.app #randomize-btn:focus-visible .custom-tooltip{transform:translate(0)}}