:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080a;--chassis:#1b1e24;--panel:#14171c;--panel-raised:#23272f;--line:#3a3e46;--text:#f4efe4;--muted:#9a958a;--amber:#ffb000;--lcd:#ffb000;--step:#2a2e36;--step-on:#ffb000;--font-face:"Barlow Condensed", "Arial Narrow", sans-serif;--font-display:"Syne", "Arial Black", sans-serif;--font-digit:"Share Tech Mono", ui-monospace, monospace;font-family:var(--font-face);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{-webkit-user-select:none;user-select:none;background:radial-gradient(820px 380px at 50% -12%, #ffb0000e, transparent 58%), var(--bg);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text}button{cursor:pointer;font-family:var(--font-face);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.app{background:linear-gradient(#ffffff0a,#0000 56px),linear-gradient(#22262e 0%,#181b21 68px,#12141a 100%);flex-direction:column;width:100%;height:100%;min-height:0;margin:0;display:flex}.top{z-index:30;border-bottom:1px solid #000;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);align-items:center;column-gap:14px;min-height:64px;padding:8px 16px;display:grid;position:relative;box-shadow:inset 0 -1px #ffffff0a}.top-side{align-items:center;gap:14px;min-width:0;display:flex}.top-side.is-end{justify-content:flex-end;gap:12px}.song-home{flex:1;align-items:center;gap:2px;min-width:0;display:flex;position:relative}button.song-banner,.song-banner-input{min-width:0;color:var(--amber);font-family:var(--font-display);letter-spacing:-.04em;text-align:left;text-transform:none;background:0 0;border:0;padding:0 2px;font-size:22px;font-weight:800}button.song-banner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-banner-input{width:14ch}.song-file{width:28px;height:28px;color:var(--amber);letter-spacing:0;text-transform:none;background:0 0;border:0;padding:0;font-size:18px}.song-home .menu-pop{left:0;right:auto;overflow:visible}.brand{flex:none;align-items:center;gap:10px;display:flex}.wordmark{flex-direction:column;margin-right:4px;line-height:.95;display:flex}.wordmark-kicker{color:var(--amber);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:600}.wordmark strong{font-family:var(--font-display);letter-spacing:-.04em;text-transform:none;font-size:22px;font-weight:800}.wordmark-version{color:#555e6d;font-family:var(--font-digit);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px #ffffff14,0 -1px #000000e6;margin-top:4px;font-size:9px;font-weight:400}.model-badge{font-family:var(--font-digit);letter-spacing:.1em;text-transform:uppercase;color:#5a6270;background:#1a1d24;border:0;border-radius:4px;padding:3px 5px 4px 6px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffffff0a}.model-badge.is-on{color:#1a1200;background:var(--amber);box-shadow:inset 0 -2px #0003,0 0 10px #ffb00059}.instrument-select{background:0 0;border:1px solid #0000;border-radius:8px}.instrument-select:hover{border-color:var(--line);background:var(--panel-raised)}.transport{flex:none;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.transport-record{border:1px solid var(--line);color:#8a3a3a;background:#14171c;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.transport-record:hover{color:#f87171;border-color:#ef4444}.transport-record.is-on{color:#f87171;background:#2a1212;border-color:#ef4444;box-shadow:0 0 10px #ef444473}.transport-record.is-live{animation:.9s ease-in-out infinite record-pulse}@keyframes record-pulse{50%{box-shadow:0 0 16px #ef4444cc}}.record-mark{background:currentColor;border-radius:50%;width:12px;height:12px}.transport-play{border:1px solid var(--line);color:#ffb00061;background:#14171c;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:20px;animation:.9s steps(2,end) infinite play-wait;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}@keyframes play-wait{to{border-color:var(--amber);color:var(--amber);box-shadow:0 0 10px #ffb0008c}}.transport-play.is-on{background:linear-gradient(180deg, #ffd56a 0%, var(--amber) 42%, #e09600 100%);color:#1a1200;border-color:#ffd56a;animation:none;box-shadow:inset 0 1px #ffffffa6,inset 0 -4px #00000038,0 6px 16px #ffb00047}.transport-play.is-on .play-mark{background:#1a1200;border:0;width:12px;height:12px;margin-left:0}.play-mark{border:7px solid #0000;border-left:11px solid;border-right-width:0;width:0;height:0;margin-left:2px}.transport-timing-btn{border:1px solid var(--line);color:#838d9d;cursor:pointer;background:#14171c00;border-radius:6px;justify-content:center;align-items:center;width:22px;height:40px;padding:0;transition:border-color .15s,color .15s,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.transport-timing-btn:hover{border-color:var(--amber);color:var(--amber);background:#1a1e26}.transport-timing-btn.is-open{border-color:var(--amber);color:#1a1200;background:var(--amber);box-shadow:0 0 10px #ffb00073}.transport-timing-btn .chevron-icon{width:12px;height:12px;transition:transform .2s}.transport-timing-btn.is-open .chevron-icon{transform:rotate(180deg)}.transport-pop{z-index:100;border:1px solid var(--line);background:#13161c;border-radius:10px;flex-direction:column;gap:12px;padding:12px 14px;animation:.14s ease-out pop-appear;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 16px 36px #000000bf,0 2px 8px #00000080,inset 0 1px #ffffff0f}@keyframes pop-appear{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.transport-pop-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.transport-pop-title{color:var(--amber);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.transport-pop-badge{font-family:var(--font-digit);color:var(--muted);letter-spacing:.05em;font-size:11px}.transport-pop-body{flex-direction:column;gap:10px;display:flex}.transport-pop-field{flex-direction:column;gap:4px;display:flex}.transport-pop-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.transport-pop-fader-row{align-items:center;gap:10px;display:flex}.transport-pop-fader-row .fader{flex:1}.transport-tap{border:1px solid var(--line);height:24px;color:var(--muted);font-family:var(--font-digit);letter-spacing:.12em;text-transform:uppercase;background:#101216;border-radius:5px;padding:0 8px;font-size:10px;font-weight:700}.transport-tap:hover,.transport-tap:active{border-color:var(--amber);color:var(--amber)}.transport-pop-value{min-width:32px;font-family:var(--font-digit);color:var(--amber);text-align:right;font-size:13px;font-weight:600}.transport-pop-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.transport-pop-select{border:1px solid var(--line);width:100%;height:28px;color:var(--foreground);font-family:var(--font-digit);cursor:pointer;background:#0d0f13;border-radius:6px;outline:none;padding:0 8px;font-size:12px;font-weight:600;transition:border-color .15s}.transport-pop-select:hover,.transport-pop-select:focus{border-color:var(--amber)}.transport-pop-hint{color:#636d7d;border-top:1px solid #ffffff0a;padding-top:4px;font-size:10px;line-height:1.35}.bpm{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.bpm-slider{opacity:0;width:0;transition:width .16s,opacity .16s;display:flex;overflow:hidden}.bpm:hover .bpm-slider,.bpm:focus-within .bpm-slider{opacity:1;width:128px}.bpm-slider .fader{width:120px}.transport-select{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.transport-select select{border:1px solid var(--line);height:28px;color:var(--text);font:inherit;letter-spacing:.06em;background:#101216;border-radius:6px;padding:0 8px}.bpm-value{box-sizing:content-box;text-align:right;width:3ch;color:var(--lcd);font-family:var(--font-digit);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;text-shadow:0 0 8px #ffb0008c;background:#070806;border-radius:4px;padding:4px 8px 2px;font-size:20px;font-weight:400;box-shadow:inset 0 0 0 1px #241c08,inset 0 3px 8px #000000bf}.meter{background:#070806;border:1px solid #241c08;border-radius:8px;flex-direction:column;flex:96px;align-items:stretch;gap:3px;width:auto;min-width:72px;max-width:196px;height:44px;padding:4px 6px;display:flex;box-shadow:inset 0 2px 6px #000000bf}.meter-channel{flex-direction:row;flex:1;gap:2px;min-height:0;display:flex}.led{background:#101216;border-radius:2px;flex:1;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px #000}.led.is-lit{background:var(--amber);box-shadow:0 0 6px #ffb000bf}.meter-channel .led.is-lit:nth-last-child(2),.meter-channel .led.is-lit:nth-last-child(3){background:#ffe14a;box-shadow:0 0 6px #ffe14ab3}.meter-channel .led.is-lit:last-child{background:#ff4d3a;box-shadow:0 0 6px #ff4d3abf}.song-menu{position:relative}.menu-button{background:#171b22;border:1px solid #272d38;border-radius:4px;place-items:center;width:36px;height:36px;padding:0;display:grid}.menu-button span,.menu-button span:before,.menu-button span:after{background:var(--text);border-radius:1px;width:14px;height:2px;margin:0 auto;display:block;position:relative}.menu-button span:before,.menu-button span:after{content:"";position:absolute;left:0}.menu-button span:before{top:-5px}.menu-button span:after{top:5px}.menu-button.is-on{border-color:var(--amber)}.menu-button.is-on span,.menu-button.is-on span:before,.menu-button.is-on span:after{background:var(--amber)}.menu-pop{z-index:50;border:1px solid var(--line);background:#1c2026;border-radius:10px;flex-direction:column;gap:2px;min-width:168px;max-height:min(70dvh,100dvh - 72px);padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:visible;box-shadow:0 16px 36px #00000073}.menu-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:6px 12px 4px;font-size:11px;font-weight:700}.menu-sub{position:relative}.menu-sub-btn{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.menu-sub-caret{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px}.menu-flyout{z-index:51;border:1px solid var(--line);background:#1c2026;border-radius:10px;flex-direction:column;gap:2px;min-width:148px;max-width:16rem;padding:6px;display:none;position:absolute;top:0;left:calc(100% + 4px);box-shadow:0 16px 36px #00000073}.menu-sub:hover .menu-flyout,.menu-sub:focus-within .menu-flyout{display:flex}.menu-pop button .name-fit{flex:auto;min-width:0}.menu-pop button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:.35em;min-width:0;height:34px;padding:0 12px;font-size:16px;display:flex}.menu-line{background:var(--line);border:0;height:1px;margin:4px 8px}.menu-pop button.menu-danger{color:#fecaca;background:#dc262647}.menu-pop button.menu-danger:hover:not(:disabled){color:#fff;background:#dc262680}.menu-pop button:hover:not(:disabled){background:var(--panel-raised);color:var(--amber)}.menu-pop button:disabled{opacity:.38;cursor:default}.arrangement{position:relative}.arrangement-toggle{height:36px;color:var(--text);background:#171b22;border:1px solid #272d38;border-radius:4px;align-items:center;gap:8px;padding:0 12px;font-size:15px;display:inline-flex}.arrangement-toggle strong{letter-spacing:.1em;font-weight:600}.arrangement-toggle.is-open{background:#1c2026;border-color:#5c564c}.arrangement-meta{color:var(--muted);letter-spacing:.08em;font-size:13px}.arrangement-panel{z-index:7;border:1px solid var(--line);background:#1c2026;border-radius:12px;flex-direction:column;gap:10px;min-width:420px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #00000080}.song-led.is-lit{background:var(--amber);box-shadow:0 0 6px var(--amber)}.song-parts{flex-wrap:wrap;gap:8px;display:flex}.song-block{border:1px solid var(--line);background:var(--panel);min-width:92px;color:inherit;text-align:left;touch-action:none;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.song-block.is-selected{background:var(--panel-raised);border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.part-edit{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.part-edit b{min-width:1.5ch;color:var(--amber);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-weight:400}.part-edit button,.part-edit select{border:1px solid var(--line);height:28px;color:var(--text);background:#101318;border-radius:6px;padding:0 8px;font-size:14px}.part-edit select{letter-spacing:.08em}.song-block.is-current{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.song-block-name{letter-spacing:.08em;text-transform:uppercase;flex:auto;align-items:center;gap:8px;min-width:0;font-size:16px;font-weight:600;display:flex}.song-led{letter-spacing:0;background:#2a2e34;border:0;border-radius:50%;flex:none;width:12px;height:12px;padding:0;box-shadow:inset 0 0 0 1px #000}.song-name{white-space:nowrap;letter-spacing:.08em;background:0 0;border:0;align-items:center;min-width:0;max-width:100%;padding:0;font-size:16px;display:flex;overflow:hidden}.name-fit{align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.name-fit-head{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.name-fit-tail{white-space:nowrap;flex:none}.name-fit-head+.name-fit-tail:before{content:" "}.song-rename{border:1px solid var(--line);width:9ch;height:24px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#101318;border-radius:4px;padding:0 4px;font-size:16px;font-weight:600}.song-block.is-current .song-led,.song-led.is-lit{background:var(--amber);box-shadow:0 0 6px var(--amber)}.song-block.is-queued{background:var(--panel-raised)}.song-led.is-queued{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:.7s steps(2,end) infinite part-arm}.song-led.is-queued-bar{animation:.28s steps(2,end) infinite part-arm}@keyframes part-arm{to{background:#2a2e34;box-shadow:inset 0 0 0 1px #000}}.song-block-meta{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;padding-left:15px;font-size:12px;font-weight:600}.song-timing{color:var(--lcd);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-size:12px;font-weight:400;display:inline}.song-timing-dot{color:var(--muted);font-family:inherit}.banner{color:#ffd7b0;letter-spacing:.06em;text-transform:uppercase;background:#3a2418;border-radius:8px;margin:0 18px 8px;padding:8px 12px;font-weight:600}.drawer-toggle{background:#14171c;border:1px solid #272d38;border-radius:4px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.drawer-toggle span,.drawer-toggle span:before,.drawer-toggle span:after{background:var(--text);border-radius:1px;width:14px;height:2px;display:block;position:relative}.drawer-toggle span:before,.drawer-toggle span:after{content:"";position:absolute;left:0}.drawer-toggle span:before{top:-5px}.drawer-toggle span:after{top:5px}.drawer-toggle.is-on{border-color:#5c564c}.body{border-top:1px solid #ffffff0a;flex:1;grid-template-columns:280px minmax(0,1fr) 280px;gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.app.is-song-closed .body{grid-template-columns:0 minmax(0,1fr) 280px}.app.is-tracks-closed .body{grid-template-columns:280px minmax(0,1fr) 0}.app.is-song-closed.is-tracks-closed .body{grid-template-columns:0 minmax(0,1fr) 0}.stage{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.stage .editor{flex:1}.song-drawer,.instruments{background:#101216;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.song-drawer{border-right:1px solid #000;box-shadow:inset -1px 0 #ffffff0a}.instruments{border-left:1px solid #000;box-shadow:inset 1px 0 #ffffff0a}.app.is-song-closed .song-drawer,.app.is-tracks-closed .instruments{box-shadow:none;border:0}.song-bar{background:#101216;flex-direction:column;flex:1;align-items:stretch;gap:0;min-height:0;display:flex;overflow:hidden}.song-dock{border-top:1px solid #000;flex-direction:column;flex:none;gap:8px;padding:10px;display:flex}.song-row{flex-direction:column;align-items:stretch;gap:6px;min-width:0;display:flex}.part-settings{border:1px solid var(--line);background:#181b20;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:8px 10px;display:flex}.part-settings .part-bpm,.part-settings .transport-select,.part-settings .part-repeat{justify-content:space-between}.song-block .part-settings{cursor:default;background:0 0;border:0;border-top:1px solid #ffffff14;border-radius:0;margin-top:8px;padding:8px 0 2px}.song-block .part-settings .part-repeat,.song-block .part-settings .transport-select{justify-content:space-between;align-items:center;gap:8px;display:flex}.part-repeat-controls{align-items:center;gap:6px;display:flex}.song-part-toggle{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.song-part-toggle:hover{color:var(--text)}.song-part-toggle .chevron-icon{width:11px;height:11px;margin:0;transition:transform .15s;transform:rotate(-90deg)}.song-part-toggle.is-open .chevron-icon{transform:rotate(0)}.part-timing-settings{flex-direction:column;gap:8px;padding:4px 0 2px;display:flex}.part-custom-tag{color:var(--amber);vertical-align:middle;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffb0001f;border:1px solid #ffb0004d;border-radius:3px;margin-left:4px;padding:0 3px;font-family:inherit;font-size:8px;font-style:normal;font-weight:700;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-block}.part-custom-tag:hover{color:#fff;background:#ff483059;border-color:#ff4830;box-shadow:0 0 10px #ff4830d9}.part-adhere-btn{color:var(--amber);letter-spacing:.04em;cursor:pointer;text-align:center;background:#ffb00014;border:1px solid #ffb00059;border-radius:6px;margin-top:4px;padding:5px 8px;font-size:10px;font-weight:600;transition:all .15s}.part-adhere-btn:hover{border-color:var(--amber);color:#fff;background:#ffb00033}.part-timing-settings .part-bpm,.part-timing-settings .transport-select{justify-content:space-between;align-items:center;min-height:28px;display:flex}.part-settings .transport-select select,.part-timing-settings .transport-select select,.transport-pop-select{width:8.6rem;min-width:8.6rem}.part-settings .part-repeat-controls,.part-timing-settings .part-repeat-controls{justify-content:flex-end;width:8.6rem}.part-settings-name{min-width:4ch;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.part-bpm{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.part-bpm-label{flex:none;align-items:center;display:inline-flex}.part-bpm-controls{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.part-bpm-controls .fader,.part-bpm .fader{flex:none;width:72px}.part-bpm b,.part-bpm-controls b{text-align:right;width:4ch;min-width:4ch;color:var(--lcd);font-family:var(--font-digit);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;flex:none;font-size:18px;font-weight:400;display:inline-block}.part-repeat{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.part-repeat b{text-align:center;min-width:2.5ch;color:var(--lcd);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-size:18px;font-weight:400}.song-bar .song-parts{flex-flow:column;flex:1;align-items:stretch;gap:0;min-width:0;min-height:0;padding:8px 10px;overflow:auto}.song-slot{flex-direction:column;flex:none;align-items:stretch;display:flex}.song-bar .song-block{cursor:grab;justify-content:center;width:100%;min-width:0}.song-bar .song-block.is-selected{cursor:default;justify-content:flex-start}.song-block-head{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.song-entry{display:contents}.part-gap{background:#ffb0001a;border:1px dashed #5c564c;border-radius:8px;align-self:stretch;height:28px;margin:4px 0}.part-ghost{z-index:40;border:1px solid var(--line);pointer-events:none;opacity:1;background:#23272f;border-radius:8px;flex-direction:column;gap:2px;min-width:128px;padding:8px 12px;display:flex;position:fixed;transform:translate(-20px,-18px);box-shadow:0 14px 28px #00000080}.part-ghost b{letter-spacing:.08em;text-transform:uppercase;font-size:16px;font-weight:600}.part-ghost span{color:var(--lcd);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-size:12px}.song-arrow{height:24px;color:var(--muted);letter-spacing:0;text-transform:none;justify-content:center;align-items:center;margin:3px 0;padding:0;display:flex}.song-arrow.is-loop{color:var(--amber);height:24px;margin:4px 0 8px}.song-gap{height:18px}.song-block-meta{flex:none;align-items:center;gap:4px;display:flex}.song-block-meta b{color:var(--amber);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-weight:400}.song-nudge,.song-block-meta select{border:1px solid var(--line);height:22px;color:var(--text);letter-spacing:0;text-transform:none;background:#101318;border-radius:4px;padding:0 6px;font-size:13px}.song-nudge{width:22px;padding:0}.song-block-meta select{max-width:92px}.song-delete{color:#ffb4aa;letter-spacing:.14em;text-transform:uppercase;background:#ff4d3a29;border:1px solid #ff4d3a;border-radius:8px;flex:none;place-items:center;height:36px;font-size:13px;font-weight:700;display:grid}.song-add{border:1px dashed var(--line);width:100%;height:36px;color:var(--amber);letter-spacing:0;text-transform:none;background:0 0;border-radius:8px;flex:none;font-size:28px;line-height:1}.song-add:hover{border-color:var(--amber);background:#ffb00014}.track-pane{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.pane-add{z-index:5;background:#101216;border-top:1px solid #000;flex:none;margin:0;padding:10px;position:relative}.pane-add .add-menu{max-height:min(440px,100dvh - 88px);top:auto;bottom:calc(100% + 4px)}.pane-title{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px 8px;display:flex;position:absolute;top:0;left:0;right:0}.pane-heading{pointer-events:auto;background:0 0;border:0;padding:0}.pane-heading.is-on h2{color:var(--amber)}.drawer-foot{border-top:1px solid #000;gap:8px;padding:10px;display:flex}.drawer-foot .banner{margin:0}.file-menu{flex:1;position:relative}.file-menu>button,.song-file-name,.track-delete{border:1px solid var(--line);width:100%;height:32px;color:var(--text);background:#181b20;border-radius:8px}.file-menu>button,.song-file-name{text-transform:none;font-family:var(--font-display);letter-spacing:-.03em;font-size:16px}.song-file-name{color:var(--text);padding:0 10px}.file-menu .menu-pop{min-width:100%;top:auto;bottom:calc(100% + 6px);left:0}.track-delete{color:#ffb4a8;letter-spacing:.14em;text-transform:uppercase;background:#ff4d3a24;border-style:dashed;border-color:#ff4d3a;place-items:center;height:36px;font-weight:700;display:grid}.track-delete:hover{background:#ff4d3a47}.drawer-foot button[data-testid=reset-confirm]{color:#ffb4a2;border-color:#6a3a32}.instruments h2{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-shadow:0 0 10px #101216,0 1px 12px #101216;margin:0 0 4px 6px;font-size:11px;font-weight:600}.group-list{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:0;padding:40px 10px 16px;display:flex;overflow:auto}.group{z-index:0;position:relative}.group.is-lit{z-index:3}.group:has(.color-picker){z-index:6}.group-head{grid-template-columns:18px minmax(0,1fr) auto 28px;align-items:center;gap:4px;padding-inline:6px 2px;display:grid;position:relative;overflow:visible}.group-grip{z-index:1;background:var(--voice,#3a414c);cursor:grab;touch-action:none;border:0;border-radius:3px;place-items:center;width:9px;height:22px;padding:0;display:grid;position:relative}.group-grip:after,.track-grip:after{content:"";position:absolute;inset:-8px -6px}.group-grip:active{cursor:grabbing}.group-tools{opacity:0;pointer-events:none;align-items:center;gap:4px;max-width:0;display:flex;overflow:hidden}.group-head:hover .group-tools,.group-head:focus-within .group-tools,.group-tools.is-on{opacity:1;pointer-events:auto;max-width:72px;overflow:visible}.group-tools .mute,.group-tools .solo{width:22px;height:22px}.group-gap{background:#ffb0001a;border:1px dashed #5c564c;border-radius:6px;height:10px}.group.is-lifted{opacity:0;pointer-events:none;height:0;margin:0;padding:0;overflow:hidden}.group.is-muted .group-select{opacity:.4}.group.is-solo .group-select{color:#fde047}.plus{border:1px solid var(--line);width:22px;height:22px;color:var(--amber);background:#181b20;border-radius:6px;padding:0;font-size:16px;line-height:1}.add-menu{z-index:40;border:1px solid var(--line);background:#1c2026;border-radius:10px;flex-direction:column;gap:1px;min-width:196px;max-height:min(440px,100dvh - 96px);padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden auto;box-shadow:0 16px 32px #00000073}.add-menu-section,.add-menu-section>div{flex-direction:column;gap:1px;display:flex}.add-menu-label,.add-menu-kit{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:8px 8px 2px;font-size:10px}.add-menu-kit{color:var(--amber);margin-top:4px}.add-menu>button{text-align:left;width:100%;height:28px;color:var(--text);background:0 0;border:0;border-radius:6px;padding:0 8px}.add-menu>button:hover{background:#2a3038}.add-menu-item{border-radius:6px;align-items:center;gap:8px;width:100%;min-height:28px;padding:0 4px 0 8px;display:flex}.add-menu-item:hover{background:#2a3038}.add-menu-listen{width:12px;height:12px;box-shadow:0 0 8px var(--voice);border:0;border-radius:50%;flex:none;padding:0}.add-menu-listen:hover,.add-menu-listen:active{filter:brightness(1.35)}.add-menu-pick{text-align:left;min-width:0;height:28px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:1;padding:0 4px 0 0;overflow:hidden}.rename{border:1px solid var(--amber);width:100%;height:26px;color:var(--text);font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#101216;border-radius:6px;padding:0 6px}.chevron,.group-select{background:0 0;border:1px solid #0000;border-radius:8px}.chevron{width:28px;height:32px;color:var(--muted);padding:0}.group-head .chevron{justify-self:end}.chevron-icon{width:14px;height:14px;margin:0 auto;transition:transform .15s;display:block;transform:rotate(-90deg)}.chevron.is-open .chevron-icon{transform:rotate(0)}.group-head .chevron-icon{transform:rotate(90deg)}.group-head .chevron.is-open .chevron-icon{transform:rotate(0)}.group-select{text-align:left;letter-spacing:.18em;min-width:0;height:26px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 14px;font-size:12px;overflow:hidden}.group.is-selected .group-select{color:var(--text)}.instruments ul{flex-direction:column;gap:6px;margin:6px 0 0;padding:0 0 0 16px;list-style:none;display:flex}.instruments li{cursor:pointer;z-index:0;background:#12151b;border:1px solid #1c2129;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px 5px 6px;display:grid;position:relative;overflow:visible}.instruments li.is-lit,.instruments li:hover,.instruments li:focus-within{z-index:3}.instruments li:has(.color-picker){z-index:4}.instruments li.is-lifted{opacity:0;pointer-events:none;height:0;margin:0;padding:0;overflow:hidden}.track-gap{background:#ffb0001a;border:1px dashed #5c564c;border-radius:8px;height:30px}.track-bloom{z-index:0;pointer-events:none;border-radius:3px;width:9px;height:28px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.group-head .track-bloom{height:22px}.track-grip{z-index:1;background:var(--voice);cursor:grab;touch-action:none;border:0;border-radius:3px;place-items:center;width:9px;height:28px;padding:0;display:grid;position:relative}.grip-index{z-index:1;color:#14171c;font-family:var(--font-digit);letter-spacing:-.06em;pointer-events:none;font-size:8px;font-weight:700;line-height:1;position:relative;rotate:-90deg}.track-grip:active{cursor:grabbing}.color-picker{z-index:12;border:1px solid var(--line);background:#1c2026;border-radius:10px;grid-template-columns:repeat(6,18px);gap:6px;padding:8px;display:grid;position:absolute;top:46px;left:22px;transform:translateY(-50%);box-shadow:0 16px 32px #00000073}.color-swatch{cursor:pointer;border:0;border-radius:50%;width:18px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #00000059}.color-swatch:hover{filter:brightness(1.12)}.color-swatch.is-on{box-shadow:inset 0 0 0 1px #00000059,0 0 0 2px #f7f4ea}.track-side{align-items:center;gap:13px;height:32px;display:flex}.track-tools{opacity:0;pointer-events:none;align-items:center;gap:4px;max-width:0;display:flex;overflow:hidden}.instruments li:hover .track-tools,.instruments li:focus-within .track-tools,.track-tools.is-on{opacity:1;pointer-events:auto;max-width:80px;overflow:visible}.track-side .mute,.track-side .solo{width:22px;height:22px}.track-light{background:var(--voice);width:0;height:12px;box-shadow:0 0 8px var(--voice);opacity:0;pointer-events:none;border:0;border-radius:50%;padding:0;overflow:visible}.instruments li:hover .track-light,.instruments li:focus-within .track-light{opacity:1;pointer-events:auto;width:12px}.track-light.is-off{background:#2a2e34;box-shadow:inset 0 0 0 1px #000}.track-ghost{z-index:40;pointer-events:none;background:#23272f;border-radius:8px;align-items:center;gap:8px;width:220px;height:36px;padding:0 10px;display:flex;position:fixed;transform:translate(-16px,-18px);box-shadow:0 14px 28px #00000080}.track-ghost span{background:var(--voice);border-radius:3px;flex:none;width:8px;height:22px}.track-ghost b{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-weight:600;overflow:hidden}.solo{color:#636d7d;width:22px;height:22px;font-family:var(--font-digit);background:#171b22;border:1px solid #272d38;border-radius:4px;padding:0;font-size:11px;font-weight:700}.solo.is-on{color:#fde047;background:#eab30833;border-color:#eab308;box-shadow:0 0 6px #eab30866}.instruments li.is-muted .instrument-select{opacity:.4}.mute{color:#636d7d;width:22px;height:22px;font-family:var(--font-digit);background:#171b22;border:1px solid #272d38;border-radius:4px;padding:0;font-size:11px;font-weight:700}.mute.is-on{color:#f87171;background:#ef444433;border-color:#ef4444;box-shadow:0 0 6px #ef444466}.instruments li.is-selected{border-color:color-mix(in srgb, var(--voice) 45%, #1c2129);background:color-mix(in srgb, var(--voice) 16%, #12151b);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--voice) 25%, transparent)}.instruments li.is-selected .instrument-select{color:var(--voice)}.pad{border:0;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:inset 0 2px #fff6,inset 0 -3px #00000047}.pad:active{filter:brightness(1.3)}.instrument-select{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;min-width:0;height:32px;padding:0 10px;font-size:16px;overflow:hidden}.editor{background:linear-gradient(#ffffff06,#0000 48px),#14171c;border:0;border-radius:0;flex-flow:column;align-content:stretch;align-items:stretch;min-width:0;min-height:0;padding:12px 22px 8px;display:flex;overflow:visible;box-shadow:inset 1px 0 #ffffff08}.part-kicker{color:var(--muted);text-shadow:1px 1px 0 var(--chassis), -1px -1px 0 var(--panel);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:18px;font-weight:600}.part-copy{min-width:0;max-width:42%;position:relative}.part-copy-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0;display:inline-flex}.part-copy-btn .menu-sub-caret{font-size:11px}.part-copy-menu{min-width:12rem;max-width:16rem;left:0;right:auto}.editor-head{z-index:8;border-bottom:1px solid #202530;flex:0 0 48px;justify-content:flex-start;align-self:stretch;align-items:center;gap:12px;height:48px;max-height:48px;margin:0;padding:0;display:flex;position:relative;overflow:visible}.editor-stage{flex-flow:column;flex:auto;align-items:stretch;gap:8px;width:100%;min-width:0;min-height:0;padding-top:10px;display:flex;overflow:hidden}.editor-stage>p{flex:auto}.editor-voice-actions{align-items:center;gap:6px;display:flex}.editor-voice-btn{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#14181f;border:1px solid #3a414c;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700}.editor-voice-btn:hover{color:var(--text);border-color:var(--amber)}.editor-head h2{min-width:0;color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;text-transform:none;flex:0 auto;align-items:center;gap:12px;margin:0 0 0 auto;font-size:26px;font-weight:800;display:flex;position:relative}.editor-sound{min-width:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:6px;padding:0;display:inline-flex}.editor-sound .menu-sub-caret{color:var(--muted);font-size:14px}.editor-sound:hover,.editor-sound[aria-expanded=true]{color:var(--amber)}.editor-head .add-menu{font-family:var(--font-face);letter-spacing:.08em;font-size:16px;font-weight:600;left:auto;right:0}.add-menu-item.is-on{background:#2a3038}.add-menu-item.is-on .add-menu-pick{color:var(--amber)}.editor-light{background:var(--step-on);width:14px;height:14px;box-shadow:0 0 10px var(--step-on);cursor:pointer;border:0;border-radius:50%;flex:none;padding:0}.view-switch{flex:none;gap:6px;display:flex}.keys-roll{display:contents}.seq-stack,.chord-stack,.roll-stack{flex-direction:column;min-width:0;min-height:32px;display:flex}.seq-stack:not(.is-collapsed),.chord-stack:not(.is-collapsed){flex:none}.roll-stack:not(.is-collapsed){flex:1 1 0;min-height:0;overflow:hidden}.editor-stage>.lane-list{flex:none}.mixer-console{flex:auto;min-height:0}.editor .lane-list,.seq-stack:not(.is-collapsed),.chord-stack:not(.is-collapsed){min-height:min-content}.seq-stack .lane-list{flex:none;min-width:0;overflow:visible}.seq-stack:not(.is-collapsed)+.roll-stack:not(.is-collapsed),.seq-stack:not(.is-collapsed)+.chord-stack:not(.is-collapsed),.roll-stack:not(.is-collapsed)+.chord-stack:not(.is-collapsed){border-top:1px solid #202530;padding-top:4px}.editor-stage .bar-pager{flex:none;order:5;width:100%;margin-top:auto}:is(.editor-stage:has(.strip-full:not(.is-collapsed)) .bar-pager,.editor-stage:has(.automation-panel:not(.is-collapsed)) .bar-pager),:is(.editor-stage:has(.bar-pager) .editor-dock,.editor-stage:has(.strip-full:not(.is-collapsed)) .editor-dock,.editor-stage:has(.automation-panel:not(.is-collapsed)) .editor-dock){margin-top:0}.editor-stage>.strip-full:not(.is-collapsed),.editor-stage>.automation-panel:not(.is-collapsed){background:#101216;border:1px solid #000;border-radius:8px;flex:none;order:9;margin-top:auto;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.editor-stage>.strip-full:not(.is-collapsed){max-height:none}.editor-stage>.strip-full:not(.is-collapsed) .mixer{height:196px;min-height:0;max-height:196px;padding-bottom:0;overflow:auto hidden}.editor-stage>.automation-panel:not(.is-collapsed) .lane{min-height:0;max-height:110px;overflow:hidden auto}:is(.editor-stage:has(.strip-full:not(.is-collapsed))>.automation-panel:not(.is-collapsed),.editor-stage:has(.mixer-console)>.strip-full:not(.is-collapsed),.editor-stage:has(.mixer-console)>.automation-panel:not(.is-collapsed)){margin-top:0}.editor-dock{border-top:1px solid #2a2e36;flex-wrap:wrap;flex:none;order:11;gap:8px;width:100%;margin-top:auto;padding-block:8px 1px;display:flex}.editor-dock:empty{border:0;margin:0;padding:0;display:none}.editor-dock>.seq-stack{order:1}.editor-dock>.roll-stack{order:2}.editor-dock>.chord-stack{order:3}.editor-dock>.strip-full{order:4}.editor-dock>.automation-panel{order:5}.editor-dock>.is-collapsed{background:#0c0e12;border:1px solid #000;border-radius:6px;flex:8rem;align-self:stretch;width:auto;min-width:7.5rem;min-height:32px;max-height:40px;margin:0;padding:0 8px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.seq-stack.is-collapsed>.strip-fold,.roll-stack.is-collapsed>.strip-fold,.chord-stack.is-collapsed>.strip-fold,.editor-dock>.is-collapsed>.strip-fold{margin-bottom:0}.seq-stack.is-collapsed>.strip-fold svg,.roll-stack.is-collapsed>.strip-fold svg,.chord-stack.is-collapsed>.strip-fold svg,.editor-dock>.is-collapsed>.strip-fold svg{transform:rotate(180deg)}.view-switch button{color:#8a93a3;min-width:72px;height:32px;font-family:var(--font-digit);letter-spacing:.1em;background:#171b22;border:1px solid #272d38;border-radius:4px;padding:0 12px;font-size:12px;font-weight:700;position:relative}.view-switch button.is-on{color:var(--amber);background:#1c1810;border-color:#ffb0008c;box-shadow:0 0 10px #ffb0002e}.view-switch button.is-on:before{content:"";background:var(--amber);width:6px;height:6px;box-shadow:0 0 6px var(--amber);border-radius:50%;position:absolute;top:5px;right:6px}.bar-pager{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px 16px;margin:0;display:flex}.bar-pager-pages,.bar-pager-copy{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bar-pager button{color:#8a93a3;min-width:32px;height:32px;font-family:var(--font-digit);letter-spacing:.06em;background:#171b22;border:1px solid #272d38;border-radius:4px;padding:0 10px;font-size:13px;font-weight:700}.bar-pager button:hover:not(:disabled){color:var(--text);border-color:#3a4454}.bar-pager button.is-on{color:var(--amber);background:#1c1810;border-color:#ffb0008c;box-shadow:0 0 10px #ffb0002e}.bar-pager button.is-play{color:var(--amber);animation:.7s steps(2,end) infinite bar-play}@keyframes bar-play{to{border-color:var(--amber);color:var(--amber);background:#1c1810;box-shadow:0 0 10px #ffb00059}}.bar-pager button:disabled{opacity:.35}.bar-pager-copy span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.groove{flex-wrap:wrap;gap:18px 28px;margin-bottom:16px;display:flex}.groove label{min-width:220px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:15px;display:flex}.groove .fader{flex:1;width:auto;min-width:96px}.groove-value{min-width:2ch;font-family:var(--font-digit);letter-spacing:0;text-transform:none;color:var(--amber);font-size:16px}.roll{--step-on:var(--voice,var(--amber));background:#101216;border:1px solid #000;border-radius:10px;flex-direction:column;flex:1;width:100%;min-height:0;margin:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.roll-scroll{flex:1;min-height:0;overflow:auto}.roll-sheet{width:100%;height:100%;min-height:calc(28px + var(--rows,1) * 20px);min-width:max(100%, calc(var(--steps,16) * 28px));grid-template-rows:28px minmax(0,1fr);grid-template-columns:52px minmax(0,1fr);display:grid}.roll-corner,.roll-beats{z-index:4;background:#16191f;position:sticky;top:0}.roll-corner{border-bottom:1px solid #000;border-right:1px solid #000;justify-content:center;align-items:center;height:28px;display:flex}.roll-beats{grid-template-columns:repeat(var(--steps), minmax(28px, 1fr));border-bottom:1px solid #000;height:28px;display:grid}.roll-beats.is-chord{cursor:ew-resize;touch-action:none}.roll-beat-span,.roll-span{pointer-events:none;background:#ffb00038;position:absolute}.roll-beat-span{z-index:1;border-radius:4px;top:3px;bottom:3px}.roll-span{z-index:1;top:0;bottom:0}.roll-beats span{z-index:2;font-family:var(--font-digit);color:var(--muted);letter-spacing:0;text-transform:none;align-items:center;padding-left:3px;font-size:10px;display:flex;position:relative}.roll-beats span.is-downbeat{color:var(--text)}.roll-pitches{grid-template-rows:repeat(var(--rows), minmax(20px, 1fr));border-right:1px solid #000;min-height:0;display:grid}.roll-pitch,.roll-row{height:auto;min-height:20px}.roll-pitch{width:100%;font-family:var(--font-digit);color:#6f6a60;cursor:pointer;background:#14171c;border:0;border-bottom:1px solid #00000059;border-radius:0;justify-content:flex-end;align-items:center;margin:0;padding-right:6px;font-size:10px;display:flex}.roll-pitch.is-black,.roll-row.is-black{background:#0c0e12}.roll-pitch.is-scale{color:var(--text)}.roll-row.is-scale{background:#1c2118}.roll-row.is-black.is-scale{background:#141910}.roll-grid{grid-template-rows:repeat(var(--rows), minmax(20px, 1fr));touch-action:none;cursor:crosshair;min-height:0;display:grid;position:relative}.roll-row{background:#181b21;border-bottom:1px solid #ffffff08}.roll-barline,.roll-column,.roll-playhead{pointer-events:none;position:absolute;top:0;bottom:0}.roll-barline{background:#ffffff24;width:1px}.roll-column{background:#ffb00014}.roll-playhead{background:var(--amber);width:2px;box-shadow:0 0 8px var(--amber);z-index:3}.roll-note{z-index:2;box-sizing:border-box;background:var(--step-on);color:#1a1204;cursor:grab;border:1px solid #00000073;border-radius:4px;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.roll-note.is-selected{outline-offset:1px;outline:1px solid #fff}.roll-note-name{font-family:var(--font-digit);pointer-events:none;white-space:nowrap;padding:0 8px 0 4px;font-size:10px;line-height:1.4;display:block}.lane-list,.strip-list{flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:min-content;display:flex;overflow:auto}.editor .lane-list{flex:0 auto;width:100%}.lane{grid-template-columns:108px minmax(0,1fr);align-items:start;gap:12px;width:100%;min-width:0;display:grid}.lane-name{letter-spacing:.08em;text-transform:uppercase;color:var(--step-on);text-align:left;padding-top:10px;font-size:16px;font-weight:600}button.lane-name{background:0 0;border:0;width:100%;padding:8px 6px 0 0}button.lane-name.is-record,.editor-sound.is-record,.console-strip-name.is-record{color:#f87171;text-shadow:0 0 8px #ef444473}button.lane-name.is-record:active,.editor-sound.is-record:active,.console-strip-name.is-record:active{color:#fecaca}.step-row{grid-template-columns:repeat(var(--groups,4), minmax(0, 1fr));touch-action:none;-webkit-user-select:none;user-select:none;gap:8px;width:100%;min-width:0;display:grid}.step-group{background:#0e1014;border:1px solid #000;border-radius:6px;padding:5px;box-shadow:inset 0 1px #ffffff0a}.step-group:nth-child(2n){background:#191d24}.lane .step{height:42px;padding-inline:0;font-size:15px}.lane-solo{grid-template-columns:1fr}.lane-solo .lane-name{display:none}.lane-solo .step{height:64px;font-size:18px}.lane.is-muted{opacity:.38}.step-buttons{grid-template-columns:repeat(var(--group-size,4), minmax(0, 1fr));gap:8px;display:grid}.step-slot{flex-direction:column;gap:4px;min-width:0;display:flex}.step-nudge{grid-template-columns:1fr 1fr;gap:3px;display:grid}.step-nudge button{height:18px;color:var(--muted);letter-spacing:0;background:#1c2026;border:1px solid #1b1e24;border-radius:4px;padding:0;font-size:14px;line-height:1}.lane-accent{--step-on:#ff6a2a}.lane-accent .lane-name{padding-top:6px}.accent-step{background:#2a2e36;border:1px solid #1b1e24;border-radius:4px;width:100%;height:14px;padding:0;box-shadow:inset 0 -3px #00000047}.accent-step.is-on{background:#ff6a2a;border-color:#0000;box-shadow:inset 0 -3px #00000038,0 0 8px #ff6a2a73}.accent-step[aria-current=step]{outline-offset:1px;outline:2px solid #f7f4ea}.step{background:var(--step);color:#b7b2a6;width:100%;height:64px;font-family:var(--font-digit);letter-spacing:0;text-transform:none;white-space:pre-line;font-variant-numeric:tabular-nums;border:1px solid #1b1e24;border-radius:6px;font-size:15px;font-weight:400;line-height:1.05;box-shadow:inset 0 -6px #00000040}.step.is-on{background:var(--step-on);color:#1a1200;text-shadow:none;border-color:#0000}.step.is-chosen{box-shadow:inset 0 -6px #00000040,0 0 0 2px #f7f4ea}.chord-board{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-start;gap:16px 20px;width:100%;margin:0 0 4px;display:flex}.chord-pick-group{flex-direction:column;flex:16rem;gap:6px;min-width:0;display:flex}.chord-pick-row{grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:6px;display:grid}.chord-keys{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.chord-pick-row>span,.chord-hint{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.chord-pick-row>span{width:56px}.chord-hint{max-width:180px;color:var(--muted);letter-spacing:.02em;text-transform:none;margin:0;font-size:11px;line-height:1.35}.chord-commit{flex-direction:column;flex:10rem;align-items:flex-start;gap:8px;min-width:0;padding:4px 0;display:flex}.chord-symbol{color:var(--amber);font-family:var(--font-digit);letter-spacing:0;text-transform:none;align-items:center;min-height:32px;margin:0;font-size:26px;font-weight:700;display:flex}.chord-modes{flex-direction:column;gap:6px;display:flex}.chord-mode-row{gap:6px;display:flex}.chord-mode-row button{border:1px solid var(--line);height:28px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#171b21;border-radius:6px;padding:0 12px;font-weight:600}.chord-mode-row button:hover{border-color:var(--amber);color:var(--amber)}.chord-mode-row button.is-on{color:var(--amber);background:#1c1810;border-color:#ffb0008c}.chord-board .chord-key{flex:1.7rem;min-width:1.7rem;max-width:3.4rem;height:28px;min-height:28px;padding:0 4px;font-size:12px}.chord-key{min-height:46px;color:var(--text);letter-spacing:0;text-transform:none;background:#171b21;border:1px solid #1b1e24;border-radius:6px;padding:4px 2px;line-height:1.05}.chord-key b,.chord-key span{display:block}.chord-key b{letter-spacing:.04em;font-size:14px}.chord-key span{color:var(--muted);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-size:12px}.chord-key.is-scale:not(.is-on){color:var(--amber);background:#1c1810;border-color:#ffb00073}.chord-key.is-on{background:var(--voice,var(--amber));color:#1a1200;border-color:#0000}.chord-key.is-on span{color:#3a2a08}.step[aria-current=step]{outline-offset:2px;outline:2px solid #f7f4ea}.file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.strip{border-bottom:1px solid #22262c;align-items:end;gap:0 14px;padding:10px 0;display:grid}.strip-head{align-items:center;gap:8px;display:flex}.strip-head h3{letter-spacing:.1em;text-transform:uppercase;color:var(--voice);margin:0;font-size:16px;font-weight:600}.strip-compact,.strip-full{flex-direction:column;align-items:stretch;display:flex}.strip-full{width:100%;max-width:none;margin-top:22px;padding-top:8px}.editor-stage>.strip-full{margin-top:0;padding:8px 10px}.strip-fold{width:100%;height:36px;color:var(--muted);letter-spacing:.14em;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0 0 6px;padding:0 2px;font-size:13px;font-weight:600;display:flex}.strip-fold svg{width:12px;height:12px;color:var(--text)}.strip-full.is-collapsed .strip-fold{margin-bottom:0}.strip-full.is-collapsed .strip-fold svg{transform:rotate(180deg)}.editor-stage>.strip-full.is-collapsed,.editor-dock>.strip-full.is-collapsed{max-height:40px;padding:0 8px;overflow:hidden}.editor-stage>.automation-panel{min-width:0;padding:8px 10px}.editor-stage>.automation-panel.is-collapsed,.editor-dock>.automation-panel.is-collapsed{padding:0 8px}.automation-panel .lane{grid-template-columns:minmax(92px,108px) minmax(0,1fr);width:100%;min-width:0}.automation-panel .step-row{grid-template-columns:repeat(var(--bar-groups,4), minmax(0, 1fr));gap:clamp(4px, calc(36cqi / var(--auto-count,16)), 8px);width:100%;min-width:0;container-type:inline-size}.automation-panel .step-group{min-width:0;padding:clamp(2px, calc(20cqi / var(--auto-count,16)), 5px)}.automation-panel .step-buttons{grid-template-columns:repeat(var(--group-size,4), minmax(0, 1fr));gap:clamp(2px, calc(18cqi / var(--auto-count,16)), 4px)}.automation-panel .lane .step{min-width:0;height:clamp(26px, calc(160cqi / var(--auto-count,16)), 38px);font-size:clamp(7px, calc(92cqi / var(--auto-count,16)), 11px);white-space:nowrap;padding:0 2px}.automation-panel.is-collapsed{padding-bottom:0}.automation-panel.is-collapsed .strip-fold svg{transform:rotate(180deg)}.automation-pick{padding-top:4px}.automation-pick select{border:1px solid var(--line);width:100%;height:42px;color:var(--text);letter-spacing:.04em;text-transform:none;background:#171b21;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700}.auto-step{letter-spacing:0;text-transform:none;position:relative;overflow:hidden}.auto-step.is-ramp{background:color-mix(in srgb, var(--step-on) 46%, var(--step));color:#696253;border-color:color-mix(in srgb, var(--step-on) 28%, #1b1e24)}.auto-step.is-on:before,.auto-step.is-ramp:before{content:"";height:var(--auto-fill,50%);pointer-events:none;background:#1a120047;border-radius:3px;max-height:calc(100% - 6px);position:absolute;bottom:3px;left:3px;right:3px}.auto-step.is-ramp:before{background:#1a120029}.auto-step.is-on{z-index:0}.insert-list{flex-direction:column;gap:10px;display:flex}.insert{background:#12151b;border:1px solid #202530;border-radius:6px;padding:8px 10px 10px;box-shadow:inset 0 1px #ffffff0a}.insert header{justify-content:space-between;align-items:center;display:flex}.insert h4{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.insert header button{width:22px;height:22px;color:var(--muted);background:0 0;border:0}.insert-body,.strip-core{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px 14px;display:grid}.add-insert{align-self:flex-start;position:relative}.overview-copy{max-width:62ch;color:var(--muted);letter-spacing:.02em;text-transform:none;margin:0 0 16px;font-size:15px}.strip-full .strip-head{grid-column:1/-1}.strip-full .strip-head h3{font-family:var(--font-display);letter-spacing:-.03em;text-transform:none;font-size:22px;font-weight:800}.knob{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;font-size:13px;font-weight:600;display:grid}.knob .fader{grid-column:1/-1;width:100%}.fader{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:28px;margin:0;padding:0;display:inline-flex;position:relative}.fader-face{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fader-ticks{display:none}.fader-groove{background:linear-gradient(#050607,#12141a);border:1px solid #000;border-radius:1px;width:calc(100% - 16px);height:5px;position:relative;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff0d}.fader-fill{top:0;bottom:0;left:var(--fill-start,0%);width:var(--fill-size,var(--pct));background:var(--amber);pointer-events:none;position:absolute;box-shadow:0 0 8px #ffb00073}.fader-cap{top:50%;left:var(--pct);z-index:1;background:linear-gradient(#3a2a08, #3a2a08) center / 1px 12px no-repeat, linear-gradient(180deg, #ffd36a 0%, var(--amber) 46%, #d48900 100%);border:1px solid #ffd36a;border-radius:2px;width:11px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffe3a3e6,inset 0 -2px #00000038,0 2px 4px #00000080,0 0 8px #ffb00059}.fader-detent{left:var(--detent,50%);z-index:1;background:#8a8376;width:1px;position:absolute;top:-4px;bottom:-4px}.fader-native{appearance:none;z-index:2;opacity:.001;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.fader-native::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.fader-native::-webkit-slider-thumb{appearance:none;background:0 0;width:12px;height:20px}.fader-native::-moz-range-track{background:0 0;border:0;height:100%}.fader-native::-moz-range-thumb{background:0 0;border:0;width:12px;height:20px}.fader.is-vertical{flex:auto;width:36px;height:132px;min-height:52px}.fader.is-vertical .fader-face{padding:10px 0}.fader.is-vertical .fader-ticks{opacity:.7;background:repeating-linear-gradient(0deg,#3a414c 0 1px,#0000 1px 16%);width:3px;display:block;position:absolute;top:12px;bottom:12px;right:5px}.fader.is-vertical .fader-groove{width:5px;height:100%}.fader.is-vertical .fader-fill{width:auto;top:auto;left:0;right:0;bottom:var(--fill-start,0%);height:var(--fill-size,var(--pct))}.fader.is-vertical .fader-cap{top:auto;left:50%;bottom:var(--pct);background:linear-gradient(#3a2a08, #3a2a08) center / 14px 1px no-repeat, linear-gradient(180deg, #ffd36a 0%, var(--amber) 46%, #d48900 100%);width:22px;height:11px;transform:translate(-50%,50%)}.fader.is-vertical .fader-detent{left:-4px;right:-4px;top:calc(100% - var(--detent,50%));width:auto;height:1px;bottom:auto}.fader.is-vertical .fader-native{writing-mode:vertical-rl;-moz-orient:vertical;direction:rtl}.fader.is-vertical .fader-native::-webkit-slider-thumb{width:22px;height:12px}.fader:focus-within .fader-cap{border-color:#ffe7a3;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px #0003,0 0 8px #ffb00073}.mixer{align-items:stretch;gap:8px;width:100%;min-height:0;padding-bottom:8px;display:flex;overflow-x:auto}.fader-bank{background:#191d24;border:1px solid #000;border-radius:6px;flex-direction:column;gap:8px;height:100%;min-height:0;padding:8px 12px 10px 14px;display:flex}.fader-bank.is-selected{border-color:var(--amber);box-shadow:inset 0 0 0 1px #ffb00059}.add-bank{background:0 0;border:none}.mixer>.fader-bank:first-child{border-left:1px solid #202530}.bank-name{justify-content:space-between;align-items:center;gap:8px;min-height:16px;display:flex}.bank-name h4{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;flex:1;margin:0;font-size:11px;font-weight:600}.bank-name button{height:18px;color:var(--muted);background:0 0;border:0;padding:0}.bank-name .fx-light{background:#2a2e34;border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #000}.bank-name .fx-light.is-on{background:var(--voice,var(--amber));box-shadow:0 0 6px var(--voice,var(--amber))}.fader-bank.is-off .bank-faders,.fader-bank.is-off h4{opacity:.4}.bank-faders{flex:auto;align-items:stretch;gap:4px;min-height:0;display:flex}.wave-pick{flex-direction:column;gap:4px;margin-right:6px;display:flex}.wave-pick button{color:#8a93a3;height:22px;font-family:var(--font-digit);letter-spacing:.08em;background:#171b22;border:1px solid #272d38;border-radius:4px;padding:0 8px;font-size:10px}.wave-pick button.is-on{color:var(--amber);background:#1c1810;border-color:#ffb0008c;box-shadow:0 0 8px #ffb00033}.vknob{width:52px;min-height:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.vknob b{color:var(--text);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-size:13px;font-weight:400}.vknob .fader{flex:auto;width:36px;height:118px;min-height:52px}.vknob .fader-ticks{display:none}.add-plugins{grid-template-rows:repeat(5,26px);grid-auto-columns:96px;grid-auto-flow:column;gap:6px;width:max-content;margin-top:8px;display:grid}.add-plugins button{box-sizing:border-box;white-space:nowrap;text-align:center;text-transform:uppercase;color:#c9b48a;width:96px;height:26px;font-family:var(--font-digit);letter-spacing:.08em;background:#191d24;border:1px solid #000;border-radius:4px;padding:0 4px;font-size:10px;font-weight:700}.add-plugins button:hover{color:var(--amber);border-color:#ffb00073}.knob b{color:var(--text);font-family:var(--font-digit);letter-spacing:0;text-transform:none;font-weight:400}.fx-sync-btn{color:#7d8796;height:16px;font-family:var(--font-digit);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;justify-content:end;align-items:center;gap:3px;margin-left:auto;margin-right:4px;padding:0 5px;font-size:9px;font-weight:700;transition:all .15s;display:inline-flex}.fx-sync-btn:hover{border-color:var(--amber);color:var(--amber);background:#ffb0001a}.fx-sync-btn.is-synced{color:#34d399;background:#34d39926;border-color:#34d399;box-shadow:0 0 6px #34d39959}.add-scope-toggle{color:#727c8d;height:18px;font-family:var(--font-digit);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;align-items:center;padding:0 6px;font-size:9px;font-weight:700;transition:all .15s;display:inline-flex}.add-scope-toggle:hover{color:var(--text);border-color:#4a5260}.add-scope-toggle.is-all{color:var(--amber);background:#ffb00024;border-color:#ffb00080;box-shadow:0 0 8px #ffb00040}.mixer-console{border-radius:8px;flex-direction:column;flex:auto;width:100%;min-width:0;height:auto;min-height:140px;display:flex;overflow:hidden}.mixer-console-banner{background:linear-gradient(#181c24 0%,#11141a 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;box-shadow:inset 0 1px #ffffff0a}.mixer-console-watermark{flex-direction:column;gap:2px;display:flex}.watermark-kicker{color:var(--amber);font-family:var(--font-digit);letter-spacing:.24em;text-transform:uppercase;font-size:9px;font-weight:700}.watermark-title{color:#dbe2ee;font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 1px 2px #0009;font-size:16px;font-weight:800}.mixer-console-meta{align-items:center;gap:8px;display:flex}.console-part-badge{color:var(--amber);font-family:var(--font-digit);letter-spacing:.08em;text-transform:uppercase;background:#ffb00014;border:1px solid #ffb0004d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.console-channel-count{color:#636d7d;font-family:var(--font-digit);letter-spacing:.06em;font-size:11px;font-weight:600}.mixer-console-strips{flex:1;grid-template-rows:auto auto minmax(56px,1fr) auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px 12px;min-height:0;display:grid;overflow:hidden}.mixer-console-channels{grid-auto-columns:max-content;grid-auto-flow:column;grid-template-rows:subgrid;grid-row:1/-1;justify-content:start;column-gap:12px;min-width:0;display:grid;overflow-x:auto}.console-bay{grid-auto-columns:82px;grid-auto-flow:column;grid-template-rows:subgrid;grid-row:1/-1;align-items:stretch;column-gap:6px;display:grid}.console-strip{grid-template-rows:subgrid;background:#12151b;border:1px solid #202530;border-radius:8px;grid-row:1/-1;place-items:stretch stretch;width:82px;min-width:0;max-width:82px;min-height:0;padding:8px 6px 10px;transition:border-color .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a,0 4px 14px #00000059}.console-strip:hover{border-color:#343d4d}.console-strip.is-muted{opacity:.55}.console-strip.is-soloed{border-color:#ffb00099;box-shadow:0 0 12px #ffb00026}.console-strip-color{border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:8px;right:8px}.console-strip-head{text-align:center;flex-direction:column;flex:none;align-items:stretch;gap:2px;width:100%;min-width:0;margin-top:2px;display:flex;overflow:hidden}.console-strip-ch{color:var(--amber);font-family:var(--font-digit);letter-spacing:.08em;font-size:9px;font-weight:600}.console-strip-name{width:100%;min-width:0;max-width:100%;color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:2px;font-size:11px;font-weight:700;transition:color .15s;display:block;overflow:hidden}.console-strip-name:hover{color:var(--amber)}.console-strip-name.is-static{cursor:default;color:var(--amber)}.console-strip-badge{letter-spacing:.08em;color:#6a7485;text-transform:uppercase;font-size:8px;font-weight:700}button.console-strip-preview{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:3px;padding:1px 3px;line-height:1;transition:transform 50ms,background-color .12s,border-color .12s,color .12s}button.console-strip-preview:hover{color:#fff;background:#ffffff29;border-color:#ffffff52}button.console-strip-preview:active{background:var(--amber,#ffb000);border-color:var(--amber,#ffb000);color:#0b0d12;transform:scale(.92)}.console-strip-actions{flex:none;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.console-strip-actions.is-placeholder{min-height:22px}.console-master-label{font-family:var(--font-digit);color:var(--amber);letter-spacing:.1em;font-size:9px;font-weight:700}.console-btn{color:#636d7d;width:26px;height:22px;font-family:var(--font-digit);cursor:pointer;background:#171b22;border:1px solid #272d38;border-radius:4px;padding:0;font-size:10px;font-weight:700;transition:all .12s}.console-btn-mute.is-active{color:#f87171;background:#ef444433;border-color:#ef4444;box-shadow:0 0 6px #ef444466}.console-btn-solo.is-active{color:#fde047;background:#eab30833;border-color:#eab308;box-shadow:0 0 6px #eab30866}.console-strip-fader-area{grid-template-rows:auto minmax(56px,1fr) auto;grid-template-columns:auto 36px;justify-content:center;align-self:stretch;gap:4px 8px;width:100%;height:100%;min-height:0;display:grid}.console-channel-meter,.console-stereo-meter{grid-area:2/1;justify-content:center;align-self:stretch;align-items:stretch;gap:2px;height:auto;min-height:0;display:flex}.console-meter-bar{background:#0b0d10;border:1px solid #ffffff0a;border-radius:3px;flex-direction:column;gap:2px;height:100%;min-height:0;margin-top:8px;padding:2px 2px 18px;display:flex}.console-led{background:#1e232a;border-radius:1px;flex:1;width:4px;height:auto;min-height:3px;transition:background 50ms}.console-led.is-lit{background:#22c55e;box-shadow:0 0 4px #22c55e99}.console-led.is-lit.is-warm{background:var(--amber);box-shadow:0 0 4px #ffb00099}.console-led.is-lit.is-hot{background:#ef4444;box-shadow:0 0 4px #ef4444b3}.console-fader-column{display:contents}.console-fader-column .fader,.console-fader-column .fader.is-vertical{flex:auto;grid-area:2/2;align-self:stretch;width:36px;height:auto;min-height:0;display:flex}.console-val{color:var(--lcd);font-family:var(--font-digit);font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:11px;font-weight:400}.console-strip-fader-area .console-val{grid-area:1/2;justify-self:center}.console-unit{color:#4b5463;font-family:var(--font-digit);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.console-strip-fader-area .console-unit{grid-area:3/2;justify-self:center}.console-strip-pan{flex-direction:column;flex:none;align-items:center;gap:3px;width:100%;display:flex}.console-strip-pan .fader{width:64px;height:22px}.console-pan-val{color:var(--text);font-family:var(--font-digit);font-size:9px;font-weight:600}.console-master-sub{color:#555e6d;font-family:var(--font-digit);letter-spacing:.1em;font-size:8px;font-weight:700}.console-strip-inserts{flex-wrap:wrap;flex:none;place-content:flex-start center;align-self:start;align-items:flex-start;gap:2px;width:100%;min-height:18px;display:flex}.console-fx-tag{color:var(--amber);font-family:var(--font-digit);letter-spacing:.04em;text-transform:uppercase;background:#ffb0001f;border:1px solid #ffb00040;border-radius:2px;padding:1px 3px;font-size:7px;font-weight:700;display:inline-block}.console-fx-tag.is-off{opacity:.35;color:#777;border-color:#333}.console-fx-empty{color:#383f4d;font-size:10px}.console-master-status{color:#555e6d;font-family:var(--font-digit);letter-spacing:.08em;font-size:7px;font-weight:700}.console-strip-group{background:#151820;border-color:#2a3342}.console-strip-group .console-strip-ch{color:#555e6d}.console-strip-master{background:#14171e;border-color:#ffb00040;margin-left:auto;padding-left:8px;box-shadow:inset 0 1px #ffb00014,0 6px 18px #0006}.console-strip-color.is-master{background:linear-gradient(90deg, #ffd56a 0%, var(--amber) 50%, #e09600 100%)}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.fader-native:focus,.fader-native:focus-visible{outline:none}.docs-veil{z-index:80;background:#040508b8;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.docs-sheet{border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:linear-gradient(#ffffff0a,#0000 48px),#13161c;border-radius:12px;flex-direction:column;width:min(560px,100%);max-height:min(78vh,720px);display:flex;box-shadow:0 24px 48px #000000a6,inset 0 1px #ffffff0d}.docs-head{border-bottom:1px solid #000;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;display:flex;box-shadow:inset 0 -1px #ffffff0a}.docs-brand{flex-direction:column;line-height:.95;display:flex}.docs-brand strong{font-family:var(--font-display);letter-spacing:-.04em;text-transform:none;font-size:22px;font-weight:800}.docs-close{border:1px solid var(--line);height:32px;color:var(--muted);background:#181b20;border-radius:6px;padding:0 12px;font-size:12px}.docs-close:hover{color:var(--amber);border-color:var(--amber)}.docs-body{color:var(--text);letter-spacing:.02em;text-transform:none;padding:16px 18px 22px;font-size:15px;font-weight:500;line-height:1.45;overflow:auto}.docs-lead{color:var(--muted);margin:0 0 18px}.docs-body h3{color:var(--amber);letter-spacing:.18em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:700}.docs-body h4{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:700}.docs-keys{gap:6px;margin:0 0 10px;display:grid}.docs-keys>div{grid-template-columns:minmax(7.5rem,38%) 1fr;align-items:baseline;gap:12px;display:grid}.docs-keys kbd{font-family:var(--font-digit);letter-spacing:.04em;color:var(--amber);font-size:13px;font-weight:600}.docs-body p,.docs-body ul{margin:0 0 10px}.docs-body ul{padding-left:18px}.docs-body li+li{margin-top:4px}.docs-version+.docs-version{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.docs-version h3{align-items:baseline;gap:10px;margin-top:0;display:flex}.docs-version h3 span{color:var(--muted);letter-spacing:.16em;font-size:11px}.docs-version h4{align-items:baseline;gap:10px;margin-top:0;display:flex}.docs-version h4 span{color:var(--muted);letter-spacing:.16em;font-size:10px}@media (width>=760px){.chord-commit{border-left:1px solid #ffffff14;flex:0 11rem;padding:4px 0 4px 20px}}@media (width<=1280px){.body{display:block;position:relative}.stage{height:100%}.song-drawer,.instruments{z-index:20;width:min(280px,92vw);position:absolute;top:0;bottom:0;box-shadow:0 0 32px #0000008c}.song-drawer{left:0}.instruments{left:auto;right:0}.app.is-song-closed .song-drawer,.app.is-tracks-closed .instruments{display:none}}@media (width<=820px),(height<=520px){.vknob .fader,.vknob .fader.is-vertical{height:auto;min-height:48px}.editor-stage>.strip-full:not(.is-collapsed){flex:0 auto;max-height:34%}.editor-stage>.strip-full:not(.is-collapsed) .mixer{height:min(196px,28dvh);max-height:min(196px,28dvh)}.mixer-console{min-height:160px}.console-strip{padding:4px 4px 6px}.console-strip-ch{display:none}.console-strip-fader-area{grid-template-rows:auto minmax(48px,1fr) auto;row-gap:2px}.console-strip-pan{flex-flow:row;flex-shrink:0;justify-content:center;gap:4px}.console-strip-pan .fader{flex:auto;width:48px;max-width:56px;height:16px}.console-strip-pan .console-pan-val,.console-strip-pan .console-unit{font-size:8px}.console-strip-inserts{display:none}}@media (width<=820px){.top{column-gap:8px;padding:6px 10px}.meter{display:none}.wordmark-kicker{letter-spacing:.18em;font-size:10px}.wordmark strong{font-size:18px}.wordmark-version{margin-top:2px;font-size:8px}button.song-banner,.song-banner-input{font-size:18px}.editor{padding:8px 10px 6px}.editor-head h2{font-size:20px}.editor-head{flex:0 0 28px}.chord-pick-row{grid-template-columns:2.8rem minmax(0,1fr)}.chord-board .chord-key{height:32px;min-height:32px}.chord-mode-row{flex-wrap:wrap}}