.flow-studio{--fw-border:#b9bdcf24;--fw-track-color:var(--accent);min-width:0;height:100%;min-height:0;color:var(--text);grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;display:grid;overflow:hidden}.flow-studio button,.flow-studio input,.flow-studio select,.flow-studio textarea{font:inherit}.flow-studio button{touch-action:manipulation}.flow-studio [data-tone=melody]{--fw-track-color:var(--accent)}.flow-studio [data-tone=chords]{--fw-track-color:var(--muted)}.flow-studio [data-tone=drums]{--fw-track-color:var(--coral)}.flow-studio [data-tone=voice]{--fw-track-color:var(--violet)}.flow-studio .fw-studio-header{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.flow-studio .fw-project-heading{flex:1;min-width:0}.flow-studio .fw-back{color:var(--muted);background:0 0;align-items:center;gap:7px;padding:0;line-height:1.5;display:flex;font-size:10px!important}.flow-studio .fw-back:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--accent)}.flow-studio .fw-back>span{color:var(--control);margin:0 2px}.flow-studio .fw-title-row{align-items:center;gap:8px;min-width:0;margin-top:7px;display:flex}.flow-studio .fw-title-row h1{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:25px;font-weight:620;overflow:hidden}.flow-studio .fw-icon-button{width:28px;min-width:0;height:28px;color:var(--control);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:inline-flex}.flow-studio .fw-icon-button:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--text);background:var(--raised)}.flow-studio .fw-save-state{white-space:nowrap;color:var(--control);align-items:center;gap:5px;font-size:9px;display:inline-flex}.flow-studio .fw-save-state>i{background:var(--accent);border-radius:50%;width:4px;height:4px}.flow-studio .fw-save-dirty{color:var(--violet)}.flow-studio .fw-save-dirty>i{background:var(--violet)}.flow-studio .fw-project-source{color:var(--control);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;line-height:1.5;overflow:hidden}.flow-studio .fw-project-source>span{color:var(--line);margin:0 6px}.flow-studio .fw-project-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.flow-studio .fw-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:8px 13px;font-weight:550;line-height:1.5;transition:background .15s,border-color .15s,transform .15s;display:inline-flex;font-size:11px!important}.flow-studio .fw-button:active:where(:not(:disabled):not([aria-disabled=true])){transform:translateY(1px)}.flow-studio .fw-button-secondary{background:var(--surface);border:1px solid var(--fw-border);color:var(--text)}.flow-studio .fw-button-secondary:hover:where(:not(:disabled):not([aria-disabled=true])){background:var(--raised);border-color:#b9bdcf59}.flow-studio .fw-button-primary{background:var(--accent);color:var(--onAccent,var(--bg));box-shadow:inset 0 1px 1px #ffffff80,inset 0 -2px 2px #181a2029}.flow-studio .fw-button-primary:hover:where(:not(:disabled):not([aria-disabled=true])){filter:brightness(1.06)}.flow-studio .fw-project-strip{border-top:1px solid var(--fw-border);border-bottom:1px solid var(--fw-border);min-width:0;color:var(--muted);align-items:center;gap:17px;padding:8px 0;font-size:10px;line-height:1.3;display:flex}.flow-studio .fw-strip-label{color:var(--control);font-size:9px}.flow-studio .fw-tempo{align-items:center;gap:5px;display:flex}.flow-studio .fw-tempo input{width:36px;color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;padding:1px 0;font-size:12px!important}.flow-studio .fw-tempo input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flow-studio .fw-tempo input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.flow-studio .fw-tempo>span{color:var(--control);font-size:8px}.flow-studio .fw-key select{color:var(--text);background:0 0;border:0;max-width:112px;padding:2px 16px 2px 0;font-size:11px!important}.flow-studio .fw-key option{background:var(--surface);color:var(--text)}.flow-studio .fw-time-signature{border-left:1px solid var(--fw-border);padding-left:17px;font-size:10px}.flow-studio .fw-strip-end{color:var(--control);align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.flow-studio .fw-workbench{border:1px solid var(--fw-border);background:var(--surface);border-radius:13px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.flow-studio .fw-modebar{border-bottom:1px solid var(--fw-border);justify-content:space-between;align-items:center;gap:12px;min-height:49px;padding:0 16px;display:flex}.flow-studio .fw-editor-tabs{align-self:stretch;align-items:stretch;gap:21px;min-width:0;display:flex}.flow-studio .fw-editor-tabs>button{color:var(--control);white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:0;display:flex;position:relative;font-size:11px!important}.flow-studio .fw-editor-tabs>button[aria-selected=true]{color:var(--text)}.flow-studio .fw-editor-tabs>button[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.flow-studio .fw-editor-tabs>.fw-mobile-parameter{display:none}.flow-studio .fw-version-button{color:var(--control);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:5px 0;display:flex;font-size:9px!important}.flow-studio .fw-version-button strong{color:var(--text);font-size:10px;font-weight:500}.flow-studio .fw-version-button small{background:var(--raised);border:1px solid var(--fw-border);border-radius:4px;padding:1px 5px;font-size:8px}.flow-studio .fw-version-button:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--accent)}.flow-studio .fw-stage{grid-template-columns:minmax(0,1fr) 228px;min-width:0;min-height:0;display:grid}.flow-studio .fw-editor-column{min-width:0;min-height:0;display:flex;overflow:hidden}.flow-studio .fw-midi-panel{flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.flow-studio .fw-midi-meta{color:var(--control);border-bottom:1px solid var(--fw-border);justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding:10px 13px;font-size:9px;display:flex}.flow-studio .fw-midi-meta>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.flow-studio .fw-midi-meta b{opacity:.5;margin:0 4px;font-weight:400}.flow-studio .fw-midi-meta i{background:var(--accent);border-radius:50%;width:4px;height:4px}.flow-studio .fw-midi{--fw-ruler-height:55px;background:var(--bg);grid-template-columns:154px minmax(0,1fr);min-width:0;min-height:0;display:grid}.flow-studio .fw-track-rail{grid-template-rows:var(--fw-ruler-height) repeat(var(--fw-track-count,4), minmax(0, 1fr));border-right:1px solid var(--fw-border);background:var(--surface);min-width:0;min-height:0;padding-bottom:6px;display:grid}.flow-studio .fw-rail-heading{color:var(--control);border-bottom:1px solid var(--fw-border);flex-direction:column;justify-content:space-between;padding:9px 11px;font-size:8px;display:flex}.flow-studio .fw-rail-heading>strong{color:var(--muted);font-size:9px;font-weight:400}.flow-studio .fw-track-info{border-bottom:1px solid var(--fw-border);flex-direction:column;justify-content:center;gap:9px;min-height:0;padding:8px 10px;display:flex;overflow:hidden}.flow-studio .fw-track-info:last-child{border-bottom:0}.flow-studio .fw-track-selected{box-shadow:inset 2px 0 var(--fw-track-color);background:#efff3d09}.flow-studio .fw-track-title{align-items:center;gap:4px;min-width:0;display:flex}.flow-studio .fw-track-select{text-align:left;background:0 0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.flow-studio .fw-track-index{color:var(--fw-track-color);font-variant-numeric:tabular-nums;font-size:8px}.flow-studio .fw-track-select>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.flow-studio .fw-track-select strong{font-size:11px;font-weight:500;line-height:1.2}.flow-studio .fw-track-select small{color:var(--control);white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.3;overflow:hidden}.flow-studio .fw-track-settings{width:22px;height:24px;padding:4px}.flow-studio .fw-track-controls{align-items:center;gap:4px;padding-left:18px;display:flex}.flow-studio .fw-track-toggle{border:1px solid var(--fw-border);width:22px;height:20px;color:var(--control);background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex;font-size:8px!important}.flow-studio .fw-track-toggle[aria-pressed=true]{background:var(--fw-track-color);color:var(--bg);border-color:var(--fw-track-color)}.flow-studio .fw-track-meter{background:var(--raised);border-radius:2px;width:21px;height:3px;margin-left:auto;overflow:hidden}.flow-studio .fw-track-meter>i{background:var(--fw-track-color);opacity:.6;height:100%;display:block}.flow-studio .fw-track-level{color:var(--control);font-variant-numeric:tabular-nums;text-align:right;min-width:22px;font-size:7px}.flow-studio .fw-timeline{scrollbar-color:var(--line) transparent;scrollbar-width:thin;overscroll-behavior-x:contain;min-width:0;min-height:0;overflow:auto hidden}.flow-studio .fw-timeline::-webkit-scrollbar{height:6px}.flow-studio .fw-timeline::-webkit-scrollbar-track{background:var(--bg)}.flow-studio .fw-timeline::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.flow-studio .fw-roll{grid-template-rows:var(--fw-ruler-height) repeat(var(--fw-track-count,4), minmax(0, 1fr));min-width:100%;width:calc(100% * var(--studio-zoom,1));height:100%;min-height:0;display:grid;position:relative}.flow-studio .fw-ruler{background:var(--surface);grid-template-rows:27px 28px;min-height:0;display:grid}.flow-studio .fw-section-tabs{border-bottom:1px solid var(--fw-border);grid-template-columns:1fr 1fr;display:grid}.flow-studio .fw-section-tabs>button{text-align:left;border-right:1px solid var(--fw-border);color:var(--control);background:0 0;align-items:center;gap:7px;padding:0 12px;line-height:1;display:flex;font-size:9px!important}.flow-studio .fw-section-tabs>button span{opacity:.8;border:1px solid;border-radius:3px;padding:2px 3px;font-size:8px}.flow-studio .fw-section-tabs>button small{opacity:.6;margin-left:auto;font-size:8px}.flow-studio .fw-section-tabs>button[aria-pressed=true]{color:var(--violet);background:#a58bff12}.flow-studio .fw-measures{border-bottom:1px solid var(--fw-border);grid-template-columns:repeat(8,1fr);display:grid}.flow-studio .fw-measures>span{border-left:1px solid var(--fw-border);color:var(--control);font-variant-numeric:tabular-nums;padding:8px 9px 5px;font-size:8px;line-height:1}.flow-studio .fw-note-row{border-bottom:1px solid var(--fw-border);background-color:var(--bg);background-image:repeating-linear-gradient(to right, #b9bdcf24 0, #b9bdcf24 1px, transparent 1px, transparent var(--studio-bar-width,12.5%)), repeating-linear-gradient(to right, #b9bdcf0a 0, #b9bdcf0a 1px, transparent 1px, transparent calc(var(--studio-bar-width,12.5%) / 4)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(25% - 1px), #b9bdcf09 calc(25% - 1px), #b9bdcf09 25%);min-height:0;position:relative;overflow:hidden}.flow-studio .fw-note-row:last-of-type{border-bottom:0}.flow-studio .fw-row-selected{background-color:#efff3d05}.flow-studio .fw-section-selection{pointer-events:none;background:#a58bff07;width:50%;position:absolute;top:0;bottom:0}.flow-studio .fw-note{left:var(--fw-note-x);top:var(--fw-note-y);width:var(--fw-note-w);background:var(--fw-track-color);height:21px;opacity:var(--fw-note-opacity,.9);color:var(--bg);text-align:left;border:1px solid #ffffff2b;border-radius:5px;align-items:center;min-width:9px;padding:0 8px;transition:filter .15s,box-shadow .15s;display:flex;position:absolute;overflow:hidden;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -2px 1px #10111617;font-size:8px!important}.flow-studio .fw-note:hover:where(:not(:disabled):not([aria-disabled=true])){filter:brightness(1.15);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fw-track-color);z-index:2;opacity:1}.flow-studio .fw-note-label{white-space:nowrap;overflow:hidden}.flow-studio .fw-note-selected{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fw-track-color);z-index:2;opacity:1}.flow-studio .fw-row-muted .fw-note{opacity:.2}.flow-studio .fw-playhead{background:var(--accent);pointer-events:none;z-index:4;opacity:.65;width:1px;position:absolute;top:28px;bottom:0}.flow-studio .fw-playhead>i{background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);width:9px;height:7px;position:absolute;top:0;left:-4px}.flow-studio .fw-playhead-playing{opacity:1;box-shadow:0 0 12px #efff3d44}.flow-studio .fw-refinement{border-top:1px solid var(--fw-border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.flow-studio .fw-range-selection{align-items:center;gap:9px;min-width:0;display:flex}.flow-studio .fw-section-letter{width:29px;height:31px;color:var(--violet);background:#a58bff12;border:1px solid #a58bff38;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.flow-studio .fw-range-selection strong{white-space:nowrap;font-size:10px;font-weight:500}.flow-studio .fw-range-selection strong>small{color:var(--control);margin-left:2px;font-size:8px;font-weight:400}.flow-studio .fw-range-copy>span{color:var(--control);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.flow-studio .fw-button-refine{color:var(--violet);background:#a58bff14;border:1px solid #a58bff3b;min-height:34px;padding:7px 10px;font-size:10px!important}.flow-studio .fw-button-refine:hover:where(:not(:disabled):not([aria-disabled=true])){border-color:var(--violet);background:#a58bff29}.flow-studio .fw-inspector-slot{border-left:1px solid var(--fw-border);min-width:0;min-height:0;display:flex}.flow-studio .fw-inspector{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.flow-studio .fw-inspector-heading{border-bottom:1px solid var(--fw-border);align-items:center;gap:10px;padding:16px 15px;display:flex}.flow-studio .fw-inspector-symbol{width:34px;height:37px;color:var(--fw-track-color);background:var(--bg);border:1px solid var(--fw-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-studio .fw-inspector-heading>div{flex:1;min-width:0}.flow-studio .fw-kicker{letter-spacing:.1em;color:var(--control);font-size:7px;line-height:1.5;display:block}.flow-studio .fw-inspector-heading h2{margin-top:3px;font-size:16px;font-weight:550}.flow-studio .fw-inspector-heading>.fw-icon-button{width:24px}.flow-studio .fw-inspector-body{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-width:0;min-height:0;padding:16px 15px 12px;overflow-y:auto}.flow-studio .fw-field-label{color:var(--muted);flex-direction:column;gap:8px;font-size:10px;display:flex}.flow-studio .fw-field{color:var(--text);background:var(--bg);border:1px solid var(--fw-border);border-radius:7px;width:100%;min-width:0;padding:9px 10px;line-height:1.6;font-size:10px!important}.flow-studio .fw-field:focus{border-color:var(--violet)}.flow-studio .fw-range-field>label{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.flow-studio .fw-range-field output{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.flow-studio .fw-range-field output small{color:var(--control);margin-left:2px;font-size:8px}.flow-studio .fw-range-field>input[type=range]{width:100%;height:3px;accent-color:var(--fw-track-color);margin:13px 0 7px;display:block}.flow-studio .fw-range-ends{color:var(--control);justify-content:space-between;font-size:8px;display:flex}.flow-studio .fw-inspector-mix{gap:7px;margin-top:18px;display:flex}.flow-studio .fw-inspector-mix>button{border:1px solid var(--fw-border);color:var(--control);background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px 8px;display:flex;font-size:9px!important}.flow-studio .fw-inspector-mix>button b{font-size:9px;font-weight:500}.flow-studio .fw-inspector-mix>button[aria-pressed=true]{border-color:var(--fw-track-color);color:var(--fw-track-color);background:var(--bg)}.flow-studio .fw-inspector-divider{background:var(--fw-border);height:1px;margin:20px 0 17px}.flow-studio .fw-direction-label>span{justify-content:space-between;align-items:center;display:flex}.flow-studio .fw-direction-label small{color:var(--control);font-size:8px}.flow-studio .fw-direction{resize:none;height:82px;min-height:60px;line-height:1.8}.flow-studio .fw-direction-tags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.flow-studio .fw-direction-tags>span{color:var(--control);border:1px solid var(--fw-border);border-radius:4px;padding:2px 6px;font-size:8px}.flow-studio .fw-inspector-project{border-top:1px solid var(--fw-border);width:100%;color:var(--muted);background:0 0;align-items:center;gap:7px;min-height:39px;padding:12px 15px;display:flex;font-size:9px!important}.flow-studio .fw-inspector-project>.icon:last-child{margin-left:auto}.flow-studio .fw-inspector-project:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--violet);background:var(--raised)}.flow-studio .fw-lyrics-panel{flex-direction:column;flex:1;gap:13px;min-width:0;min-height:0;padding:22px;display:flex}.flow-studio .fw-lyrics-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.flow-studio .fw-lyrics-heading .fw-kicker{color:var(--violet);font-size:8px}.flow-studio .fw-lyrics-heading h2{margin-top:7px;font-size:21px;font-weight:550}.flow-studio .fw-lyrics-count{color:var(--control);white-space:nowrap;align-self:flex-end;font-size:9px}.flow-studio .fw-lyrics-label{color:var(--muted);align-items:center;gap:10px;margin-top:9px;font-size:10px;display:flex}.flow-studio .fw-lyrics-label>span{color:var(--control);margin-left:auto;font-size:8px}.flow-studio .fw-lyrics-input{resize:none;width:100%;height:0;min-height:0;color:var(--text);background:var(--bg);border:1px solid var(--fw-border);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:9px;flex:1;padding:15px 17px;line-height:2.2;display:block;overflow-y:auto;font-size:12px!important}.flow-studio .fw-lyrics-input::placeholder{color:var(--control)}.flow-studio .fw-lyrics-foot{color:var(--control);align-items:center;gap:6px;font-size:9px;line-height:1.6;display:flex}.flow-studio .fw-transport{border:1px solid var(--fw-border);background:var(--surface);border-radius:11px;align-items:center;gap:20px;min-width:0;min-height:62px;padding:12px 15px;display:flex}.flow-studio .fw-transport-start{flex-shrink:0;align-items:center;gap:11px;min-width:0;max-width:34%;display:flex}.flow-studio .fw-project-play{background:var(--accent);width:35px;height:35px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -2px 2px #181a2029}.flow-studio .fw-transport-start>div{flex-direction:column;gap:4px;min-width:0;display:flex}.flow-studio .fw-transport-start strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;line-height:1.3;overflow:hidden}.flow-studio .fw-transport-start span{color:var(--control);white-space:nowrap;font-size:8px;line-height:1.3}.flow-studio .fw-transport-start i{opacity:.5;margin:0 4px;font-style:normal}.flow-studio .fw-playback{flex:1;align-items:center;gap:10px;min-width:0;margin-left:8px;display:flex}.flow-studio .fw-playback>time{color:var(--control);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.flow-studio .fw-progress{background:var(--line);border-radius:4px;flex:1;min-width:20px;height:3px;overflow:hidden}.flow-studio .fw-progress>span{background:var(--accent);height:100%;display:block}.flow-studio .fw-preview-caption{color:var(--control);white-space:nowrap;align-items:center;gap:8px;margin-left:7px;font-size:9px;display:flex}@media (max-width:1250px){.flow-studio{gap:11px}.flow-studio .fw-stage{grid-template-columns:minmax(0,1fr) 208px}.flow-studio .fw-track-rail{border-right-color:var(--fw-border)}.flow-studio .fw-midi{grid-template-columns:140px minmax(0,1fr)}.flow-studio .fw-track-info{gap:8px;padding:7px 9px}.flow-studio .fw-track-controls{padding-left:17px}.flow-studio .fw-track-meter{display:none}.flow-studio .fw-track-level{margin-left:auto}.flow-studio .fw-inspector-heading{gap:8px;padding:13px 12px}.flow-studio .fw-inspector-body{padding:14px 12px 10px}.flow-studio .fw-inspector-project{padding:11px 12px}.flow-studio .fw-refinement{gap:9px;padding:11px 12px}.flow-studio .fw-range-copy>span{max-width:160px}.flow-studio .fw-preview-caption>span{display:none}.flow-studio .fw-title-row h1{font-size:23px}.flow-studio .fw-button{padding:8px 11px}}@media (max-height:780px) and (min-width:761px){.flow-studio{gap:10px}.flow-studio .fw-title-row{margin-top:5px}.flow-studio .fw-title-row h1{font-size:23px}.flow-studio .fw-project-source{margin-top:3px;font-size:9px}.flow-studio .fw-project-strip{padding:7px 0}.flow-studio .fw-modebar{min-height:44px}.flow-studio .fw-midi-meta{min-height:31px;padding:8px 12px}.flow-studio .fw-midi{--fw-ruler-height:50px}.flow-studio .fw-ruler{grid-template-rows:25px 25px}.flow-studio .fw-measures>span{padding-top:7px}.flow-studio .fw-playhead{top:26px}.flow-studio .fw-track-info{gap:6px}.flow-studio .fw-note{height:19px}.flow-studio .fw-inspector-heading{padding:12px}.flow-studio .fw-inspector-symbol{width:31px;height:33px}.flow-studio .fw-inspector-body{padding-top:12px}.flow-studio .fw-range-field{margin-top:15px}.flow-studio .fw-inspector-mix{margin-top:13px}.flow-studio .fw-inspector-divider,.flow-studio .fw-direction-label,.flow-studio .fw-direction-tags{display:none}.flow-studio .fw-refinement{padding-top:9px;padding-bottom:9px}.flow-studio .fw-transport{min-height:56px;padding:10px 13px}}@media (max-width:980px) and (min-width:761px){.flow-studio .fw-stage{grid-template-columns:minmax(0,1fr) 190px}.flow-studio .fw-midi{grid-template-columns:128px minmax(0,1fr)}.flow-studio .fw-midi-meta>span:last-child{font-size:8px}.flow-studio .fw-midi-meta>span:last-child b,.flow-studio .fw-midi-meta>span:last-child b~*{display:none}.flow-studio .fw-track-select{gap:6px}.flow-studio .fw-track-select small{max-width:65px}.flow-studio .fw-track-controls{padding-left:14px}.flow-studio .fw-save-state{font-size:8px}.flow-studio .fw-project-actions{gap:5px}.flow-studio .fw-button{padding:8px 9px;font-size:10px!important}.flow-studio .fw-project-actions .fw-button-primary>.icon:last-child{display:none}.flow-studio .fw-strip-end{font-size:8px}.flow-studio .fw-range-copy>span{display:none}.flow-studio .fw-refinement{gap:7px}.flow-studio .fw-button-refine{padding:7px;font-size:9px!important}.flow-studio .fw-button-refine>.icon:last-child{display:none}}@media (max-width:760px){.flow-studio{gap:11px}.flow-studio .fw-studio-header{flex-wrap:wrap;align-items:flex-start;gap:11px}.flow-studio .fw-project-heading{flex-basis:100%}.flow-studio .fw-back{font-size:10px!important}.flow-studio .fw-title-row{gap:7px;margin-top:7px}.flow-studio .fw-title-row h1{max-width:calc(100% - 135px);font-size:25px}.flow-studio .fw-save-state{margin-left:auto;font-size:9px}.flow-studio .fw-title-row>.fw-icon-button{width:25px;height:25px;padding:4px}.flow-studio .fw-project-source{margin-top:4px;font-size:9px}.flow-studio .fw-project-actions{gap:8px;width:100%}.flow-studio .fw-project-actions>.fw-button{flex:1;min-height:37px;padding:8px 10px;font-size:11px!important}.flow-studio .fw-project-actions>.fw-button:first-child{flex:1.35}.flow-studio .fw-project-actions>.fw-button-primary>.icon:last-child{display:none}.flow-studio .fw-project-strip{gap:15px;padding:8px 0}.flow-studio .fw-strip-label{font-size:8px}.flow-studio .fw-strip-end{display:none}.flow-studio .fw-tempo input{width:28px;font-size:11px!important}.flow-studio .fw-key select{max-width:94px;padding-right:12px;font-size:10px!important}.flow-studio .fw-time-signature{padding-left:13px;font-size:9px}.flow-studio .fw-workbench{border-radius:10px}.flow-studio .fw-modebar{gap:7px;min-height:46px;padding:0 11px}.flow-studio .fw-editor-tabs{gap:18px}.flow-studio .fw-editor-tabs>button{gap:5px;font-size:10px!important}.flow-studio .fw-editor-tabs>button>.icon{width:14px;height:14px}.flow-studio .fw-editor-tabs>.fw-mobile-parameter{display:flex}.flow-studio .fw-version-button{gap:4px;font-size:8px!important}.flow-studio .fw-version-button>span,.flow-studio .fw-version-button>small,.flow-studio .fw-version-button>.icon:last-child{display:none}.flow-studio .fw-version-button strong{font-size:9px}.flow-studio .fw-stage{display:flex}.flow-studio .fw-editor-column{flex:1}.flow-studio .fw-inspector-slot{border-left:0;flex:1;display:none}.flow-studio[data-studio-pane=inspector] .fw-editor-column{display:none}.flow-studio[data-studio-pane=inspector] .fw-inspector-slot{display:flex}.flow-studio .fw-midi-meta{min-height:31px;padding:8px 10px;font-size:8px}.flow-studio .fw-midi{--fw-ruler-height:52px;grid-template-columns:110px minmax(0,1fr)}.flow-studio .fw-rail-heading{padding:8px;font-size:7px}.flow-studio .fw-rail-heading>strong{font-size:8px}.flow-studio .fw-ruler{grid-template-rows:26px 26px}.flow-studio .fw-roll{min-width:100%}.flow-studio .fw-section-tabs>button{padding-left:9px;font-size:8px!important}.flow-studio .fw-section-tabs>button small,.flow-studio .fw-measures>span{font-size:7px}.flow-studio .fw-track-info{gap:8px;padding:7px 6px}.flow-studio .fw-track-select{gap:5px}.flow-studio .fw-track-index{font-size:7px}.flow-studio .fw-track-select strong{font-size:10px}.flow-studio .fw-track-select small{max-width:55px;font-size:7px}.flow-studio .fw-track-settings{width:17px;height:20px;padding:2px}.flow-studio .fw-track-settings>.icon{width:12px;height:12px}.flow-studio .fw-track-controls{gap:4px;padding-left:13px}.flow-studio .fw-track-toggle{width:22px;height:20px;font-size:8px!important}.flow-studio .fw-track-level{min-width:16px;font-size:6px}.flow-studio .fw-note{border-radius:4px;height:20px;padding:0 6px;font-size:7px!important}.flow-studio .fw-refinement{gap:7px;padding:9px 10px}.flow-studio .fw-section-letter{width:25px;height:29px;font-size:10px}.flow-studio .fw-range-selection{gap:7px}.flow-studio .fw-range-selection strong{font-size:9px}.flow-studio .fw-range-selection strong>small{font-size:7px}.flow-studio .fw-range-copy>span{display:none}.flow-studio .fw-button-refine{gap:6px;min-height:32px;padding:7px 9px;font-size:9px!important}.flow-studio .fw-button-refine>.icon:last-child{display:none}.flow-studio .fw-inspector-heading{gap:11px;padding:14px 16px}.flow-studio .fw-inspector-heading h2{font-size:18px}.flow-studio .fw-kicker{font-size:8px}.flow-studio .fw-inspector-body{grid-template-columns:1fr 1fr;align-content:start;gap:17px 20px;padding:16px;display:grid}.flow-studio .fw-inspector-body>.fw-instrument-field{grid-column:1/-1}.flow-studio .fw-field-label{gap:8px;font-size:11px}.flow-studio .fw-field{padding:9px 10px;font-size:11px!important}.flow-studio .fw-range-field{margin-top:0}.flow-studio .fw-range-field>label,.flow-studio .fw-range-field output{font-size:11px}.flow-studio .fw-range-field>input[type=range]{margin-top:16px}.flow-studio .fw-inspector-mix{grid-column:1/-1;gap:10px;margin:0}.flow-studio .fw-inspector-mix>button{min-height:34px;font-size:10px!important}.flow-studio .fw-inspector-divider{grid-column:1/-1;margin:0}.flow-studio .fw-direction-label{grid-column:1/-1}.flow-studio .fw-direction{height:85px}.flow-studio .fw-direction-tags{grid-column:1/-1;margin-top:-8px}.flow-studio .fw-direction-tags>span{font-size:9px}.flow-studio .fw-inspector-project{padding:12px 16px;font-size:10px!important}.flow-studio .fw-lyrics-panel{gap:11px;padding:17px 15px}.flow-studio .fw-lyrics-heading{align-items:flex-start;gap:8px}.flow-studio .fw-lyrics-heading .fw-kicker{font-size:7px}.flow-studio .fw-lyrics-heading h2{font-size:19px}.flow-studio .fw-lyrics-count{margin-bottom:2px;font-size:8px}.flow-studio .fw-lyrics-label{flex-wrap:wrap;gap:5px;margin-top:3px;font-size:10px}.flow-studio .fw-lyrics-label>span{font-size:7px}.flow-studio .fw-lyrics-input{padding:11px 13px;font-size:12px!important}.flow-studio .fw-lyrics-foot{font-size:8px}.flow-studio .fw-transport{border-radius:10px;gap:11px;min-height:58px;padding:10px 11px}.flow-studio .fw-transport-start{gap:9px;max-width:50%}.flow-studio .fw-project-play{width:32px;height:32px}.flow-studio .fw-project-play>.icon{width:18px;height:18px}.flow-studio .fw-transport-start strong{font-size:10px}.flow-studio .fw-transport-start span{font-size:7px}.flow-studio .fw-playback{gap:7px;margin-left:auto}.flow-studio .fw-playback>time{font-size:8px}.flow-studio .fw-preview-caption{display:none}}@media (max-width:360px){.flow-studio .fw-title-row h1{font-size:23px}.flow-studio .fw-save-state{font-size:8px}.flow-studio .fw-editor-tabs{gap:13px}.flow-studio .fw-version-button>.icon{display:none}.flow-studio .fw-project-strip{gap:12px}.flow-studio .fw-strip-label{display:none}.flow-studio .fw-midi{grid-template-columns:100px minmax(0,1fr)}.flow-studio .fw-track-level{display:none}.flow-studio .fw-refinement{gap:6px;padding-left:8px;padding-right:8px}.flow-studio .fw-section-letter{width:22px;height:26px}.flow-studio .fw-range-selection{gap:5px}.flow-studio .fw-range-selection strong{font-size:8px}.flow-studio .fw-button-refine{padding:6px 8px;font-size:8px!important}.flow-studio .fw-playback>time:first-child{display:none}}@media (prefers-reduced-motion:reduce){.flow-studio *{transition:none!important}}.flow-studio .fw-midi-meta{gap:8px;min-height:38px;padding:5px 12px}.flow-studio .fw-arrangement-count{flex-shrink:0;gap:4px;font-size:8px}.flow-studio .fw-midi-meta b{margin:0 2px}.flow-studio .fw-editor-tools,.flow-studio .fw-history-tools,.flow-studio .fw-zoom-tools{align-items:center;gap:3px;min-width:0;display:flex}.flow-studio .fw-editor-tools{gap:10px;margin-left:auto}.flow-studio .fw-editor-tools button{min-width:24px;height:25px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;padding:1px 4px;line-height:1;font-size:14px!important}.flow-studio .fw-editor-tools button:hover:where(:not(:disabled):not([aria-disabled=true])){border-color:var(--fw-border);background:var(--raised);color:var(--text)}.flow-studio button:disabled{opacity:.3;cursor:default}.flow-studio .fw-history-tools{border-right:1px solid var(--fw-border);padding-right:8px}.flow-studio .fw-snap{white-space:nowrap;color:var(--control);font-size:8px}.flow-studio .fw-zoom-tools input{width:58px;height:3px;accent-color:var(--violet);cursor:pointer;margin:0 2px}.flow-studio .fw-zoom-tools .fw-zoom-fit{border-color:var(--fw-border);min-width:32px;height:23px;color:var(--control);padding:2px 5px;font-size:8px!important}.flow-studio .fw-track-info{gap:8px;padding-left:7px;padding-right:8px}.flow-studio .fw-track-title{gap:4px}.flow-studio .fw-track-handle{width:15px;height:28px;color:var(--control);cursor:grab;touch-action:none;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;font-size:17px!important}.flow-studio .fw-track-handle:hover:where(:not(:disabled):not([aria-disabled=true])),.flow-studio .fw-track-handle:focus-visible{color:var(--fw-track-color);background:var(--raised)}.flow-studio .fw-track-handle:active:where(:not(:disabled):not([aria-disabled=true])){cursor:grabbing}.flow-studio .fw-track-controls{gap:4px;padding-left:19px}.flow-studio .fw-track-level{text-align:left;min-width:20px;margin-left:2px;font-size:7px}.flow-studio .fw-track-order{align-items:center;gap:1px;margin-left:auto;display:flex}.flow-studio .fw-track-order>button{color:var(--control);border:1px solid var(--fw-border);background:0 0;border-radius:3px;justify-content:center;align-items:center;width:17px;height:19px;padding:0;line-height:1;display:flex;font-size:11px!important}.flow-studio .fw-track-order>button:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--fw-track-color);background:var(--raised)}.flow-studio .fw-section-tabs>button{gap:5px;min-width:0;padding-left:8px;padding-right:7px;overflow:hidden}.flow-studio .fw-section-tabs>button>strong{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.flow-studio .fw-section-tabs>button>span{flex-shrink:0}.flow-studio .fw-section-tabs>button>small{white-space:nowrap;flex-shrink:0}.flow-studio .fw-measures>span{min-width:0;padding-left:6px;overflow:hidden}.flow-studio .fw-note{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:7px;padding-left:5px;padding-right:8px}.flow-studio .fw-note:active:where(:not(:disabled):not([aria-disabled=true])){cursor:grabbing}.flow-studio .fw-note-label{pointer-events:none}.flow-studio .fw-note-resize{cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#0000,#10111618);border-left:1px solid #10111635;width:8px;min-width:5px;position:absolute;top:0;bottom:0;right:0}.flow-studio .fw-note-resize:after{content:"";opacity:.6;border-right:1px solid;position:absolute;top:5px;bottom:5px;right:2px}.flow-studio .fw-note:hover:where(:not(:disabled):not([aria-disabled=true])) .fw-note-resize,.flow-studio .fw-note-selected .fw-note-resize{background:#10111620}.flow-studio .fw-note:focus-visible{filter:brightness(1.25);z-index:3}.flow-studio .fw-refinement{padding:10px 12px}.flow-studio .fw-range-selection{text-align:left;color:var(--text);background:0 0;flex:1;padding:0;overflow:hidden}.flow-studio .fw-range-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.flow-studio .fw-range-copy>strong{align-items:center;gap:4px;min-width:0;display:flex}.flow-studio .fw-range-copy>strong>.icon{color:var(--control);flex-shrink:0;margin-left:3px}.flow-studio .fw-range-copy>span{max-width:100%;color:var(--control);white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.5;overflow:hidden}.flow-studio .fw-inspector-body{padding-top:12px}.flow-studio .fw-note-card{background:#a58bff09;border:1px solid #a58bff33;border-radius:8px;margin-bottom:15px;padding:10px}.flow-studio .fw-note-card-heading{justify-content:space-between;align-items:center;gap:7px;display:flex}.flow-studio .fw-note-card-heading>strong{color:var(--muted);font-size:9px;font-weight:500}.flow-studio .fw-note-card-heading>button{color:var(--violet);background:0 0;align-items:center;gap:3px;padding:0;display:flex;font-size:8px!important}.flow-studio .fw-note-values{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:11px;display:grid}.flow-studio .fw-note-values>span{color:var(--control);flex-direction:column;gap:5px;font-size:8px;display:flex}.flow-studio .fw-note-values strong{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1.2}.flow-studio .fw-note-values small{color:var(--control);margin-left:3px;font-size:7px;font-weight:400}.flow-studio .fw-note-edit{flex-direction:column;gap:5px;margin-top:10px;display:flex}.flow-studio .fw-note-directions,.flow-studio .fw-note-length{gap:4px;display:flex}.flow-studio .fw-note-edit button{border:1px solid var(--fw-border);background:var(--bg);min-width:0;height:23px;color:var(--muted);border-radius:4px;flex:1;justify-content:center;align-items:center;padding:2px 3px;line-height:1;display:flex;font-size:12px!important}.flow-studio .fw-note-length>button{height:22px;font-size:8px!important}.flow-studio .fw-note-edit button:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--violet);border-color:var(--violet)}.flow-studio .fw-note-empty{color:var(--control);border-bottom:1px solid var(--fw-border);align-items:center;gap:7px;margin-bottom:12px;padding:0 0 12px;font-size:8px;line-height:1.7;display:flex}.flow-studio .fw-note-empty>.icon{color:var(--violet);flex-shrink:0}.flow-studio .fw-section-context{border-top:1px solid var(--fw-border);text-align:left;width:100%;color:var(--muted);background:0 0;flex-direction:column;gap:7px;margin-top:13px;padding:11px 0 0;display:flex;font-size:9px!important}.flow-studio .fw-section-context>span:first-child{align-items:center;gap:6px;min-width:0;display:flex}.flow-studio .fw-section-context small{color:var(--control);white-space:nowrap;margin-left:auto;font-size:7px}.flow-studio .fw-section-context .icon{color:var(--violet);flex-shrink:0}.flow-studio .fw-section-context .fw-section-excerpt{white-space:pre-line;color:var(--control);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.8;display:-webkit-box;overflow:hidden}.flow-studio .fw-inspector-divider{margin:15px 0 13px}.flow-studio .fw-range-field{margin-top:16px}.flow-studio .fw-lyrics-heading h2{font-size:19px}.flow-studio .fw-full-lyrics{color:var(--control);background:0 0;flex-shrink:0;align-self:flex-end;align-items:center;gap:4px;padding:3px 0;display:flex;font-size:9px!important}.flow-studio .fw-full-lyrics:hover:where(:not(:disabled):not([aria-disabled=true])){color:var(--violet)}.flow-studio .fw-lyric-sections{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-shrink:0;align-items:center;gap:7px;min-width:0;padding:2px 0 6px;display:flex;overflow:auto}.flow-studio .fw-lyric-sections>button{border:1px solid var(--fw-border);background:var(--bg);color:var(--control);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:7px 9px;display:flex;font-size:9px!important}.flow-studio .fw-lyric-sections>button[aria-pressed=true]{color:var(--violet);background:#a58bff0e;border-color:#a58bff66}.flow-studio .fw-lyric-sections>button>span{opacity:.8;font-size:8px}.flow-studio .fw-lyric-sections>button>small{opacity:.65;font-size:7px}.flow-studio .fw-lyrics-foot .fw-lyrics-count{align-self:auto;margin-left:auto;font-size:8px}@media (max-width:1250px){.flow-studio .fw-editor-tools{gap:7px}.flow-studio .fw-track-controls{padding-left:18px}.flow-studio .fw-track-info{padding-left:6px;padding-right:6px}.flow-studio .fw-track-level{display:none}.flow-studio .fw-note-card{padding:9px}}@media (max-height:780px) and (min-width:761px){.flow-studio .fw-midi-meta{min-height:34px;padding-top:4px;padding-bottom:4px}.flow-studio .fw-inspector-body{padding-top:10px}.flow-studio .fw-note-card{margin-bottom:10px;padding:8px}.flow-studio .fw-note-values{gap:6px;margin-top:8px}.flow-studio .fw-note-values>span{gap:3px}.flow-studio .fw-note-values strong{font-size:12px}.flow-studio .fw-note-edit{gap:4px;margin-top:8px}.flow-studio .fw-note-edit button{height:21px}.flow-studio .fw-note-length>button{height:20px}.flow-studio .fw-field-label{gap:6px}.flow-studio .fw-field{padding:7px 9px}.flow-studio .fw-range-field{margin-top:12px}.flow-studio .fw-range-field>input[type=range]{margin:9px 0 5px}.flow-studio .fw-range-ends{font-size:7px}.flow-studio .fw-inspector-mix{margin-top:11px}.flow-studio .fw-section-context{gap:5px;margin-top:11px;padding-top:10px}.flow-studio .fw-refinement{padding-top:8px;padding-bottom:8px}.flow-studio .fw-direction-label,.flow-studio .fw-direction-tags,.flow-studio .fw-inspector-divider{display:none}}@media (max-width:980px) and (min-width:761px){.flow-studio .fw-arrangement-count{font-size:7px}.flow-studio .fw-editor-tools{gap:6px}.flow-studio .fw-zoom-tools input{width:43px}.flow-studio .fw-track-select small{max-width:58px}.flow-studio .fw-track-controls{padding-left:18px}.flow-studio .fw-section-tabs>button{gap:4px;padding-left:6px;padding-right:5px}.flow-studio .fw-section-tabs>button small{display:none}.flow-studio .fw-note-values{gap:3px}.flow-studio .fw-note-values strong{font-size:12px}.flow-studio .fw-range-copy>span{display:none}}@media (max-width:760px){.flow-studio .fw-midi-meta{gap:4px;min-height:35px;padding:4px 7px}.flow-studio .fw-arrangement-count{gap:3px;font-size:7px}.flow-studio .fw-arrangement-count>b{margin:0 1px}.flow-studio .fw-editor-tools{gap:5px}.flow-studio .fw-editor-tools button{min-width:23px;height:25px;padding:0 3px}.flow-studio .fw-history-tools{gap:0;padding-right:4px}.flow-studio .fw-snap{font-size:7px}.flow-studio .fw-zoom-tools{gap:0}.flow-studio .fw-zoom-tools input{width:31px;margin:0 1px}.flow-studio .fw-zoom-tools .fw-zoom-fit{min-width:28px;height:22px;margin-left:3px;padding:1px 3px;font-size:7px!important}.flow-studio .fw-track-info{gap:8px;padding:5px 5px 5px 4px}.flow-studio .fw-track-title{gap:2px}.flow-studio .fw-track-handle{width:11px;height:25px;font-size:15px!important}.flow-studio .fw-track-select strong{font-size:9px}.flow-studio .fw-track-select small{max-width:56px}.flow-studio .fw-track-settings{width:17px}.flow-studio .fw-track-controls{gap:3px;padding-left:13px}.flow-studio .fw-track-toggle{width:20px;height:20px}.flow-studio .fw-track-order{gap:1px}.flow-studio .fw-track-order>button{width:16px;height:20px;font-size:10px!important}.flow-studio .fw-section-tabs>button{gap:4px;padding:0 5px;font-size:8px!important}.flow-studio .fw-section-tabs>button small{display:none}.flow-studio .fw-section-tabs>button span{padding:2px;font-size:7px}.flow-studio .fw-measures>span{padding-left:3px;padding-right:0;font-size:6px}.flow-studio .fw-note{min-width:5px;height:19px;padding-left:3px;padding-right:5px;font-size:6px!important}.flow-studio .fw-note-resize{width:6px;min-width:4px}.flow-studio .fw-note-resize:after{right:1px}.flow-studio .fw-range-copy>span{display:none}.flow-studio .fw-refinement{padding:8px 9px}.flow-studio .fw-note-card,.flow-studio .fw-note-empty{grid-column:1/-1;margin:0}.flow-studio .fw-note-card{padding:11px}.flow-studio .fw-note-card-heading>strong{font-size:10px}.flow-studio .fw-note-card-heading>button{font-size:9px!important}.flow-studio .fw-note-values{margin-top:10px}.flow-studio .fw-note-values>span{font-size:9px}.flow-studio .fw-note-values strong{font-size:15px}.flow-studio .fw-note-edit{flex-direction:row;gap:9px}.flow-studio .fw-note-directions,.flow-studio .fw-note-length{flex:1}.flow-studio .fw-note-edit button{height:27px}.flow-studio .fw-note-length>button{height:27px;font-size:8px!important}.flow-studio .fw-inspector-body{gap:13px 18px;padding-top:13px}.flow-studio .fw-inspector-body>.fw-instrument-field{grid-column:1/-1}.flow-studio .fw-range-field,.flow-studio .fw-inspector-mix{margin:0}.flow-studio .fw-section-context{grid-column:1/-1;margin:0;padding-top:10px}.flow-studio .fw-section-context>span:first-child{font-size:10px}.flow-studio .fw-section-context small{font-size:8px}.flow-studio .fw-section-context .fw-section-excerpt{font-size:9px;line-height:1.7}.flow-studio .fw-inspector-divider,.flow-studio .fw-direction-label,.flow-studio .fw-direction-tags{display:none}.flow-studio .fw-lyrics-panel{gap:10px;padding-top:15px}.flow-studio .fw-lyrics-heading h2{margin-top:5px;font-size:17px}.flow-studio .fw-full-lyrics{padding:2px 0;font-size:8px!important}.flow-studio .fw-lyric-sections{gap:5px;padding-bottom:4px}.flow-studio .fw-lyric-sections>button{gap:5px;padding:7px 8px;font-size:9px!important}.flow-studio .fw-lyrics-label{flex-wrap:nowrap;gap:6px}.flow-studio .fw-lyrics-label>span{white-space:nowrap;font-size:7px}.flow-studio .fw-lyrics-foot{gap:4px;font-size:7px}.flow-studio .fw-lyrics-foot .fw-lyrics-count{white-space:nowrap;font-size:7px}}@media (max-width:360px){.flow-studio .fw-arrangement-count{gap:0;font-size:0}.flow-studio .fw-arrangement-count i{width:4px;height:4px}.flow-studio .fw-arrangement-count b{display:none}.flow-studio .fw-editor-tools{flex:1;justify-content:space-between;margin-left:4px}.flow-studio .fw-track-controls{gap:2px;padding-left:10px}.flow-studio .fw-track-order>button{width:15px}.flow-studio .fw-track-toggle{width:18px}.flow-studio .fw-range-copy>strong{gap:3px;font-size:8px}.flow-studio .fw-range-copy>strong>.icon{display:none}.flow-studio .fw-note-edit{gap:5px}}.flow-studio .fw-editor-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flow-studio .fw-lyrics-label b{font:inherit;color:inherit}.flow-studio .fw-note-dragging{filter:brightness(1.14);z-index:6;opacity:1;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fw-track-color)}.flow-studio .fw-track-dragging{color:var(--fw-track-color);background:var(--raised)}.flow-studio .fw-track-drop-before{box-shadow:inset 0 2px var(--violet)}.flow-studio .fw-track-drop-after{box-shadow:inset 0 -2px var(--violet)}.flow-studio.fw-studio-dragging{-webkit-user-select:none;user-select:none}
.dialog-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:200;background:#06070bc2;position:fixed;inset:0}#app-dialog{z-index:201;color:var(--text);position:fixed}#app-dialog:not(.is-drawer){max-width:calc(100% - 2em - 6px);height:fit-content;margin:auto;animation-name:overlay-in;inset:0;transform:none}#app-dialog.is-drawer{transform:none}#context-menu[data-radix-menu-content]{z-index:210;position:relative;inset:auto}[hidden]{display:none!important}
*{outline:none!important}:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23858fa8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:not([multiple]):not([size]):not([name=calling_code]){appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-size:12px 8px;background-position:right var(--select-arrow-inset,14px) center;padding-right:var(--select-text-inset,38px);text-overflow:ellipsis;cursor:pointer}:is(.ly-block-head,.fw-key) select{--select-arrow-inset:10px;--select-text-inset:30px}:where(button,a,input,textarea,select,[role=tab],[role=menuitem],[role=switch],[role=option],summary),:where(.music-card,.component-card,.track-row,.mood-option){transition-property:background-color,border-color,color,box-shadow,opacity,filter;transition-duration:.18s;transition-timing-function:ease-out}:is(.flow-studio,.fw-create,.fw-generation-drawer) :is(.fw-button,.fw-primary-button,.fw-secondary-button),:is(.btn,.icon-btn,.round-play,.music-card,.component-card,.prompt-example){transition-property:background-color,border-color,color,box-shadow,opacity,filter,transform;transition-duration:.18s;transition-timing-function:ease-out}:is(.btn,.icon-btn,.round-play):not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px)}.account-tab>.icon:last-child,.music-card .card-play,.nav-link>.icon{transition:opacity .18s ease-out,color .18s ease-out}.flow-studio :is(.fw-button,.fw-note){transition-property:background-color,border-color,color,box-shadow,opacity,filter;transition-duration:.18s;transition-timing-function:ease-out}.flow-studio .fw-button{transition-property:background-color,border-color,color,box-shadow,opacity,filter,transform}:is(.overlay-tabs>button,.switch-control):not(:disabled):hover{filter:brightness(1.12)}.flow-studio :is(.fw-track-toggle,.fw-inspector-mix>button,.fw-section-tabs>button,.fw-track-select,.fw-project-play,.fw-section-context):not(:disabled):hover{filter:brightness(1.15);box-shadow:inset 0 0 0 1px var(--control)}:where(button,[role=tab],[role=menuitem],[role=switch]):not(:disabled):not([aria-disabled=true]):active{filter:brightness(.92)}.toggle-track,.toggle-track:after,.switch-thumb{transition-property:background-color,border-color,box-shadow,opacity,transform;transition-duration:.18s;transition-timing-function:ease-out}input[type=range]::-webkit-slider-thumb{transition:background-color .18s ease-out,box-shadow .18s ease-out,opacity .18s ease-out}input[type=range]::-moz-range-thumb{transition:background-color .18s ease-out,box-shadow .18s ease-out,opacity .18s ease-out}input[type=range]:not(:disabled):hover::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--violet) 28%, transparent)}input[type=range]:not(:disabled):active::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--violet) 28%, transparent)}input[type=range]:not(:disabled):hover::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--violet) 28%, transparent)}input[type=range]:not(:disabled):active::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--violet) 28%, transparent)}:is(.icon-btn,.fw-icon-button,.password-toggle,.round-play,.player-main):focus-visible{box-shadow:inset 0 0 0 1px var(--violet)}button:has(>svg:only-child):focus-visible{box-shadow:inset 0 0 0 1px var(--violet)}#app{isolation:isolate}@media (forced-colors:active){select:not([multiple]):not([size]):not([name=calling_code]){appearance:auto;background-image:none}}@media (prefers-reduced-motion:reduce){:where(button,a,input,textarea,select,[role=tab],[role=menuitem],[role=switch],[role=option],summary),:is(.music-card,.component-card,.track-row,.mood-option),.account-tab>.icon:last-child,.music-card .card-play,.nav-link>.icon,.flow-studio :is(.fw-button,.fw-note),.toggle-track,.toggle-track:after,.switch-thumb{transition-duration:0s!important}input[type=range]::-webkit-slider-thumb{transition-duration:0s!important}input[type=range]::-moz-range-thumb{transition-duration:0s!important}:is(.btn,.icon-btn,.round-play):active{transform:none}}
*{text-decoration:none!important}