.ft-page{background-color:var(--color-tinted-background);flex-direction:column;min-height:100vh;display:flex;position:relative}.ft-page:before{content:"";background-image:radial-gradient(circle, var(--color-dot-pattern) 1.5px, transparent 1.5px);opacity:.35;pointer-events:none;z-index:0;background-size:43px 43px;position:fixed;inset:0}.ft-page>*{z-index:1;position:relative}.ft-page>.ft-main:has(.midikeys--full,.lpdrums--full,.lpsongs--full,.bistable--full){z-index:2147483000}.ft-main{flex:1;width:100%}.ft-wrap{width:100%;max-width:1454px;margin:0 auto;padding:28px 20px 0}.ft-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ft-crumbs{color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:flex}.ft-crumbs a{color:var(--color-muted-foreground);text-decoration:none}.ft-crumbs a:hover,.ft-crumbs [aria-current=page]{color:var(--color-foreground)}.ft-hero{max-width:760px;margin-bottom:32px}.ft-title{color:var(--color-text);font-family:var(--font-family-sans);letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(32px,4.6vw,52px);font-weight:400;line-height:1.12}.ft-lede{max-width:62ch;color:var(--color-muted-foreground);margin:0;font-size:18px;line-height:1.55}.ft-frame{background:var(--color-primary);border-radius:16px;padding:12px 4px 4px}.ft-stage{background:var(--color-panel1);border-radius:13px;padding:clamp(20px,3.4vw,40px)}.ft-frame--app .ft-stage{background:#0f0f11;padding:clamp(12px,1.6vw,20px)}[data-theme=light] .ft-frame--app .ft-stage{background:#0f0f11}.ft-btn{min-height:44px;font-family:var(--font-family-sans);cursor:pointer;appearance:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;transition:background-color .2s,border-color .2s,color .2s,transform .2s!important}.ft-btn:hover{transform:translateY(-1px)}.ft-btn:disabled{opacity:.6;cursor:default;transform:none}.ft-btn--primary{color:#fff;background:var(--color-primary)}.ft-btn--primary:hover{background:#0139c7}.ft-btn--primary:active{background:#0138c0}.ft-btn--ghost{color:var(--color-foreground);border-color:var(--color-border-lighter);background:0 0}.ft-btn--ghost:hover{background:var(--color-surface-light)}.ft-btn--lg{min-height:52px;padding:12px 28px;font-size:16px}.ft-btn--stop{background:var(--color-foreground);color:var(--color-tinted-background)}.ft-btn--stop:hover{background:var(--color-foreground);opacity:.9}.ft-btn:focus-visible,.ft-round-btn:focus-visible,.ft-cell:focus-visible,.ft-pill:focus-visible,.ft-string:focus-visible,.ft-ms:focus-visible,.ft-text-btn:focus-visible,.ft-tap-pad:focus-visible,.ft-seg-item input:focus-visible+span{outline-offset:2px;outline:2px solid #93b4ff}.ft-text-btn{color:var(--color-muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:14px;display:inline-flex}.ft-text-btn:hover:not(:disabled){color:var(--color-foreground)}.ft-text-btn:disabled{opacity:.45;cursor:default}.ft-round-btn{border:1px solid var(--color-border-lighter);background:var(--color-panel2);width:56px;height:56px;color:var(--color-foreground);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid;transition:background-color .2s,transform .2s!important}.ft-round-btn:hover:not(:disabled){background:var(--color-surface-lighter)}.ft-round-btn:active:not(:disabled){transform:scale(.94)}.ft-round-btn:disabled{opacity:.4;cursor:default}.ft-round-btn--sm{width:34px;height:34px}.ft-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.ft-actions--center{justify-content:center}.ft-note{color:var(--color-muted-foreground);margin:0;font-size:14px;line-height:1.5}.ft-note svg{vertical-align:-2px;display:inline-block}.ft-center{text-align:center}.ft-warn{color:var(--color-warning);margin-top:8px}.ft-kbd-hint{opacity:.85;margin-top:16px;font-size:13px}.ft-error{margin-top:16px}.ft-panel-heading{color:var(--color-foreground);margin:0 0 6px;font-size:20px;font-weight:400;line-height:1.3}.ft-seg-group{border:0;min-width:0;margin:0;padding:0}.ft-seg-legend{color:var(--color-muted-foreground);margin-bottom:8px;padding:0;font-size:13px}.ft-seg{border:1px solid var(--color-border);background:var(--color-panel3);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.ft-seg-item{cursor:pointer;position:relative}.ft-seg-item input{opacity:0;pointer-events:none;position:absolute}.ft-seg-item span{color:var(--color-muted-foreground);white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:500;display:block;transition:background-color .2s,color .2s!important}.ft-seg-item:hover span{color:var(--color-foreground)}.ft-seg-item input:checked+span{color:#fff;background:var(--color-primary)}.ft-pill{border:1px solid var(--color-border);color:var(--color-muted-foreground);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s!important}.ft-pill:hover{color:var(--color-foreground);border-color:var(--color-border-lighter)}.ft-pill--on,.ft-pill--on:hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.ft-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.ft-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-primary) var(--fill,50%), var(--ft-track,var(--color-surface-muted)) var(--fill,50%));border-radius:999px;height:6px}.ft-range::-moz-range-track{background:var(--ft-track,var(--color-surface-muted));border-radius:999px;height:6px}[data-theme=light] .ft-range{--ft-track:#d9d9d9}.ft-range::-moz-range-progress{background:var(--color-primary);border-radius:999px;height:6px}.ft-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--color-primary);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 2px 8px #00000059}.ft-range::-moz-range-thumb{border:3px solid var(--color-primary);background:#fff;border-radius:50%;width:16px;height:16px}.ft-range:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #93b4ff}.ft-giant,.ft-big,.ft-mid{color:var(--color-text);font-family:var(--font-family-sans);letter-spacing:-.03em;align-items:baseline;gap:10px;margin:0;font-weight:300;line-height:1;display:flex}.ft-giant{font-size:clamp(88px,13vw,136px)}.ft-big{font-size:clamp(64px,9vw,96px)}.ft-mid{font-size:48px}.ft-big small,.ft-mid small{color:var(--color-muted-foreground);letter-spacing:0;font-size:18px;font-weight:400}.ft-big--words{letter-spacing:-.02em;font-size:clamp(44px,6vw,72px);font-weight:400}.ft-big--muted{color:var(--color-surface-muted)}.ft-result-label{color:var(--color-muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:500}.ft-chip{background:var(--color-panel2);color:var(--color-foreground);border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;line-height:1.3;display:inline-flex}.ft-meter{color:var(--color-muted-foreground);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ft-meter-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.ft-meter-bars span{background:var(--color-surface-muted);border-radius:1px;width:4px}.ft-meter-bars span:first-child{height:6px}.ft-meter-bars span:nth-child(2){height:10px}.ft-meter-bars span:nth-child(3){height:14px}.ft-meter--3 .ft-meter-bars .on{background:var(--color-success)}.ft-meter--2 .ft-meter-bars .on{background:var(--color-warning)}.ft-meter--1 .ft-meter-bars .on{background:var(--color-danger)}.ft-spinner{border:3px solid var(--color-surface-muted);border-top-color:#93b4ff;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite ft-spin;display:block}@keyframes ft-spin{to{transform:rotate(360deg)}}.ft-split{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;display:grid}.ft-split-main{min-width:0}.ft-drop{border:2.842px dashed var(--color-border-lighter);background:var(--color-surface-lightest);border-radius:13px;min-height:340px;display:flex;transition:border-color .2s,background-color .2s!important}.ft-drop--active{border-style:solid;border-color:var(--color-primary);background:#012fa71f}.ft-drop--filled{border-style:solid;border-color:var(--color-border);background:var(--color-panel2)}.ft-drop-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.ft-drop-icon{background:var(--color-primary);color:#fff;border-radius:16px;place-items:center;width:60px;height:60px;margin-bottom:6px;display:grid}.ft-drop-title{color:var(--color-foreground);margin:0;font-size:22px;line-height:1.3}.ft-drop-body{color:var(--color-muted-foreground);margin:0 0 10px;font-size:14px}.ft-result{flex:1;min-width:0;padding:clamp(20px,3vw,32px)}.ft-result-file{color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:14px 0 0;font-size:14px;overflow:hidden}.ft-result-facts{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 4px;display:flex}.ft-tap--compact{border:1px solid var(--color-border);background:var(--color-panel2);border-radius:13px;flex-direction:column;gap:20px;height:100%;padding:24px;display:flex}.ft-tap-row{align-items:center;gap:20px;display:flex}.ft-tap--compact .ft-text-btn{align-self:flex-start;margin-top:auto}.ft-tap-pad{background:var(--color-primary);color:#fff;width:116px;height:116px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:500;display:flex;box-shadow:0 0 #012fa780}.ft-tap-pad:hover{background:#0139c7}.ft-tap-pad[data-pulse=a]{animation:.35s ease-out ft-tap-a}.ft-tap-pad[data-pulse=b]{animation:.35s ease-out ft-tap-b}@keyframes ft-tap-a{0%{transform:scale(.94);box-shadow:0 0 #012fa78c}to{transform:scale(1);box-shadow:0 0 0 22px #012fa700}}@keyframes ft-tap-b{0%{transform:scale(.94);box-shadow:0 0 #012fa78c}to{transform:scale(1);box-shadow:0 0 0 22px #012fa700}}.ft-tap-pad--xl{width:min(280px,70vw);height:min(280px,70vw);font-size:20px}.ft-tap-readout{flex-direction:column;gap:8px;min-width:0;display:flex}.ft-tap--full{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.ft-tap-stage{background:radial-gradient(circle, var(--color-dot-pattern) 1.5px, transparent 1.5px) 0 0 / 22px 22px, var(--color-panel2);border-radius:13px;place-items:center;min-height:340px;display:grid}.ft-tap-history{align-items:flex-end;gap:6px;height:64px;margin:24px 0 10px;display:flex}.ft-tap-history span{background:var(--color-surface-muted);opacity:.5;border-radius:4px;flex:1;height:8%;transition:height .2s!important}.ft-tap-history span.on{opacity:1;background:#93b4ff}.ft-metro{flex-direction:column;align-items:center;gap:8px;max-width:760px;margin:0 auto;display:flex}.ft-metro-beats{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.ft-metro-beat{border:1px solid var(--color-border);background:var(--color-panel2);width:40px;height:40px;color:var(--color-muted-foreground);border-radius:50%;place-items:center;font-size:14px;display:grid;transition:background-color 60ms linear,transform 60ms linear!important}.ft-metro-beat--accent{color:var(--color-foreground);border-color:#93b4ff}.ft-metro-beat--on{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.12)}.ft-metro-beat--accent.ft-metro-beat--on{color:#0b1a45;background:#93b4ff;border-color:#93b4ff}.ft-metro-tempo{justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);display:flex}.ft-metro-readout{flex-direction:column;align-items:center;gap:8px;min-width:4.2ch;display:flex}.ft-metro .ft-range{max-width:560px;margin-top:18px}.ft-options{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:20px 28px;width:100%;margin:28px 0 16px;padding-top:24px;display:flex}.ft-tuner{--ft-tuner-color:var(--color-muted-foreground);flex-direction:column;align-items:center;max-width:760px;margin:0 auto;display:flex}.ft-tuner--in{--ft-tuner-color:#93b4ff}.ft-tuner--flat,.ft-tuner--sharp{--ft-tuner-color:var(--color-warning)}.ft-tuner-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;display:flex}.ft-a4{color:var(--color-muted-foreground);align-items:center;gap:8px;font-size:14px;display:inline-flex}.ft-a4 input{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:64px;color:var(--color-input-text);font:inherit;text-align:center;border-radius:8px;padding:8px 10px}.ft-gauge{flex-direction:column;align-items:center;width:min(100%,420px);margin:20px 0 8px;display:flex;position:relative}.ft-gauge-svg{width:100%;height:auto;overflow:visible}.ft-gauge-tick{stroke:var(--color-surface-muted);stroke-width:2px;stroke-linecap:round}.ft-gauge-tick--major{stroke:var(--color-muted-foreground);stroke-width:2.5px}.ft-gauge-tick--zero{stroke:#93b4ff;stroke-width:4px}.ft-gauge-arc{fill:none;stroke:var(--color-border);stroke-width:1.5px}.ft-gauge-needle{transform-box:view-box;transform-origin:160px 166px;transition:transform .12s ease-out!important}.ft-gauge-needle line{stroke:var(--ft-tuner-color);stroke-width:4px;stroke-linecap:round}.ft-gauge-needle circle{fill:var(--ft-tuner-color)}.ft-tuner--idle .ft-gauge-needle{opacity:.35}.ft-gauge-note{color:var(--ft-tuner-color);align-items:baseline;margin-top:-6px;display:flex;transition:color .2s!important}.ft-tuner--idle .ft-gauge-note{color:var(--color-text)}.ft-gauge-name{letter-spacing:-.02em;font-size:clamp(72px,11vw,112px);font-weight:300;line-height:1}.ft-gauge-name--idle{color:var(--color-surface-muted)}.ft-gauge-note sub{color:var(--color-muted-foreground);font-size:24px}.ft-gauge-status{text-align:center;color:var(--color-foreground);margin:10px 0 4px;font-size:17px}.ft-tuner--in .ft-gauge-status{color:#93b4ff}.ft-strings{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.ft-string{border:1px solid var(--color-border-lighter);background:var(--color-panel2);width:56px;height:56px;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:baseline;padding-top:13px;font-size:20px;display:inline-flex;transition:background-color .2s,border-color .2s!important}.ft-string sub{color:var(--color-muted-foreground);font-size:11px}.ft-string:hover{background:var(--color-surface-lighter)}.ft-string--on{border-color:var(--color-warning)}.ft-string--in{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.ft-string--in sub{color:#ffffffbf}.ft-tuner .ft-actions{margin-top:28px}.ft-tuner .ft-actions+.ft-note{margin-top:12px}.ft-key-result{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;display:grid}.ft-chroma{border-left:1px solid var(--color-border);flex-direction:column;margin:0;padding:clamp(20px,3vw,32px);display:flex}.ft-chroma-bars{flex:1;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;min-height:200px;margin-bottom:14px;display:grid}.ft-chroma-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ft-chroma-bar{background:var(--color-surface-muted);opacity:.6;border-radius:4px 4px 2px 2px;width:100%}.ft-chroma-col.in .ft-chroma-bar{background:var(--color-primary);opacity:1}.ft-chroma-col.tonic .ft-chroma-bar{background:#93b4ff}.ft-chroma-name{color:var(--color-muted-foreground);font-size:12px}.ft-chroma-col.in .ft-chroma-name{color:var(--color-foreground)}.ft-key-result .ft-note{margin-top:14px}.ft-drums-bar{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.ft-stepper{align-items:center;gap:10px;display:inline-flex}.ft-stepper-value{min-width:5.5ch;color:var(--color-foreground);text-align:center;font-size:28px;font-weight:300}.ft-stepper-value small{color:var(--color-muted-foreground);font-size:13px;font-weight:400}.ft-inline-range{min-width:140px;max-width:240px;color:var(--color-muted-foreground);flex-direction:column;flex:160px;gap:2px;font-size:13px;display:flex}.ft-drums-presets{flex-wrap:wrap;gap:8px;margin:22px 0 20px;display:flex}.ft-grid-scroll{margin:0 -4px;padding:4px;overflow-x:auto}.ft-grid{flex-direction:column;gap:6px;min-width:680px;display:flex}.ft-grid-row{grid-template-columns:92px repeat(4,minmax(0,1fr));align-items:center;gap:12px;display:grid}.ft-grid-beat{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.ft-grid-label{color:var(--color-muted-foreground);white-space:nowrap;font-size:13px}.ft-cell{aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-surface-lightest);cursor:pointer;border-radius:7px;width:100%;min-height:30px;transition:background-color 80ms linear,box-shadow 80ms linear!important}.ft-cell--beat{background:var(--color-surface-lighter);border-color:var(--color-border-lighter)}.ft-cell:hover{border-color:#93b4ff}.ft-cell--on,.ft-cell--on.ft-cell--beat{background:var(--color-primary);border-color:var(--color-primary)}.ft-cell--now{box-shadow:0 0 0 2px #93b4ff8c}.ft-cell--on.ft-cell--now{background:#93b4ff;border-color:#93b4ff}.ft-grid-count .ft-grid-beat span{color:var(--color-surface-muted);text-align:center;font-size:12px}.ft-grid-count .ft-grid-beat span:first-child{color:var(--color-muted-foreground)}.ft-grid-count .ft-grid-beat span.now{color:#93b4ff}[data-theme=light] .ft-cell{background:#f3f3f3;border-color:#e2e2e2}[data-theme=light] .ft-cell--beat{background:#e8e8e8;border-color:#d6d6d6}[data-theme=light] .ft-cell.ft-cell--on{background:var(--color-primary);border-color:var(--color-primary)}.ft-delay-head{flex-wrap:wrap;align-items:flex-end;gap:20px 40px;margin-bottom:24px;display:flex}.ft-bpm-input{flex-direction:column;display:flex}.ft-bpm-field{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:12px;align-items:baseline;gap:8px;padding:8px 16px;display:inline-flex}.ft-bpm-field:focus-within{border-color:#93b4ff}.ft-bpm-field input{width:4.6ch;color:var(--color-input-text);font:inherit;-moz-appearance:textfield;background:0 0;border:0;outline:none;font-size:48px;font-weight:300}.ft-bpm-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ft-bpm-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ft-bpm-field small{color:var(--color-muted-foreground);font-size:16px}.ft-delay-quarter .ft-big{font-size:48px}.ft-delay-head .ft-btn{margin-left:auto}.ft-table-wrap{border:1px solid var(--color-border);border-radius:13px;overflow-x:auto}.ft-table{border-collapse:collapse;width:100%;min-width:560px}.ft-table th,.ft-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:4px 8px}.ft-table thead th{background:var(--color-panel2);color:var(--color-muted-foreground);padding:12px 16px;font-size:13px;font-weight:500}.ft-table tbody th{color:var(--color-foreground);white-space:nowrap;padding:4px 16px;font-size:14px;font-weight:400}.ft-table tbody tr:last-child th,.ft-table tbody tr:last-child td{border-bottom:0}.ft-ms{color:var(--color-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:4px;padding:8px;font-size:16px;display:inline-flex}.ft-ms small{color:var(--color-muted-foreground);font-size:12px}.ft-ms svg{color:#93b4ff;align-self:center;margin-left:2px}.ft-ms .ft-ms-copy{opacity:0;color:var(--color-muted-foreground)}.ft-ms:hover{background:var(--color-surface-light)}.ft-ms:hover .ft-ms-copy{opacity:1}.ft-cta{background:var(--color-primary);border-radius:16px;margin-top:64px;padding:4px 4px 12px}.ft-cta-inner{background:var(--color-panel1);border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding:clamp(24px,4vw,44px);display:flex}.ft-cta-text{flex:420px;max-width:640px}.ft-cta-eyebrow{color:#93b4ff;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:500}.ft-cta-title{color:var(--color-text);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(26px,3.2vw,36px);font-weight:400;line-height:1.2}.ft-cta-body{color:var(--color-muted-foreground);margin:0;font-size:16px;line-height:1.6}.ft-cta-actions{flex-direction:column;gap:10px;display:flex}.ft-main .faq{background:0 0}.ft-main .faq-container{max-width:1454px}[data-theme=light] .ft-page:before{background-image:radial-gradient(circle, var(--color-dot-pattern-light) 1.5px, transparent 1.5px);opacity:.5}[data-theme=light] .ft-stage,[data-theme=light] .ft-cta-inner{background:#fff}[data-theme=light] .ft-cta-eyebrow{color:var(--color-primary)}[data-theme=light] .ft-drop{background:#fafafa;border-color:#cfcfcf}[data-theme=light] .ft-drop--filled,[data-theme=light] .ft-tap--compact{background:#fff}[data-theme=light] .ft-tuner--in,[data-theme=light] .ft-tuner--in .ft-gauge-status{--ft-tuner-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .ft-gauge-tick--zero,[data-theme=light] .ft-chroma-col.tonic .ft-chroma-bar,[data-theme=light] .ft-tap-history span.on{stroke:var(--color-primary);background:#4f7cff}[data-theme=light] .ft-btn--ghost{border-color:#d4d4d4}@media (max-width:960px){.ft-split,.ft-tap--full,.ft-key-result{grid-template-columns:minmax(0,1fr)}.ft-chroma{border-left:0;border-top:1px solid var(--color-border)}.ft-tap--full{gap:28px}.ft-tap-stage{min-height:300px}}@media (max-width:640px){.ft-wrap{padding:18px 16px 0}.ft-crumbs{margin-bottom:18px}.ft-lede{font-size:16px}.ft-frame{padding:8px 3px 3px}.ft-stage{padding:18px 14px}.ft-drop{min-height:260px}.ft-tap-row{gap:16px}.ft-tap-pad{width:96px;height:96px}.ft-tap-pad--xl{width:220px;height:220px}.ft-metro-beat{width:32px;height:32px;font-size:12px}.ft-round-btn{width:48px;height:48px}.ft-strings{gap:7px}.ft-string{width:46px;height:46px;padding-top:9px;font-size:18px}.ft-options{margin-top:20px}.ft-seg{display:flex}.ft-seg-item{flex:auto}.ft-seg-item span{text-align:center;padding:8px 10px}.ft-drums-bar .ft-btn--lg{flex:100%}.ft-grid{min-width:600px}.ft-grid-row{grid-template-columns:64px repeat(4,minmax(0,1fr));gap:8px}.ft-grid-beat{gap:4px}.ft-grid-label{z-index:1;background:var(--color-panel1);align-self:stretch;align-items:center;padding-right:6px;font-size:12px;display:flex;position:sticky;left:0}[data-theme=light] .ft-grid-label{background:#fff}.ft-cell{border-radius:6px;min-height:26px}.ft-inline-range{max-width:none}.ft-delay-head .ft-btn{margin-left:0}.ft-cta{margin-top:44px}.ft-cta-actions,.ft-cta-actions .ft-btn{width:100%}}@media (prefers-reduced-motion:reduce){.ft-tap-pad[data-pulse],.ft-spinner{animation:none}}