.sb-mix-advisor-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;min-height:0;padding:12px}.sb-mix-advisor-timeline{min-width:0}.sb-mix-advisor-panel{display:grid;align-content:start;gap:12px;max-height:calc(100dvh - 190px);padding:14px;border:1px solid #454a52;border-radius:10px;background:#171a1f;overflow:auto}.sb-mix-advisor-panel>header,.sb-mix-role-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.sb-mix-advisor-panel>header>div,.sb-mix-advisor-status{display:grid;gap:3px}.sb-mix-advisor-panel>header span,.sb-mix-advisor-status span{color:#969ca5;font-size:10px}.sb-mix-advisor-status{padding:9px;border:1px solid #3e444c;border-radius:7px;background:#20242a}.sb-mix-advisor-status.analyzing{border-color:#d6aa38}.sb-mix-advisor-status.error{border-color:#875151}.sb-mix-role-list{display:grid;gap:6px}.sb-mix-role-list>div>span{display:flex;gap:5px}.sb-mix-role-list button,.sb-mix-findings button{border:1px solid #4a5058;border-radius:5px;background:#252a30;color:#ddd}.sb-mix-role-list>label{display:grid;grid-template-columns:62px minmax(80px,1fr) minmax(105px,1fr);gap:5px;padding:5px;border:1px solid transparent;border-radius:6px}.sb-mix-role-list>label.active{border-color:#d6aa38;background:#2a251a}.sb-mix-role-list input,.sb-mix-role-list select{min-width:0;border:1px solid #454b53;border-radius:5px;background:#111419;color:#eee}.sb-mix-summary{display:flex;flex-wrap:wrap;gap:5px}.sb-mix-summary span{padding:4px 7px;border-radius:999px;background:#252a30;color:#9ea5ae;font-size:9px;text-transform:capitalize}.sb-mix-summary .has-findings{background:#4a3919;color:#f0ce73}.sb-mix-findings{display:grid;gap:7px}.sb-mix-findings article{border:1px solid #41474f;border-left:3px solid #70808e;border-radius:7px;background:#20242a}.sb-mix-findings article.severity-important{border-left-color:#df9b54}.sb-mix-findings article.severity-worth-checking{border-left-color:#d6c05c}.sb-mix-finding-head{display:flex;justify-content:space-between;width:100%;padding:9px;text-align:left}.sb-mix-finding-head span{display:grid;gap:2px}.sb-mix-finding-head small{text-transform:uppercase;color:#a9a28e;font-size:8px}.sb-mix-finding-head em{color:#9299a2;font-size:9px;font-style:normal}.sb-mix-findings article>div{display:grid;gap:7px;padding:0 10px 10px}.sb-mix-findings p{margin:0;color:#c6cbd2;font-size:11px;line-height:1.45}.sb-mix-findings footer{display:flex;flex-wrap:wrap;gap:5px}.sb-mix-timeline-marker{position:absolute;z-index:31;top:1px;height:5px;min-width:8px;padding:0;border:0;border-radius:3px;background:#d7bd5a;opacity:.75}.sb-mix-timeline-marker.severity-important{background:#e28a4e}.sb-mix-timeline-marker:hover{height:8px;opacity:1}@media (max-width:900px){.sb-mix-advisor-workspace{grid-template-columns:1fr;padding:6px}.sb-mix-advisor-panel{max-height:none}.sb-mix-role-list>label{grid-template-columns:58px minmax(90px,1fr)}.sb-mix-role-list>label select{grid-column:2}.sb-mix-advisor-timeline{overflow:hidden}}.sb-mix-analyze-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid #f0c85b;background:linear-gradient(180deg,#e8bd4d,#b9821e);color:#1b1406;font-size:12px;font-weight:900;letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 0 2px #e8bd4d29,0 5px 18px #d6aa3847;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.sb-mix-analyze-button>span{color:inherit!important;font-size:20px!important;font-weight:900;line-height:1}.sb-mix-analyze-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 0 0 3px #e8bd4d38,0 7px 22px #d6aa3861}.sb-mix-analyze-button:focus-visible{outline:2px solid #fff2bd;outline-offset:3px}.sb-mix-analyze-button.ready{animation:sb-mix-analyze-ready 2.4s ease-in-out infinite}.sb-mix-analyze-button:disabled{border-color:#6d633f;background:#51492f;color:#aaa17f;box-shadow:none;cursor:wait}@keyframes sb-mix-analyze-ready{0%,to{box-shadow:0 0 0 2px #e8bd4d24,0 5px 18px #d6aa383d}50%{box-shadow:0 0 0 5px #e8bd4d14,0 7px 25px #d6aa386b}}@media (prefers-reduced-motion:reduce){.sb-mix-analyze-button.ready{animation:none}}.sb-section-cell .sb-track-state>.sb-builder-mix-tag{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:92px;max-width:132px;height:30px;overflow:hidden;padding:5px 12px;border:1px solid rgba(122,199,160,.45);border-radius:7px;background:#36d3990f;color:#9addbb;font-size:10px;font-weight:900;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sb-section-cell .sb-track-state>.sb-builder-mix-tag:hover,.sb-section-cell .sb-track-state>.sb-builder-mix-tag.active{border-color:#7ac7a0;background:#36d39929;color:#c8f5dc;box-shadow:inset 0 0 0 1px #7ac7a01f}.sb-builder-mix-modal{max-height:min(760px,90vh);overflow:auto}.sb-builder-mix-modal .sb-add-track-options>button.current{border-color:#7ac7a0;background:linear-gradient(180deg,#36d39933,#36d39914);box-shadow:inset 0 0 0 2px #7ac7a040,0 0 18px #36d3991f}.sb-builder-mix-modal .sb-add-track-options>button.current strong{color:#c8f5dc}.sb-builder-mix-modal .sb-add-track-options>button.current span{color:#8fd5b2;font-weight:800}.sb-builder-mix-note{margin:12px 2px 0;color:#9299a3;font-size:12px;line-height:1.5}.sb-builder-mix-remove{margin-top:12px;color:#ef8d88;border-color:#ef625b66}.sb-mix-analysis-motion{position:relative;height:4px;margin-bottom:4px;overflow:hidden;border-radius:999px;background:#343028}.sb-mix-analysis-motion i{position:absolute;top:0;bottom:0;width:38%;border-radius:999px;background:linear-gradient(90deg,transparent,#e5bc55,transparent);animation:sb-mix-analysis-scan 1.15s ease-in-out infinite}@keyframes sb-mix-analysis-scan{0%{left:-38%}to{left:100%}}@media (prefers-reduced-motion:reduce){.sb-mix-analysis-motion i{left:31%;animation:none}}.sb-mix-range-backdrop{z-index:260}.sb-mix-range-modal{display:grid;gap:18px;width:min(760px,calc(100vw - 28px));padding:22px;border:1px solid #505761;border-radius:13px;background:#181b20;box-shadow:0 28px 80px #0000008c}.sb-mix-range-modal>header{display:flex;justify-content:space-between;gap:18px}.sb-mix-range-modal>header small{color:#d6aa38;font-size:9px;font-weight:900;letter-spacing:.15em}.sb-mix-range-modal h2{margin:3px 0 5px;font-size:25px}.sb-mix-range-modal header p,.sb-mix-range-note{margin:0;color:#aab1ba;font-size:12px;line-height:1.5}.sb-mix-range-modal>header>button{align-self:start;width:32px;height:32px;border:1px solid #484f58;border-radius:7px;background:#252a30;color:#ddd;font-size:21px}.sb-mix-range-timeline{position:relative;height:150px;overflow:hidden;border:1px solid #474d55;border-radius:9px;background:repeating-linear-gradient(90deg,#20242a 0,#20242a calc(10% - 1px),#393e46 calc(10% - 1px),#393e46 10%)}.sb-mix-range-timeline>i{position:absolute;height:8px;border-radius:5px;background:#6ab999;opacity:.72}.sb-mix-range-timeline>i:nth-of-type(6n+1){top:20px}.sb-mix-range-timeline>i:nth-of-type(6n+2){top:40px}.sb-mix-range-timeline>i:nth-of-type(6n+3){top:60px}.sb-mix-range-timeline>i:nth-of-type(6n+4){top:80px}.sb-mix-range-timeline>i:nth-of-type(6n+5){top:100px}.sb-mix-range-timeline>i:nth-of-type(6n){top:120px}.sb-mix-range-dim{position:absolute;z-index:2;top:0;bottom:0;background:#07080aad;pointer-events:none}.sb-mix-range-dim.right{right:0}.sb-mix-range-selection{position:absolute;z-index:4;top:0;bottom:0;min-width:12px;border:2px solid #e5bd59;background:#d6aa381c;cursor:grab;touch-action:none}.sb-mix-range-selection>span{position:absolute;left:50%;bottom:10px;padding:4px 7px;border-radius:5px;background:#121419;color:#f2d888;font-size:10px;font-weight:900;transform:translate(-50%);white-space:nowrap}.sb-mix-range-selection>button{position:absolute;top:0;bottom:0;width:12px;border:0;border-radius:0;background:#e5bd59;cursor:ew-resize}.sb-mix-range-selection>.start{left:-6px}.sb-mix-range-selection>.end{right:-6px}.sb-mix-range-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sb-mix-range-fields label,.sb-mix-range-fields>div{display:grid;gap:5px;color:#929aa4;font-size:9px;font-weight:800;text-transform:uppercase}.sb-mix-range-fields input,.sb-mix-range-fields strong{box-sizing:border-box;height:36px;padding:8px;border:1px solid #484f58;border-radius:6px;background:#111419;color:#eef0f3;font-size:12px}.sb-mix-range-modal>footer{display:flex;justify-content:flex-end;gap:8px}.sb-mix-range-modal>footer button{min-height:38px;padding:0 14px;border:1px solid #4b525b;border-radius:7px;background:#272c32;color:#e4e7eb}.sb-mix-range-modal>footer button.primary{border-color:#d6aa38;background:#b88925;color:#171209;font-weight:900}.sb-mix-role-list>label.inactive{grid-template-rows:auto auto;opacity:.74}.sb-mix-role-list>label.inactive>button{color:#9ca4ad;background:#20252a}.sb-mix-role-list>label.inactive>small{grid-column:1/-1;color:#929aa4;font-size:9px}@media (max-width:620px){.sb-mix-range-modal{padding:15px}.sb-mix-range-fields{grid-template-columns:1fr 1fr}.sb-mix-range-fields>div{grid-column:1/-1}.sb-mix-range-modal>footer{align-items:stretch;flex-direction:column}.sb-mix-range-modal>footer button{width:100%}}.sb-section-cell .sb-track-state>.sb-builder-mix-tag{min-width:120px;max-width:160px}.sb-mix-advisor-panel{box-sizing:border-box;min-width:360px}.sb-mix-advisor-panel{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sb-mix-role-list>div>strong small{display:inline-grid;min-width:18px;height:18px;margin-left:4px;place-items:center;border-radius:999px;background:#30353c;color:#aeb5be;font-size:9px}.sb-mix-role-list.minimized{gap:0;padding:8px;border:1px solid #3e444c;border-radius:7px;background:#20242a}.sb-mix-role-list.minimized>label{display:none}@media (max-width:900px){.sb-mix-advisor-panel{max-height:min(70dvh,720px)}}@media (max-width:700px){.sb-mix-advisor-panel{max-height:70dvh;min-width:0}}.sb-mix-range-overview .sb-mix-range-timeline,.sb-mix-range-overview .sb-mix-range-ruler,.sb-mix-range-overview .sb-mix-range-lanes{cursor:default}.sb-mix-range-overview .sb-mix-range-ruler:hover{background:#20242a}.sb-mix-range-selection{cursor:pointer}.sb-mix-selection-playhead{position:absolute;z-index:9;top:0;bottom:0;width:3px;border-radius:2px;background:#ff5968;box-shadow:0 0 10px #ff5968f2;pointer-events:none;transform:translate(-1px)}.sb-mix-selection-playhead:before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;border-radius:50%;background:#ffd2d6;box-shadow:0 0 7px #ff5968;transform:translate(-50%,-2px)}.sb-mix-range-lane{position:relative;display:block}.sb-mix-range-lane>strong{position:absolute;z-index:7;top:0;bottom:0;left:0;display:grid;box-sizing:border-box;width:132px;align-content:center}.sb-mix-range-lane>div{position:absolute;top:0;right:0;bottom:0;left:0}.sb-mix-range-lane .sb-mix-range-waveform{z-index:1}@media (max-width:700px){.sb-mix-range-lane>strong{width:82px}}.sb-modal-backdrop.sb-mix-range-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:grid!important;box-sizing:border-box;place-items:center!important;width:100vw;height:100dvh;margin:0!important;padding:14px;background:#05070ac7;overflow:auto}.sb-mix-range-modal{position:relative;margin:auto}.sb-mix-range-overview{display:grid;grid-template-columns:132px minmax(0,1fr);min-width:0;border:1px solid #474d55;border-radius:9px;overflow:hidden;background:#171a1f}.sb-mix-range-overview .sb-mix-range-timeline{min-width:0;border:0;border-left:1px solid #474d55;border-radius:0}.sb-mix-range-labels{position:relative;z-index:10;display:grid;align-content:start;background:#181b20}.sb-mix-range-labels>b{box-sizing:border-box;height:36px;padding:11px 12px;border-bottom:1px solid #484f58;color:#858e98;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.sb-mix-range-labels>strong{display:grid;box-sizing:border-box;min-width:0;height:70px;align-content:center;overflow:hidden;padding:0 12px;border-bottom:1px solid rgba(91,99,109,.5);color:#dce0e5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sb-mix-range-overview .sb-mix-range-lane{position:relative;display:block;min-height:70px}.sb-mix-range-overview .sb-mix-range-lane>div,.sb-mix-range-overview .sb-mix-range-lane>strong{display:none}.sb-mix-range-ruler{cursor:pointer;touch-action:none}.sb-mix-range-ruler:hover{background:#272c33}.sb-mix-range-ruler:focus-visible{outline:2px solid #e5bd59;outline-offset:-2px}@media (max-width:700px){.sb-modal-backdrop.sb-mix-range-backdrop{padding:4px}.sb-mix-range-overview{grid-template-columns:82px minmax(0,1fr)}.sb-mix-range-labels>strong,.sb-mix-range-overview .sb-mix-range-lane{height:58px;min-height:58px}.sb-mix-range-labels>strong{padding:0 7px;font-size:9px}}.sb-mix-range-selection{border-color:#e5bd59;background:#d6aa381f}.sb-mix-range-selection.sample-2{border-color:#68bfe8;background:#47a6d31f}.sb-mix-range-selection.sample-2>button{background:#68bfe8}.sb-mix-range-selection.sample-2>span{color:#bfeaff}.sb-mix-range-selection.sample-3{border-color:#bb83e8;background:#a95ee01f}.sb-mix-range-selection.sample-3>button{background:#bb83e8}.sb-mix-range-selection.sample-3>span{color:#e5c8ff}.sb-mix-range-selection.active{z-index:6;box-shadow:inset 0 0 0 1px #ffffff8c,0 0 14px #00000073}.sb-mix-range-transport button:disabled{opacity:.4}.sb-mix-range-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sb-mix-range-samples article{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:end;gap:8px;padding:10px;border:1px solid #424951;border-radius:8px;background:#20242a;cursor:pointer}.sb-mix-range-samples article.active{border-color:#d6aa38;background:#2b271d}.sb-mix-range-samples article>b{grid-column:1/-1;color:#e6d18c;font-size:11px}.sb-mix-range-samples label{display:grid;gap:4px;color:#929aa4;font-size:8px;font-weight:800;text-transform:uppercase}.sb-mix-range-samples input{box-sizing:border-box;width:100%;min-width:0;height:32px;padding:6px;border:1px solid #484f58;border-radius:5px;background:#111419;color:#eef0f3}.sb-mix-range-samples article>strong{padding-bottom:9px;color:#cbd0d6;font-size:10px}.sb-mix-range-samples article>button{height:32px;border:1px solid #5a4a4a;border-radius:5px;background:#302426;color:#e3a3a3}@media (max-width:760px){.sb-mix-range-samples{grid-template-columns:1fr}.sb-mix-range-samples article{grid-template-columns:auto 1fr 1fr auto}}.sb-mix-range-modal{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:26px}.sb-mix-range-transport{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #414851;border-radius:8px;background:#111419}.sb-mix-range-transport button{min-height:34px;padding:0 12px;border:1px solid #555d67;border-radius:6px;background:#292e35;color:#edf0f3;font-weight:700}.sb-mix-range-transport button:first-child{border-color:#b98c2b;background:#5b471f;color:#ffe6a3}.sb-mix-range-transport span{margin-left:5px;color:#9da5af;font-size:11px}.sb-mix-range-transport span b{color:#ff8b94;font-size:13px}.sb-mix-range-transport p{margin:0 0 0 auto;color:#8f97a1;font-size:10px}.sb-mix-range-timeline{height:auto;min-height:330px;overflow:hidden;cursor:crosshair;background:#171a1f}.sb-mix-range-ruler{position:relative;z-index:1;height:36px;border-bottom:1px solid #484f58;background:#20242a}.sb-mix-range-ruler>i{position:absolute;top:0;bottom:0;width:1px;border-left:1px solid #4a515a;font-style:normal}.sb-mix-range-ruler>i span{position:absolute;top:9px;left:5px;color:#9ba3ad;font-size:9px;white-space:nowrap}.sb-mix-range-lanes{position:relative;z-index:1;display:grid;min-height:290px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(96,104,115,.25) calc(12.5% - 1px),rgba(96,104,115,.25) 12.5%)}.sb-mix-range-lane{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:70px;border-bottom:1px solid rgba(91,99,109,.5)}.sb-mix-range-lane>strong{position:relative;z-index:7;align-content:center;overflow:hidden;padding:0 12px;border-right:1px solid #454c55;background:#181b20eb;color:#dce0e5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sb-mix-range-lane>div{position:relative;overflow:hidden}.sb-mix-range-waveform{position:absolute;top:7px;bottom:7px;min-width:3px;overflow:hidden;border:1px solid rgba(91,190,154,.5);border-radius:5px;background:#25705733}.sb-mix-range-waveform .sb-waveform-shape{width:100%;height:100%}.sb-mix-range-waveform .sb-waveform-shape path{fill:#63c7a2;stroke:#b9f3dd;stroke-width:.7}.sb-mix-range-waveform em{display:grid;height:100%;place-items:center;color:#718078;font-size:9px}.sb-mix-range-empty{display:grid;min-height:290px;place-items:center;color:#87909a;font-size:12px}.sb-mix-range-dim{top:36px;z-index:3}.sb-mix-range-selection{top:36px;z-index:5}.sb-mix-range-selection>span{bottom:12px;font-size:11px}.sb-mix-range-playhead{position:absolute;z-index:8;top:0;bottom:0;width:2px;background:#ff6874;box-shadow:0 0 8px #ff6874b3;pointer-events:none}.sb-mix-range-playhead>span{position:absolute;top:4px;left:5px;padding:2px 5px;border-radius:4px;background:#851f2a;color:#fff;font-size:9px;white-space:nowrap}.sb-mix-range-playhead.playing{animation:sb-mix-cursor-pulse .8s ease-in-out infinite alternate}@keyframes sb-mix-cursor-pulse{to{box-shadow:0 0 14px #ff6874}}@media (max-width:700px){.sb-mix-range-modal{padding:15px}.sb-mix-range-transport{align-items:stretch;flex-wrap:wrap}.sb-mix-range-transport p{flex-basis:100%;margin-left:0}.sb-mix-range-timeline{min-height:280px}.sb-mix-range-lane{grid-template-columns:82px minmax(0,1fr);min-height:58px}.sb-mix-range-lane>strong{padding:0 7px;font-size:9px}}.sb-mix-view-toggle button{min-height:32px;border:1px solid #464c54;border-radius:6px;background:#23272d;color:#aeb5be;font-weight:800}.sb-mix-view-toggle button.active{border-color:#d6aa38;background:#332b19;color:#f0d480}.sb-mix-findings article.selected{border-color:#72d5a4;background:#20352d}.sb-mix-advisor-workspace.advice{align-items:start;overflow:hidden}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-panel{grid-column:1}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-detail{grid-column:2}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-timeline{grid-column:3;width:340px;min-width:340px}.sb-arrangement-advice{padding:0;overflow:visible}.sb-arrangement-advice>.sb-arrangement-header,.sb-arrangement-advice>.sb-arrangement-footer{display:none}.sb-arrangement-advice .sb-arrangement-grid{position:relative;grid-template-columns:340px;width:340px;border:1px solid #3d4249;border-radius:9px;overflow:visible}.sb-arrangement-advice .sb-sections-column{grid-column:1;width:340px;max-height:calc(100dvh - 190px);overflow-y:auto}.sb-arrangement-advice .sb-timeline-shell{position:absolute;left:-100000px;top:0;width:max(900px,calc(100vw - 340px));visibility:hidden;pointer-events:none}.sb-mix-advisor-detail{display:grid;align-content:start;gap:14px;max-height:calc(100dvh - 190px);padding:18px;border:1px solid #454b53;border-radius:10px;background:#171a1f;overflow:auto}.sb-mix-advisor-detail.empty{min-height:300px;place-content:center;text-align:center;color:#aab1ba}.sb-mix-advisor-detail>header{display:grid;gap:5px}.sb-mix-advisor-detail>header small{color:#d6aa38;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.sb-mix-advisor-detail h2{margin:0;font-size:24px}.sb-mix-advisor-detail>header p{margin:0;color:#d7dbe0}.sb-mix-advisor-detail>header>div{display:flex;gap:6px;flex-wrap:wrap}.sb-mix-advisor-detail>header span{padding:4px 7px;border-radius:999px;background:#292e35;color:#acb3bd;font-size:10px}.sb-mix-detail-graph,.sb-mix-detail-copy section,.sb-mix-detail-metrics{padding:13px;border:1px solid #3d434b;border-radius:8px;background:#20242a}.sb-mix-detail-graph h3,.sb-mix-detail-copy h3,.sb-mix-detail-metrics h3{margin:0 0 8px;color:#cdd2d8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sb-mix-detail-graph svg{display:block;width:100%;height:auto;max-height:260px}.sb-mix-graph-legend{display:flex;gap:12px;flex-wrap:wrap}.sb-mix-graph-legend span{display:flex;align-items:center;gap:5px;color:#b8bec6;font-size:10px}.sb-mix-graph-legend span:before{content:"";width:9px;height:3px;background:var(--legend-color)}.sb-mix-detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-mix-detail-copy p,.sb-mix-no-graph{margin:0;color:#b9c0c8;font-size:12px;line-height:1.55}.sb-mix-detail-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}.sb-mix-detail-metrics h3{grid-column:1/-1}.sb-mix-detail-metrics div{display:grid;gap:2px}.sb-mix-detail-metrics span{color:#929aa4;font-size:9px;text-transform:capitalize}.sb-mix-detail-metrics b{font-size:12px}.sb-mix-advisor-detail>footer{display:flex;justify-content:flex-end;gap:7px}.sb-mix-advisor-detail>footer button{min-height:34px;padding:0 12px;border:1px solid #4b525b;border-radius:6px;background:#272c32;color:#e2e5e9}.sb-mix-advisor-detail>footer button.primary{border-color:#b68c2e;background:#a77c24;color:#17130a;font-weight:900}@media (max-width:1100px){.sb-mix-advisor-workspace.advice{grid-template-columns:minmax(240px,34%) minmax(0,1fr)}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-timeline{grid-column:1/-1;width:100%;min-width:0}.sb-arrangement-advice .sb-arrangement-grid,.sb-arrangement-advice .sb-sections-column{width:100%}.sb-arrangement-advice .sb-arrangement-grid{grid-template-columns:1fr}.sb-arrangement-advice .sb-sections-column{max-height:none}.sb-mix-detail-copy{grid-template-columns:1fr}}@media (max-width:700px){.sb-mix-advisor-workspace.advice{display:grid;grid-template-columns:1fr;overflow:visible}.sb-mix-advisor-workspace.advice>*{grid-column:1!important}.sb-mix-advisor-detail,.sb-mix-advisor-panel{max-height:none}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-timeline{width:100%;min-width:0}.sb-arrangement-advice .sb-section-cell{grid-template-columns:24px minmax(60px,1fr);height:auto;min-height:112px}.sb-arrangement-advice .sb-track-state{grid-column:1/-1!important;grid-row:2;justify-content:center;flex-wrap:wrap}.sb-mix-detail-copy{grid-template-columns:1fr}}.sb-mix-advisor-workspace>.sb-mix-advisor-panel{align-self:start;box-sizing:border-box;height:calc(100dvh - 190px);max-height:calc(100dvh - 190px);overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch}@media (max-width:900px){.sb-mix-advisor-workspace>.sb-mix-advisor-panel{height:70dvh;max-height:70dvh}}@media (max-width:700px){.sb-mix-advisor-workspace>.sb-mix-advisor-panel{height:72dvh;max-height:72dvh;min-width:0}}.sb-mix-advisor-workspace>.sb-mix-advisor-panel{padding-bottom:max(96px,calc(72px + env(safe-area-inset-bottom)));scroll-padding-bottom:max(96px,calc(72px + env(safe-area-inset-bottom)))}.sb-mix-advisor-panel>.sb-mix-findings{padding-bottom:12px}.sb-mix-goal{position:relative;display:grid;gap:7px;color:#a9b0b9;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sb-mix-goal:after{content:"";position:absolute;right:14px;bottom:16px;width:7px;height:7px;border-right:2px solid #e4c66d;border-bottom:2px solid #e4c66d;pointer-events:none;transform:rotate(45deg) translateY(-50%)}.sb-mix-goal select{box-sizing:border-box;width:100%;min-height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 42px 0 14px;border:1px solid #4b515a;border-radius:8px;background:linear-gradient(180deg,#292e35,#20242a);color:#eef0f3;font-family:inherit;font-size:13px;font-weight:800;line-height:1;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff0a,0 2px 5px #0003;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.sb-mix-goal select:hover:not(:disabled){border-color:#8f7a42;background:linear-gradient(180deg,#30343a,#262a30)}.sb-mix-goal select:focus-visible{border-color:#d6aa38;outline:2px solid rgba(214,170,56,.28);outline-offset:2px;box-shadow:0 0 0 1px #d6aa382e,0 4px 12px #00000040}.sb-mix-goal select:disabled{color:#7f858d;cursor:wait;opacity:.65}.sb-mix-goal select option{background:#20242a;color:#eef0f3}.sb-mix-goal{gap:8px;font-size:10px}.sb-mix-goal:after{right:17px;bottom:20px;width:8px;height:8px}.sb-mix-goal select{min-height:54px;padding-right:48px;padding-left:16px;font-size:15px}.sb-mix-finding-target{display:flex!important;align-items:center;gap:7px;margin:4px 0 3px}.sb-mix-finding-target>b{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#38301d;color:#e4c66d;font-size:9px;text-transform:uppercase}.sb-mix-finding-target>strong{overflow:hidden;color:#f2f4f6;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sb-mix-finding-head>span>strong{font-size:11px;line-height:1.35}.sb-mix-detail-target{display:grid!important;gap:3px!important;margin:3px 0 5px;padding:10px 12px;border:1px solid #4c4632;border-radius:7px;background:#29261d}.sb-mix-detail-target>span{padding:0!important;background:none!important;color:#b4a979!important;font-size:9px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sb-mix-detail-target>strong{color:#f3d982;font-size:17px;line-height:1.3}.sb-mix-advisor-workspace.timeline{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.sb-mix-advisor-workspace.timeline>.sb-mix-advisor-panel{grid-column:1;width:auto;min-width:0}.sb-mix-advisor-workspace.timeline>.sb-mix-advisor-timeline{grid-column:2;width:auto;min-width:0}.sb-mix-advisor-workspace.timeline .sb-mix-findings{grid-template-columns:1fr}.sb-mix-advisor-workspace.advice{grid-template-columns:minmax(280px,360px) minmax(0,1fr) 340px}@media (max-width:1100px){.sb-mix-advisor-workspace.advice{grid-template-columns:minmax(240px,34%) minmax(0,1fr)}}@media (max-width:900px){.sb-mix-advisor-workspace.timeline{grid-template-columns:1fr}.sb-mix-advisor-workspace.timeline>.sb-mix-advisor-panel,.sb-mix-advisor-workspace.timeline>.sb-mix-advisor-timeline{grid-column:1;width:100%;min-width:0}}.sb-mix-advisor-workspace{align-items:start;overflow:visible}.sb-mix-advisor-workspace>.sb-mix-advisor-panel{width:360px;min-width:360px;height:auto;max-height:none;padding-bottom:14px;overflow:visible;scrollbar-gutter:auto}.sb-mix-advisor-detail{box-sizing:border-box;width:100%;min-width:0;max-height:none;overflow:visible;overflow-wrap:anywhere}.sb-mix-advisor-detail>*{min-width:0}@media (max-width:1100px) and (min-width:701px){.sb-mix-advisor-workspace.advice{grid-template-columns:360px minmax(0,1fr)}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-timeline{grid-column:1/-1}}@media (max-width:700px){.sb-mix-advisor-workspace>.sb-mix-advisor-panel{width:100%;min-width:0;height:auto;max-height:none;overflow:visible}}.sb-mix-advisor-workspace>.sb-mix-advisor-panel{width:100%;min-width:360px}.sb-mix-advisor-panel>*{box-sizing:border-box;min-width:0;max-width:100%}.sb-mix-advisor-panel>header{align-items:flex-start;flex-wrap:wrap}.sb-mix-advisor-panel>header>div{flex:1 1 190px;min-width:0}.sb-mix-advisor-panel>header>.sb-mix-analyze-button{flex:0 0 auto}.sb-mix-role-list>div{align-items:flex-start;flex-wrap:wrap}.sb-mix-role-list>div>span{flex-wrap:wrap;justify-content:flex-end}.sb-mix-role-list>label{grid-template-columns:minmax(58px,.7fr) minmax(0,1.15fr) minmax(0,1.35fr)}.sb-mix-role-list input,.sb-mix-role-list select,.sb-mix-role-list button{box-sizing:border-box;max-width:100%}.sb-mix-finding-target>strong,.sb-mix-finding-head>span>strong{white-space:normal;overflow-wrap:anywhere}@media (min-width:1101px){.sb-mix-advisor-workspace.advice{grid-template-columns:minmax(360px,2fr) minmax(320px,3fr) minmax(340px,2fr)}.sb-mix-advisor-workspace.timeline{grid-template-columns:minmax(360px,2fr) minmax(0,5fr)}}@media (max-width:700px){.sb-mix-advisor-workspace>.sb-mix-advisor-panel{min-width:0}.sb-mix-role-list>label{grid-template-columns:minmax(58px,.7fr) minmax(0,1.3fr)}}@media (min-width:1440px){.sb-mix-advisor-workspace.advice{grid-template-columns:360px minmax(0,1fr) 340px}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-panel{width:360px}.sb-mix-advisor-workspace.advice>.sb-mix-advisor-timeline{width:340px}.sb-arrangement-advice .sb-sections-column{width:340px}}@media (min-width:901px){.sb-mix-advisor-workspace.timeline{grid-template-columns:360px minmax(0,1fr)}.sb-mix-advisor-workspace.timeline>.sb-mix-advisor-panel{width:360px;min-width:360px}.sb-mix-advisor-workspace.timeline>.sb-mix-advisor-timeline{width:100%;min-width:0}}.sb-stem-import-modal{display:grid;gap:14px;width:min(920px,95vw);max-height:88dvh;overflow:auto}.sb-stem-import-list{display:grid;gap:8px}.sb-stem-import-list article{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:8px;padding:10px;border:1px solid #41474f;border-radius:8px;background:#1d2126}.sb-stem-import-list article header{display:grid;gap:3px;align-self:center}.sb-stem-import-list article header span,.sb-stem-import-list article small{color:#9299a2;font-size:9px}.sb-stem-import-list label{display:grid;gap:4px;color:#aeb4bd;font-size:9px}.sb-stem-import-list input,.sb-stem-import-list select{box-sizing:border-box;width:100%;min-width:0;height:34px;border:1px solid #484e56;border-radius:5px;background:#111419;color:#eee}.sb-stem-import-modal>footer{display:flex;justify-content:flex-end;gap:8px}@media (max-width:760px){.sb-stem-import-list article{grid-template-columns:1fr 1fr}.sb-stem-import-list article header{grid-column:1/-1}.sb-stem-import-list article label:last-of-type{grid-column:1/-1}}:root{color-scheme:light;--bg: #f4f4f1;--panel: rgba(255, 255, 255, .86);--panel-strong: #ffffff;--panel-dark: #141414;--panel-dark-soft: #1d1d1d;--ink: #181818;--ink-soft: #5f5f5b;--line: rgba(19, 19, 17, .08);--line-strong: rgba(19, 19, 17, .14);--accent: #111111;--accent-soft: #2f2f2f;--danger: #b24328;--danger-soft: rgba(178, 67, 40, .12);--shadow: 0 18px 44px rgba(27, 24, 18, .08);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.75),transparent 28%),linear-gradient(180deg,#f8f7f4,#f0eeea)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:100%;min-height:100vh;padding:10px}.app-header{position:relative;z-index:5000;isolation:isolate;display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:70px;box-sizing:border-box;padding:14px 20px;border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffffd1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible;margin-bottom:10px}.mobile-nav-toggle{display:none}.app-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em}.app-subtitle,.helper-text,.rail-copy,.message-banner,.base-fret,.player-stage-header p,.card-header p{color:var(--ink-soft)}.app-subtitle{margin:10px 0 0;max-width:760px;line-height:1.6}.eyebrow{display:block;margin-bottom:3px;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--ink-soft)}.app-header .nav-pill,.app-header .toolbar-action{min-height:36px;box-sizing:border-box;padding:8px 14px}.app-header .top-nav{gap:14px;align-items:center}.top-nav,.page-toolbar,.transpose-controls,.import-mode-row{display:flex;gap:12px;flex-wrap:wrap}.nav-user-chip{display:inline-flex;align-items:center;padding:10px 15px;border-radius:999px;background:#11111114;color:var(--ink);font-weight:700}.settings-menu{position:relative;z-index:1}.account-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:320px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffffffa;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;z-index:2}.settings-panel-header{padding-bottom:8px;border-bottom:1px solid var(--line)}.account-menu-button{display:inline-flex;align-items:center;gap:8px}.account-menu-icon,.account-inline-icon{width:18px;height:18px;flex:0 0 auto}.account-panel-section{display:flex;flex-direction:column;gap:10px;padding:10px 0;border-bottom:1px solid rgba(17,17,17,.08)}.account-panel-section:last-of-type{border-bottom:none}.account-panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-panel-label{font-size:.9rem;font-weight:800}.account-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:capitalize}.account-status-chip.none{background:#11111114;color:var(--ink-soft)}.account-status-chip.pending{background:#ffe3a873;color:#9a6410}.account-status-chip.approved{background:#caf0d0b3;color:#2f7c43}.account-status-chip.denied{background:#fdddddd1;color:#a43b3b}.account-progress-track{width:100%;height:10px;border-radius:999px;background:#11111114;overflow:hidden}.account-progress-fill{height:100%;border-radius:inherit;transition:width .18s ease}.account-progress-fill.none{background:#11111147}.account-progress-fill.pending{background:linear-gradient(90deg,#e1b24a,#f0c96a)}.account-progress-fill.approved{background:linear-gradient(90deg,#4d965b,#77bd82)}.account-progress-fill.denied{background:linear-gradient(90deg,#b14c4c,#d97a7a)}.account-panel-button{width:100%;justify-content:center}.account-panel-danger{border-bottom:none}.settings-link{color:var(--ink);text-decoration:none}.settings-action{border:none;padding:0;background:transparent;text-align:left}.settings-status{margin:0;color:var(--ink-soft);font-size:.9rem}.account-signout{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;min-height:52px;margin-top:4px;border:1px solid #111;border-radius:16px;background:#111;color:#fff;font-size:1rem;font-weight:800}.account-signout:hover,.account-signout:focus{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.account-danger-zone{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.nav-pill,.toolbar-action{border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:#ffffffe6;color:var(--ink);text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-pill.active,.toolbar-action.active,.toolbar-action.primary{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-action.small{padding:8px 12px}.toolbar-action.danger{background:var(--danger-soft);border-color:#b2432829;color:var(--danger)}.nav-pill:hover,.toolbar-action:not(.editor-bpm-modal-trigger):hover,.song-card:hover,.table-sort:hover,.floating-chord:hover,.chord-tool:hover,.group-toggle:hover,.chord-root-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1616140f}.page-stack{display:flex;flex-direction:column;gap:18px}.editor-card,.admin-rail-card,.diagram-card,.empty-state,.player-stage{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.editor-card,.admin-rail-card,.diagram-card,.empty-state{padding:24px}.card-header{margin-bottom:18px}.card-header h2,.player-stage-header h2,.diagram-header h3{margin:0;font-size:1.65rem;font-weight:700;letter-spacing:-.03em}.text-input,.lyrics-editor,.search-input,.chord-search{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-strong);padding:12px 14px;color:var(--ink)}.text-input:focus,.lyrics-editor:focus,.search-input:focus,.chord-search:focus{outline:none;border-color:#1111113d;box-shadow:0 0 0 4px #1111110f}.lyrics-editor{min-height:340px;resize:vertical;line-height:1.7}.compact-editor{min-height:180px}.field-label{display:block;margin-bottom:8px;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.input-error{border-color:#b2432866;box-shadow:0 0 0 4px #b2432814}.field-error{margin:8px 0 0;color:var(--danger);font-size:.84rem;line-height:1.45}.message-banner{padding:14px 16px;border:1px solid rgba(180,93,42,.15);border-radius:var(--radius-md);background:#fff6e6eb}.empty-inline,.empty-table{color:var(--ink-soft)}.song-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:18px 20px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffe6;text-align:left}.song-card-shell{gap:14px}.song-card-open{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.song-card strong{font-size:1.05rem}.song-card span:last-child{color:var(--ink-soft)}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 180px)}.auth-card{width:min(440px,100%);border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffffe6;box-shadow:var(--shadow)}.auth-card-simple,.auth-form-panel{padding:32px}.auth-heading{margin-bottom:20px}.auth-heading h2{margin:0;font-size:2rem;letter-spacing:-.04em}.header-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;color:var(--ink-soft);font-size:.95rem}.header-benefits span:after{content:"•";margin-left:10px}.header-benefits span:last-child:after{content:"";margin-left:0}.auth-mode-row,.auth-form{display:flex;flex-direction:column;gap:14px}.auth-mode-row{flex-direction:row;margin-bottom:18px}.auth-submit{justify-content:center}.password-input-wrap{position:relative}.password-input-wrap .text-input{padding-right:48px}.password-visibility-toggle{position:absolute;top:50%;right:8px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);cursor:pointer;transform:translateY(-50%)}.password-visibility-toggle:hover{background:#1111110f;color:var(--ink)}.password-visibility-toggle:focus-visible{outline:2px solid rgba(17,17,17,.5);outline-offset:1px}.password-visibility-toggle svg{width:19px;height:19px}.auth-confirm-submit{min-height:56px;background:#111;border-color:#111;color:#fff;font-size:1rem;font-weight:800}.auth-confirm-submit:hover,.auth-confirm-submit:focus{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.auth-verify-copy{margin:0}.auth-code-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.auth-code-cell{min-height:58px;padding:0;text-align:center;font-size:1.45rem;font-weight:800}.auth-code-cell:focus{transform:translateY(-1px)}.diagram-header{margin-bottom:18px}.fretboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.string-column{display:grid;gap:8px;text-align:center}.string-status{font-size:.86rem;color:var(--ink-soft)}.fret-cell{position:relative;min-height:42px;border-radius:12px;border:1px solid var(--line);background:#ffffffc2}.fret-dot{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700}@media (max-width: 900px){.app-shell{padding:8px}.app-header{display:grid;min-height:0;padding:14px 16px}}.midi-library-page{width:min(1280px,calc(100% - 32px));margin:28px auto 70px;display:grid;gap:18px}.midi-library-hero{display:flex;justify-content:space-between;align-items:end;padding:26px 4px}.midi-library-hero h2{margin:4px 0;font-family:Georgia,serif;font-size:clamp(30px,5vw,52px)}.midi-library-hero p{color:var(--muted)}.midi-library-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.midi-library-stats article{display:grid;gap:5px;min-height:110px;padding:18px;border:1px solid rgba(188,153,89,.25);border-radius:14px;background:linear-gradient(145deg,#18221e,#111714)}.midi-library-stats strong{font-size:20px;color:#ebc77d}.midi-library-stats span{color:#9eaaa4}.midi-library-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.midi-library-sources,.midi-library-catalog{padding:20px}.midi-library-sources>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.midi-source-state{display:grid;padding:8px 11px;border-radius:8px;background:#17211d}.midi-source-state small{color:#75c89e}.midi-phrase-table{display:grid}.midi-phrase-table article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:12px 4px;border-top:1px solid rgba(255,255,255,.08)}.midi-phrase-table article>div{display:grid;gap:3px}.midi-phrase-table span,.midi-phrase-table small{color:#9eaaa4}.midi-library-catalog footer{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}@media (max-width:760px){.midi-library-stats{grid-template-columns:1fr 1fr}.midi-library-hero{align-items:start}.midi-phrase-table article{grid-template-columns:1fr auto}}.admin-shell{display:grid;grid-template-columns:minmax(390px,460px) minmax(0,1fr);gap:20px;align-items:start}.admin-rail{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:18px}.admin-rail-card{overflow:visible}.youtube-preview-card{margin-top:0}.chord-toolbar-card{flex:0 0 auto}.youtube-preview-card-compact,.bpm-tap-card-compact{padding:18px}.youtube-preview-card-compact .card-header,.bpm-tap-card-compact .card-header{margin-bottom:12px}.youtube-preview-card-compact .card-header h2,.bpm-tap-card-compact .card-header h2{font-size:1.2rem}.youtube-preview-card-compact .card-header p,.bpm-tap-card-compact .card-header p{margin-top:6px;font-size:.92rem;line-height:1.45}.youtube-preview-frame{width:100%;aspect-ratio:16 / 9;border:0;border-radius:16px;overflow:hidden}.youtube-preview-card-compact .youtube-preview-frame{border-radius:14px}.youtube-preview-empty{color:var(--ink-soft)}.rail-header{margin-bottom:14px}.rail-copy{margin:0;line-height:1.55}.admin-main{display:flex;flex-direction:column;gap:18px;min-width:0}.table-shell{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.song-table{width:100%;border-collapse:collapse;min-width:720px}.song-table th,.song-table td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.song-table thead th{position:sticky;top:0;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.song-table tbody tr:hover{background:#00000005}.table-sort{border:none;padding:0;background:transparent;color:var(--ink);font-weight:700}.actions-column{width:260px}.row-actions{display:flex;gap:10px;flex-wrap:nowrap}.row-actions .toolbar-action.small{min-width:52px;justify-content:center}.icon-action{width:52px;height:44px;padding:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}.icon-action span{line-height:1}.action-icon{width:21px;height:21px;display:block}.icon-action.action-edit{background:#fffaf2fa;color:#8b5c1c;border-color:#8b5c1c1f}.icon-action.action-player{background:#f0f7fffa;color:#1f6fb3;border-color:#1f6fb31f}.icon-action.action-delete{background:#fdf1eefa;color:#b24328;border-color:#b2432824}.search-input{max-width:360px}.request-list{display:grid;gap:14px}.admin-users-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:20px;align-items:start}.admin-users-main{display:flex;flex-direction:column;gap:16px;min-width:0}.admin-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.admin-user-search{position:relative;display:flex;align-items:center;flex:1 1 320px}.admin-user-search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--ink-soft);pointer-events:none}.admin-user-search-input{padding-left:42px}.admin-users-count{display:inline-flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:999px;background:#1111110f;color:var(--ink-soft)}.admin-users-count strong{color:var(--ink);font-size:1.05rem}.admin-user-list{display:grid;gap:14px}.admin-user-card{width:100%;padding:18px;border:1px solid var(--line);border-radius:20px;background:#ffffffe6;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.admin-user-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1111110d}.admin-user-card.selected{border-color:#11111124;background:#faf8f4fa;box-shadow:0 0 0 2px #11111114}.admin-user-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-user-card-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-user-card-copy strong{font-size:1rem;overflow-wrap:anywhere}.admin-user-card-copy span{color:var(--ink-soft);font-size:.9rem}.admin-user-role{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:capitalize}.admin-user-role.admin{background:#11111114;color:#111}.admin-user-role.user{background:#edf0f4e6;color:#4d5968}.admin-user-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.admin-user-stat{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:#1111110f;color:var(--ink-soft);font-size:.8rem;font-weight:700}.admin-user-stat.active{background:#d6f2d9e6;color:#2f7c43}.admin-user-stat.request.pending{background:#ffe3a873;color:#9a6410}.admin-user-stat.request.approved{background:#caf0d0b3;color:#2f7c43}.admin-user-stat.request.denied{background:#fdddddd1;color:#a43b3b}.admin-user-panel-shell{position:sticky;top:12px;align-self:start}.admin-user-panel{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at top right,rgba(255,232,190,.38),transparent 28%),#fffffff5;box-shadow:var(--shadow)}.admin-user-panel-header{display:flex;flex-direction:column;gap:10px}.admin-user-panel-title{display:flex;gap:14px;align-items:flex-start}.admin-user-panel-title h3{margin:0;font-size:1.25rem;overflow-wrap:anywhere}.admin-user-panel-title p{margin:6px 0 0;color:var(--ink-soft)}.admin-user-panel-icon{width:34px;height:34px;color:#111;flex:0 0 auto}.admin-user-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-user-panel-chip{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#faf8f4eb}.admin-user-panel-chip span{color:var(--ink-soft);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.admin-user-panel-chip strong{font-size:.95rem}.admin-user-panel-section{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid rgba(17,17,17,.08)}.admin-user-panel-section.danger{border-top-color:#b2432824}.admin-user-panel-section-head h4{margin:0;font-size:1rem}.admin-user-panel-section-head p{margin:6px 0 0;color:var(--ink-soft)}.admin-user-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffffd6}.admin-user-toggle-copy{display:flex;flex-direction:column;gap:4px}.admin-user-toggle-copy span{color:var(--ink-soft);font-size:.85rem}.admin-toggle{display:inline-flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--ink);font-weight:800}.admin-toggle:disabled{opacity:.55;cursor:not-allowed}.admin-toggle-track{position:relative;width:56px;height:32px;border-radius:999px;background:#1111111f;transition:background .16s ease}.admin-toggle.active .admin-toggle-track{background:#429d5457}.admin-toggle-thumb{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 4px 12px #11111129;transition:transform .16s ease}.admin-toggle.active .admin-toggle-thumb{transform:translate(24px)}.admin-user-password-row{display:flex;flex-direction:column;gap:12px}.admin-user-action-button,.admin-user-secondary-button,.admin-user-delete-all{display:inline-flex;align-items:center;width:100%;justify-content:center;gap:10px;min-height:50px}.admin-user-action-button span,.admin-user-secondary-button span,.admin-user-delete-all span,.request-card .row-actions .toolbar-action span{display:inline-flex;align-items:center;line-height:1}.admin-danger-actions{display:flex;flex-direction:column;gap:10px}.admin-user-secondary-button{background:#ffffffeb}.admin-user-delete-all{min-height:50px}.admin-admin-note,.admin-user-empty-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:18px;background:#1111110d}.admin-admin-note{flex-direction:row}.admin-admin-note p,.admin-user-empty-panel p{margin:0;color:var(--ink-soft);line-height:1.5}.request-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffd6}.request-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.request-badge{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:800;text-transform:capitalize}.request-badge.pending{background:#ffe3a873;color:#9a6410}.request-badge.approved{background:#caf0d0b3;color:#2f7c43}.request-badge.denied{background:#fdddddd1;color:#a43b3b}.request-card .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.request-card .row-actions .toolbar-action{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;gap:10px}.import-card{display:flex;flex-direction:column;gap:14px}.editor-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.editor-meta-wide{grid-column:1 / -1}.editor-bpm-input-shell{position:relative}.editor-bpm-input{padding-right:116px}.editor-bpm-modal-trigger{position:absolute;top:50%;right:6px;transform:translateY(-50%);min-height:36px;padding:8px 12px;z-index:1}.editor-bpm-modal-trigger:hover{background:#1111110f;border-color:#1113;box-shadow:0 3px 10px #1616140d}.editor-transpose-row{display:flex;align-items:center;gap:10px}.editor-transpose-select-shell{flex:1 1 auto}.editor-transpose-select{min-height:44px;font:inherit}.artist-combobox{position:relative;display:flex;flex-direction:column;gap:10px}.key-combobox,.mode-combobox,.key-combobox-input-row,.mode-combobox-input-row{position:relative}.key-combobox-input-row .text-input{padding-right:72px}.mode-combobox-input-row .text-input{padding-right:96px}.artist-combobox-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffffffa;box-shadow:var(--shadow)}.key-combobox-dropdown,.mode-combobox-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffffffa;box-shadow:var(--shadow)}.artist-combobox-option{width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#ffffffd1;color:var(--ink)}.artist-combobox-option.active{background:#11111114;border-color:#11111124}.key-combobox-option{width:100%;min-height:42px;text-align:left;border:1px solid transparent;border-radius:12px;padding:10px 12px;font-weight:700}.key-combobox-option.active{box-shadow:0 0 0 2px #1111111a;border-color:#1111111f}.mode-combobox-option{width:100%;min-height:42px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#ffffffd1;color:var(--ink);font-weight:700}.mode-combobox-option small{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.mode-combobox-option.active{background:#11111114;border-color:#11111124;box-shadow:0 0 0 2px #11111114}.artist-combobox-option.create{background:#fff8eef5}.key-badge,.song-key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:30px;padding:4px 10px;border-radius:10px;font-weight:700;line-height:1;white-space:nowrap}.key-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.song-key-badge{min-width:48px}.artist-register-copy{margin:0;color:var(--ink-soft);font-size:.9rem}.lyrics-editor-stack{display:flex;flex-direction:column;gap:16px}.visual-editor{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffcf8f0}.visual-editor:focus{outline:none;box-shadow:inset 0 0 0 2px #3a7cd51f}.song-blocks-panel{display:flex;flex-direction:column;gap:10px}.song-blocks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.song-block-drag{min-height:42px;padding:9px 10px;border-radius:14px;font-size:.84rem;text-align:center;cursor:grab;border:1px dashed var(--line);background:#ffffffbf;font-weight:700}.mode-badge{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;background:#11111114;color:var(--ink);font-size:.78rem;font-weight:800;white-space:nowrap}.song-block-drag:active{cursor:grabbing}.lyrics-drop-zone{height:10px;margin:2px 0;border-radius:999px;opacity:0;transition:opacity .12s ease,height .12s ease,background .12s ease}.visual-editor.dragging-song-block .lyrics-drop-zone{height:30px;opacity:1;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.78rem;font-weight:800;background:#1111110a;border:1px dashed rgba(17,17,17,.16)}.lyrics-drop-zone.active{background:#5aabff29;border-color:#5aabff6b;color:#2566b1}.lyrics-line{min-height:35px;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;font-size:1.05rem}.empty-line{min-height:18px}.section-line-label{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#1111110f;color:var(--ink-soft);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.section-line{margin-bottom:4px}.section-line+.chord-only-line{margin-top:-2px}.chord-only-line{min-height:46px;padding:6px 4px 6px 0;border-radius:14px}.chord-only-row-shell{display:flex;align-items:center;gap:8px;width:100%}.chord-only-line.active{background:#3a7cd514;box-shadow:inset 0 0 0 2px #3a7cd529}.inserted-block-line{border-radius:14px;background:#5aabff14;box-shadow:inset 0 0 0 1px #5aabff1f}.chord-only-placeholder{min-height:46px;display:flex;align-items:center;padding:10px 12px 10px 8px;border:1px dashed rgba(58,124,213,.38);border-radius:14px;background:#3a7cd514;color:#2f6ebf;font-weight:800}.chord-only-placeholder.active{box-shadow:0 0 0 2px #3a7cd529}.chord-only-placeholder-copy span{opacity:.82}.chord-only-grid{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:1 1 auto;min-height:30px}.chord-only-cell{display:inline-flex;align-items:center;gap:4px}.chord-line-slot-button{position:relative;width:16px;min-width:16px;height:34px;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.chord-line-slot-button:before{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:2px;border-radius:999px;background:#3a7cd53d;transform:translate(-50%);transition:background .12s ease,width .12s ease,box-shadow .12s ease}.chord-line-slot-button:hover,.chord-line-slot-button.active{background:#3a7cd524;box-shadow:0 0 0 2px #3a7cd51f}.chord-line-slot-button:hover:before,.chord-line-slot-button.active:before{width:3px;background:#2f6ebf;box-shadow:0 0 0 3px #3a7cd524}.chord-line-slot-button.placeholder-slot{width:auto;min-width:0;height:auto;padding:0;border:none;background:transparent;box-shadow:none}.chord-only-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 8px 4px 10px}.chord-only-pipe{color:#11111159;font-weight:900}.chord-only-append-target{position:relative;min-width:16px;min-height:34px;padding:0 16px 0 12px;border:none;border-radius:10px;background:transparent;color:#2f6ebf;font-size:.78rem;font-weight:800;cursor:pointer}.chord-only-append-target:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;border-radius:999px;background:#3a7cd53d;transition:background .12s ease,width .12s ease,box-shadow .12s ease}.chord-only-append-target:hover,.chord-only-append-target.active{background:#3a7cd51f;box-shadow:0 0 0 2px #3a7cd51f}.chord-only-append-target:hover:before,.chord-only-append-target.active:before{width:3px;background:#2f6ebf;box-shadow:0 0 0 3px #3a7cd524}.chord-line-row-action{min-height:32px;padding:4px 10px;border:1px dashed rgba(17,17,17,.12);border-radius:999px;background:#ffffffd1;color:var(--ink-soft);font-size:.82rem;font-weight:800;white-space:nowrap}.chord-line-row-action:hover{border-color:#11111138;color:var(--ink)}.chord-line-row-action.danger{border-color:#b243282e;color:var(--danger);background:#fdf1eee6}.chord-line-row-action.danger:hover{border-color:#b2432847;color:var(--danger)}.word-stack{display:inline-flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:46px;padding:0 1px;border-radius:10px;vertical-align:bottom}.word-fragment{display:inline-flex;align-items:flex-end;vertical-align:bottom}.chord-slot{height:22px;line-height:22px;display:flex;align-items:flex-end}.word-text,.line-space{font-family:SFMono-Regular,Consolas,monospace;font-size:1.08em;line-height:24px;color:#111}.word-text{display:inline-block;min-height:24px;-webkit-user-select:text;user-select:text;white-space:pre}.line-space{display:inline-block;min-height:24px;vertical-align:bottom;white-space:pre}.split-marker{display:inline-block;padding:0 2px;color:var(--ink-soft);font-family:SFMono-Regular,Consolas,monospace;font-size:1.08em;line-height:24px;min-height:24px;vertical-align:bottom}.selected-chars{background:#5aabff3d;border-radius:6px;box-shadow:0 0 0 1px #3e84ff2e}.floating-chord,.chord-tool,.chord-root-trigger,.group-toggle{border:none;font-weight:700}.floating-chord{display:inline-flex;align-items:center;height:22px;padding:2px 8px;border-radius:6px;font-size:.84rem;line-height:1}.trailing-stack{min-width:34px;vertical-align:bottom}.sticky-save-bar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:14px;padding-top:8px}.inline-save-banner{margin:0;flex:1 1 auto;min-height:46px;display:inline-flex;align-items:center;animation:saveNoticeFade 2.8s ease forwards}.sticky-save-bar .toolbar-action.primary{margin-left:auto}@keyframes saveNoticeFade{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.sync-page{outline:none}.sync-page-shell{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start;overflow:visible;max-height:none}.sync-sidebar,.sync-workspace{min-width:0}.sync-sidebar{display:flex;flex-direction:column;gap:20px}.sync-page-header{margin-bottom:6px}.sync-back-button{display:inline-flex;align-items:center;gap:10px}.sync-back-button svg{width:18px;height:18px;flex:0 0 auto;display:block}.sync-section{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#f8f7f49e}.sync-section-header{display:flex;align-items:center;justify-content:space-between}.sync-section-header h3{margin:0;font-size:.96rem;font-weight:800}.sync-song-meta{display:flex;flex-direction:column;gap:6px}.sync-song-meta strong{font-size:1rem}.sync-song-meta span{color:var(--ink-soft)}.sync-source-tabs,.sync-control-row{display:flex;flex-wrap:wrap;gap:12px}.sync-source-panel{display:flex;flex-direction:column;gap:18px}.bpm-tap-card-compact .sync-source-panel{gap:12px}.bpm-tap-card-compact .text-input{padding:10px 12px}.bpm-tap-card-compact .sync-utility-button,.bpm-tap-card-compact .sync-compact-button{min-height:42px;padding:8px 12px}.bpm-tap-card-compact .sync-bpm-row{gap:8px}.bpm-tap-card-compact .sync-help-copy{font-size:.88rem;line-height:1.4}.sync-youtube-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.sync-youtube-frame-shell{border:1px solid var(--line);border-radius:18px;background:#ffffffd1;overflow:hidden}.sync-youtube-frame{width:100%;aspect-ratio:16 / 9}.sync-youtube-frame iframe{display:block;width:100%;height:100%}.sync-hidden-input{display:none}.sync-upload-button,.sync-utility-button,.sync-segmented-button,.sync-control-button{min-height:50px}.sync-upload-button,.sync-segmented-button,.sync-control-button,.sync-utility-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.sync-upload-button{width:100%}.sync-segmented-button{flex:1 1 0;min-width:0}.sync-control-button{width:100%}.sync-stamp-button{background:#fff4e5fa;color:#a55b12;border-color:#a55b1224}.sync-stamp-button.active{box-shadow:0 0 0 2px #a55b1224}.sync-seekbar{width:100%;accent-color:#111}.sync-jump-row{display:flex;gap:12px;flex-wrap:wrap}.sync-audio-name,.sync-help-copy{color:var(--ink-soft)}.sync-help-copy{margin:0;line-height:1.5}.sync-bpm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-bpm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-bpm-modal{width:min(1040px,100%);max-height:min(88vh,920px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.3);border-radius:28px;background:radial-gradient(circle at top right,rgba(214,232,255,.4),transparent 24%),#f8f7f4fa;box-shadow:0 28px 90px #0f172a47}.admin-bpm-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-bpm-modal-header h3{margin:0;font-size:1.5rem}.admin-bpm-modal-header p{margin:8px 0 0;color:var(--ink-soft);line-height:1.5}.admin-bpm-modal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,340px);gap:18px;align-items:start}.admin-bpm-modal-video-shell,.admin-bpm-modal-controls{border:1px solid var(--line);border-radius:22px;background:#ffffffe0}.admin-bpm-modal-video-shell{overflow:hidden}.admin-bpm-modal-video{width:100%;aspect-ratio:16 / 9;background:#111}.admin-bpm-modal-video>div,.admin-bpm-modal-video iframe{width:100%;height:100%;display:block}.admin-bpm-modal-controls{display:flex;flex-direction:column;gap:14px;padding:18px}.admin-bpm-modal-empty{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;min-height:260px;padding:24px}.admin-bpm-modal-empty span{color:var(--ink-soft)}.sync-shortcuts-list{display:flex;flex-direction:column;gap:10px}.sync-shortcuts-list p{margin:0;display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;color:var(--ink-soft)}.sync-shortcuts-list kbd{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#ffffffe0;color:var(--ink);font-family:inherit;font-size:.85rem;font-weight:800}.sync-shortcuts-list kbd svg{width:15px;height:15px}.sync-workspace{display:flex;flex-direction:column;gap:18px;overflow:visible;max-height:none}.sync-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sync-workspace-header .toolbar-action{align-self:flex-start}.sync-transport-bar{position:sticky;top:0;z-index:4;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #1111110d}.sync-compact-button{min-height:40px}.sync-compact-button{padding-inline:12px;font-size:.88rem}.sync-transport-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sync-transport-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sync-seek-section{margin-top:16px;display:flex;flex-direction:column;gap:10px}.sync-time-row{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink-soft);font-weight:700}.sync-speed-row{margin-top:12px;display:flex;align-items:center;justify-content:flex-end}.sync-speed-select-shell{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.sync-speed-label{margin:0;font-size:.78rem;font-weight:800;color:var(--ink-soft);line-height:1;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center}.sync-custom-select{position:relative;width:118px;min-width:118px}.sync-custom-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:999px;padding:8px 34px 8px 14px;background:#ffffffeb;color:inherit;font:inherit;font-size:.9rem;font-weight:700;line-height:1.1;cursor:pointer}.sync-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;width:16px;height:16px;color:var(--ink-soft)}.sync-sticky-save-bar{margin-top:4px;display:flex;align-items:center;gap:14px}.sync-save-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.sync-save-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;line-height:1}.sync-save-button span{display:inline-flex;align-items:center;line-height:1}.sync-button-icon{width:19px;height:19px;flex:0 0 auto;display:block}.sync-save-actions .sync-utility-button{background:#ffecc4fa;color:#9a6410;border-color:#9a641029}.sync-save-actions .sync-utility-button:hover:not(:disabled){background:#ffe5b3;border-color:#9a64103d}.sync-dark-button{background:#111;color:#fff;border-color:#111}.sync-dark-button:hover:not(:disabled),.sync-dark-button.active:not(:disabled){background:#1d1d1d;border-color:#1d1d1d;color:#fff}.sync-lines-list{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible;padding-top:4px;padding-right:0}.sync-line-row{display:grid;grid-template-columns:28px 44px 100px minmax(0,1fr);gap:14px;align-items:center;min-height:78px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#ffffffbd;color:var(--ink);text-align:left;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.sync-line-row.selected{border-color:#1111111f;box-shadow:0 0 0 2px #11111114}.sync-line-row.synced{background:#f6fbf6eb;border-color:#53915c1f}.sync-line-row.current{background:#f0f6fff5;border-color:#3a7cd52e;box-shadow:0 0 0 2px #3a7cd524,0 10px 28px #3a7cd514}.sync-line-row-start{background:#f7f7fafa;border-style:dashed}.chord-section-sync-row{background:#f8faffe6}.sync-line-status{display:inline-flex;align-items:center;justify-content:center;color:#717983cc}.sync-line-row.synced .sync-line-status{color:#4f915b}.sync-line-row.current .sync-line-status{color:#3a7cd5}.sync-line-status svg{width:18px;height:18px}.sync-line-index,.sync-line-time{color:var(--ink-soft);font-weight:700}.sync-line-index{font-variant-numeric:tabular-nums}.sync-line-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5}.sync-line-row-start .sync-line-text{display:flex;align-items:center;gap:10px}.sync-start-label{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#11111114;color:var(--ink);font-size:.76rem;font-weight:800;vertical-align:middle}.sync-start-copy{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis}.sync-next-stamp-label{display:inline-flex;align-items:center;margin-left:10px;padding:2px 8px;border-radius:999px;background:#3a7cd51f;color:#2f6ebf;font-size:.76rem;font-weight:800;vertical-align:middle}.chord-toolbar-groups{display:flex;flex-direction:column;gap:14px;min-height:0}.chord-group{padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffc7}.chord-group-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.chord-group-title{margin:0;font-size:1rem;font-weight:700}.group-toggle{border-radius:999px;padding:7px 11px;background:#f7f6f3;color:var(--ink-soft)}.group-toggle.active{color:var(--ink)}.chord-search{margin-bottom:14px}.chord-action-panel{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff8eeeb}.chord-action-copy{display:flex;flex-direction:column;gap:4px}.chord-action-copy span{color:var(--ink-soft);line-height:1.5}.chord-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.chord-group-suggestions{padding:12px;background:#f8f7f4eb}.suggestion-row{margin-top:10px}.chord-root-tags{display:flex;flex-wrap:wrap;gap:8px}.chord-root-trigger{display:flex;align-items:center;gap:8px;min-width:64px;border-radius:12px;padding:8px 12px;color:var(--ink);justify-content:center;border:1px solid transparent;background:#f7f6f3fa}.chord-root-trigger.active{box-shadow:0 0 0 2px #1111111f;background:#fffffffa;color:var(--ink);border:1px solid rgba(17,17,17,.08)}.chord-variants{display:flex;flex-wrap:wrap;gap:8px}.chord-tool{min-width:64px;padding:7px 10px;border-radius:12px}.chord-picker-shell{display:flex;flex-direction:column;gap:16px}.picker-section{display:flex;flex-direction:column;gap:10px}.picker-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.picker-label{font-size:.8rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.picker-selection{color:var(--ink);font-size:.88rem;font-weight:700}.picker-empty{margin:0;color:var(--ink-soft);line-height:1.5}.chord-root-tags-neutral{gap:10px}.root-neutral{min-width:58px;background:#f7f6f3fa;color:#444}.root-neutral.active{background:#111;color:#fff;border-color:#111;box-shadow:0 10px 24px #11111124}.chord-family-tags{display:flex;flex-wrap:wrap;gap:10px}.family-trigger{min-width:88px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffffe0;color:var(--ink-soft);font-weight:700}.family-trigger.active{border-color:#1111111f;box-shadow:0 0 0 2px #11111114}.search-results-stack{display:flex;flex-direction:column;gap:14px}.search-result-group{display:flex;flex-direction:column;gap:8px}.search-result-label{font-size:.82rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.chord-tool-suggestion{min-width:54px;padding:8px 12px;opacity:.9}.chord-tool-soft{border:1px solid rgba(17,17,17,.05)}.chord-family-major{background:#89c97829;color:#3f7a32}.chord-family-minor{background:#5c9bff24;color:#2d66c0}.chord-family-dominant{background:#ffb0662e;color:#9a5a15}.chord-family-major7{background:#a888ff29;color:#654ab4}.chord-family-sus{background:#70d3e129;color:#1f7f92}.chord-family-diminished{background:#ea747429;color:#a43b3b}.chord-family-augmented{background:#f4d0662e;color:#9e7614}.chord-family-power{background:#c6cad138;color:#525d6a}.chord-family-advanced{background:#383e4a1f;color:#3f4654}.family-trigger.chord-family-major.active,.chord-tool.chord-family-major.active,.floating-chord.chord-family-major.active,.key-badge.chord-family-major,.song-key-badge.chord-family-major,.key-combobox-option.chord-family-major.active{box-shadow:0 0 0 2px #3f7a322e}.family-trigger.chord-family-minor.active,.chord-tool.chord-family-minor.active,.floating-chord.chord-family-minor.active,.key-badge.chord-family-minor,.song-key-badge.chord-family-minor,.key-combobox-option.chord-family-minor.active{box-shadow:0 0 0 2px #2d66c029}.family-trigger.chord-family-dominant.active,.chord-tool.chord-family-dominant.active,.floating-chord.chord-family-dominant.active,.key-combobox-option.chord-family-dominant.active{box-shadow:0 0 0 2px #9a5a1529}.family-trigger.chord-family-major7.active,.chord-tool.chord-family-major7.active,.floating-chord.chord-family-major7.active,.key-combobox-option.chord-family-major7.active{box-shadow:0 0 0 2px #654ab42e}.family-trigger.chord-family-sus.active,.chord-tool.chord-family-sus.active,.floating-chord.chord-family-sus.active,.key-combobox-option.chord-family-sus.active{box-shadow:0 0 0 2px #1f7f9229}.family-trigger.chord-family-diminished.active,.chord-tool.chord-family-diminished.active,.floating-chord.chord-family-diminished.active,.key-combobox-option.chord-family-diminished.active{box-shadow:0 0 0 2px #a43b3b29}.family-trigger.chord-family-augmented.active,.chord-tool.chord-family-augmented.active,.floating-chord.chord-family-augmented.active,.key-combobox-option.chord-family-augmented.active{box-shadow:0 0 0 2px #9e761429}.family-trigger.chord-family-power.active,.chord-tool.chord-family-power.active,.floating-chord.chord-family-power.active,.key-combobox-option.chord-family-power.active{box-shadow:0 0 0 2px #525d6a29}.family-trigger.chord-family-advanced.active,.chord-tool.chord-family-advanced.active,.floating-chord.chord-family-advanced.active,.key-combobox-option.chord-family-advanced.active{box-shadow:0 0 0 2px #3f465429}.chord-tool.active,.floating-chord.active{box-shadow:0 0 0 2px #1111111f}.floating-chord.editing{box-shadow:0 0 0 2px #11111129,0 0 0 5px #ffdead5c}@media (max-width: 1180px){.admin-users-shell{grid-template-columns:1fr}.admin-user-panel-shell{position:static}.admin-shell{grid-template-columns:1fr}.admin-rail{position:static;max-height:none}.admin-rail-card{max-height:none}.sync-page-shell,.admin-bpm-modal-grid{grid-template-columns:1fr}.sync-transport-row{grid-template-columns:minmax(0,220px)}.sync-transport-top-row{align-items:stretch}}@media (max-width: 760px){.admin-user-panel-grid{grid-template-columns:1fr}.admin-user-toggle-row{flex-direction:column;align-items:stretch}.editor-meta{grid-template-columns:1fr}.song-table{min-width:640px}.sticky-save-bar{flex-direction:column;align-items:stretch}.editor-bpm-input{padding-right:14px}.editor-bpm-modal-trigger{position:static;transform:none;width:100%;margin-top:10px}.sync-youtube-row,.sync-shortcuts-list p{grid-template-columns:1fr}.sync-speed-row{flex-direction:column;align-items:stretch}.sync-speed-select-shell,.sync-sticky-save-bar,.sync-save-actions{width:100%}.sync-speed-select-shell{justify-content:space-between}.sync-save-actions{justify-content:stretch;margin-left:0}.sync-custom-select{width:140px}.sync-sticky-save-bar{flex-direction:column;align-items:stretch}.sync-save-actions .toolbar-action{flex:1}.sync-line-row{grid-template-columns:28px 36px 86px minmax(0,1fr);gap:10px;min-height:72px;padding:16px}}.admin-feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-feedback-filters{display:flex;flex-wrap:wrap;gap:8px}.admin-feedback-toolbar>span{color:var(--muted-text);font-size:12px}.admin-feedback-list{display:grid;gap:12px}.admin-feedback-item{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#ffffff06}.admin-feedback-item.completed{opacity:.68}.admin-feedback-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-feedback-item-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.admin-feedback-item time,.admin-feedback-meta{color:var(--muted-text);font-size:11px}.admin-feedback-type,.admin-feedback-state{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.admin-feedback-type.bug{background:#e1575724;color:#ef9292}.admin-feedback-type.feature{background:#d6aa3824;color:#e7bd55}.admin-feedback-type.other{background:#5da9dc24;color:#8fc8ed}.admin-feedback-state{background:#ffffff12;color:#b9bec7}.admin-feedback-item p{margin:0;color:var(--text);line-height:1.55;white-space:pre-wrap}.admin-feedback-meta{display:flex;flex-wrap:wrap;gap:12px}.song-access-note{display:block;margin-top:3px;color:var(--ink-soft);font-size:.76rem;font-weight:500}.song-share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;padding:20px;background:#1111117a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.song-share-modal{display:grid;gap:18px;width:min(620px,94vw);max-height:85vh;overflow:auto}.song-share-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.song-share-header h2,.song-share-header p{margin:0}.song-share-header p{margin-top:6px;color:var(--ink-soft);line-height:1.45}.song-share-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.song-share-list{display:grid;gap:8px}.song-share-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#11111106}.song-share-list span{display:grid;gap:3px}.song-share-list small{color:var(--ink-soft)}@media (max-width:620px){.song-share-form{grid-template-columns:1fr}}.collaboration-inbox,.collaboration-blocks{display:grid;gap:10px}.collaboration-request,.collaboration-blocks>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.collaboration-request>span{display:grid;gap:3px}.collaboration-request small{color:var(--ink-soft)}.collaboration-request>div{display:flex;flex-wrap:wrap;gap:7px}.collaboration-blocks{margin-top:8px}.collaboration-blocks h3{margin:0;font-size:1rem}@media (max-width:620px){.collaboration-request,.collaboration-blocks>div{align-items:stretch;flex-direction:column}}.player-page{color:var(--ink)}.player-page .page-toolbar{align-items:center}.player-page .page-toolbar .toolbar-action,.player-page .page-toolbar .player-back-action{opacity:1}.player-page .toolbar-action,.player-page .toolbar-action span{display:inline-flex;align-items:center}.player-page .toolbar-action{justify-content:center;gap:8px;line-height:1}.player-page .page-toolbar .toolbar-action.primary{background:#111;color:#fff;border-color:#111}.player-page .page-toolbar .toolbar-action.primary:hover{background:#1d1d1d;border-color:#1d1d1d}.player-page .card-header p,.player-page .helper-text,.player-page .player-stage-header p,.player-page .scroll-speed-indicator,.player-page .song-card span:last-child,.player-page .base-fret,.player-page .string-status{color:var(--ink-soft)}.user-library,.player-shell{display:block}@media (max-width: 760px){.player-stage-grid.mobile-video-playing .player-lyrics-panel{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.player-video-shell.mobile-playing{position:fixed;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:110;width:min(44vw,190px);border-radius:10px;border-color:#ffffffb8;background:#111;box-shadow:0 10px 30px #0f172a6b,0 0 0 1px #0f172a2e}.player-video-shell.mobile-playing .player-video-frame{aspect-ratio:16 / 9}}@media (max-width: 420px){.player-video-shell.mobile-playing{width:min(42vw,164px);right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px))}}@media (max-width: 760px) and (orientation: landscape){.player-video-shell.mobile-playing{width:min(32vw,180px)}}.player-library-card{display:flex;flex-direction:column;gap:20px}.player-library-header,.player-library-tools,.player-library-tabs{display:flex;align-items:center;gap:12px}.player-library-header{justify-content:space-between;align-items:flex-start}.player-library-header .card-header{margin-bottom:0}.player-library-tools{justify-content:flex-end;flex:1 1 520px}.player-library-search{max-width:420px}.player-library-sort{width:220px;flex:0 0 220px}.player-library-order{display:flex;align-items:center;align-self:flex-end;gap:8px;color:var(--ink-soft);font-size:.9rem;font-weight:600}.player-library-order svg{color:var(--ink)}.player-library-tabs{flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}.player-library-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.player-library-directory>button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:82px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffffd1;color:var(--ink);text-align:left;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.player-library-directory>button:hover{background:#fff;border-color:#1113;box-shadow:0 6px 18px #1616140f}.player-library-directory>button strong{font-size:1rem}.player-library-directory>button span,.player-library-empty{color:var(--ink-soft)}.player-library-directory-back{align-self:flex-start}.player-library-empty{margin:0;padding:24px;border:1px dashed var(--line-strong);border-radius:16px;text-align:center}.user-song-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.song-card-rating{width:100%}.song-rating{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.song-rating-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.song-rating-stars{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#f5f2ecf5);box-shadow:inset 0 0 0 1px #11111112}.song-rating-star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#cfc6b6;line-height:1;cursor:pointer;transition:color .14s ease,transform .14s ease,filter .14s ease}.song-rating-star-icon{width:18px;height:18px}.song-rating-star.active{color:#f1a93b;filter:drop-shadow(0 4px 10px rgba(241,169,59,.28))}.song-rating-star.preview{color:#8a5a17;filter:drop-shadow(0 4px 8px rgba(138,90,23,.18))}.song-rating-star:hover{color:#8a5a17;transform:translateY(-1px) scale(1.06)}.song-rating-memory{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:999px;background:#11111112;color:#111;font-size:.8rem;font-weight:800;white-space:nowrap}.song-uploader-link,.player-uploader-link{display:inline-flex;align-items:center;color:#111;text-decoration:none;font-size:.9rem;font-weight:700}.song-uploader-link:hover,.player-uploader-link:hover{text-decoration:underline}.player-song-rating,.player-uploader-link{margin-top:10px}.player-stage{position:relative;padding:24px;display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 96px);overflow:visible}.player-stage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.player-stage-header h2{font-size:clamp(2rem,3vw,2.8rem)}.player-header-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px}.player-utility-bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:#ffffffd1}.player-utility-group{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.player-utility-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.player-view-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffffdb}.player-view-button{min-height:36px;padding:8px 16px;border-radius:999px}.uploader-page{gap:20px}.uploader-hero{display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at top right,rgba(255,221,169,.45),transparent 28%),linear-gradient(145deg,#fffffff5,#f5f1e9f5);box-shadow:var(--shadow)}.uploader-back-button{align-self:flex-start}.uploader-title-row{display:flex;align-items:center;gap:16px}.uploader-title-row h2{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.uploader-title-row p{margin:8px 0 0;color:var(--ink-soft)}.uploader-hero-icon{width:52px;height:52px;color:#111}.uploader-email-chip{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:#11111114;color:var(--ink);font-size:.88rem;font-weight:700}.uploader-footnote{display:flex;align-items:center;gap:10px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#ffffffdb}.uploader-footnote p{margin:0}.uploader-footnote a{color:#111;font-weight:700}.uploader-footnote-icon{width:20px;height:20px;color:#111}.player-transpose-select-shell{display:flex;flex-direction:column;gap:8px;min-width:148px}.player-transpose-label{margin:0;font-size:.78rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.player-transpose-select{width:100%;min-width:148px}.player-transpose-select select{background:var(--panel-strong)}.player-key-readout{display:flex;flex-wrap:wrap;gap:8px}.player-key-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#1111110f;color:var(--ink-soft);font-size:.76rem;font-weight:800;line-height:1}.player-key-chip.active{background:#e3f1ffeb;color:#2b67b4}.player-print-button{width:100%;justify-content:center;min-height:38px;padding:8px 14px;border-radius:16px;font-size:.84rem;font-weight:800;letter-spacing:0}.player-print-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px}.player-scroll-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.player-practice-hint{flex:1 1 100%;margin:0;padding:12px 14px;border:1px solid rgba(17,17,17,.08);border-radius:16px;background:#fff8e7db;color:#7a5a18;font-size:.84rem;font-weight:700;line-height:1.45}.player-sync-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.player-scroll-controls-right{display:flex;align-items:center;gap:12px;margin-left:auto;position:relative}.scroll-speed-indicator{display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;font-size:.9rem;font-weight:700;min-width:94px;justify-content:center}.player-speed-select-shell{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 4px 0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8}.player-speed-label{margin:0;font-size:.78rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;line-height:1}.player-speed-select{width:92px;min-width:92px}.player-speed-select select{background:transparent;border-color:transparent;padding-block:7px;box-shadow:none}.player-font-size-shell{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8}.player-font-size-label{margin:0;font-size:.78rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;line-height:1}.player-font-size-button{width:28px;height:28px;border:1px solid rgba(17,17,17,.1);border-radius:999px;background:#fffffff5;color:var(--ink);font-size:1rem;font-weight:900;line-height:1}.player-font-size-button:disabled{opacity:.4;cursor:default}.player-font-size-value{min-width:42px;text-align:center;font-size:.82rem;font-weight:800;color:var(--ink)}.player-practice-bpm-shell{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8}.player-practice-bpm-label,.player-practice-copy strong{font-size:.78rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;line-height:1}.player-practice-bpm-value{min-width:38px;text-align:center;font-size:.9rem;font-weight:800;color:var(--ink)}.player-youtube-toggle{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 0 0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;cursor:pointer;-webkit-user-select:none;user-select:none}.player-youtube-toggle-label{margin:0;font-size:.78rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;line-height:1}.player-youtube-toggle-input{position:absolute;opacity:0;pointer-events:none}.player-youtube-toggle-switch{position:relative;width:54px;height:30px;margin:5px;border-radius:999px;background:#cfd5de;box-shadow:inset 0 0 0 1px #11111114;transition:background .18s ease}.player-youtube-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0f172a2e;transition:transform .18s ease}.player-youtube-toggle-input:checked+.player-youtube-toggle-switch{background:#22c55e}.player-youtube-toggle-input:checked+.player-youtube-toggle-switch:after{transform:translate(24px)}.player-youtube-toggle-input:focus-visible+.player-youtube-toggle-switch{outline:2px solid rgba(34,197,94,.28);outline-offset:2px}.player-practice-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at top right,rgba(214,232,255,.45),transparent 26%),#ffffffe0}.player-practice-copy{display:flex;flex-direction:column;gap:8px;max-width:620px}.player-practice-copy strong{color:var(--ink)}.player-practice-copy span{color:var(--ink-soft);line-height:1.5}.player-practice-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.player-practice-input{width:132px}.player-practice-button{min-height:42px;border-radius:16px}.player-bpm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.player-bpm-modal{width:min(1040px,100%);max-height:min(88vh,920px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.3);border-radius:28px;background:radial-gradient(circle at top right,rgba(214,232,255,.4),transparent 24%),#f8f7f4fa;box-shadow:0 28px 90px #0f172a47}.player-bpm-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.player-bpm-modal-header h3{margin:0;font-size:1.5rem}.player-bpm-modal-header p{margin:8px 0 0;color:var(--ink-soft);line-height:1.5}.player-bpm-modal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,340px);gap:18px;align-items:start}.player-bpm-modal-video-shell,.player-bpm-modal-controls{border:1px solid var(--line);border-radius:22px;background:#ffffffe0}.player-bpm-modal-video-shell{overflow:hidden}.player-bpm-modal-video{width:100%;aspect-ratio:16 / 9;background:#111}.player-bpm-modal-video>div,.player-bpm-modal-video iframe{width:100%;height:100%;display:block}.player-bpm-modal-video-actions{display:flex;justify-content:flex-end;padding:14px}.player-bpm-modal-controls{display:flex;flex-direction:column;gap:14px;padding:18px}.player-bpm-tap-surface{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:100%;min-height:132px;padding:20px;border:1px dashed rgba(17,17,17,.18);border-radius:22px;background:radial-gradient(circle at top right,rgba(214,232,255,.34),transparent 28%),#f7f8fbf5;color:var(--ink);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.player-bpm-tap-surface strong{font-size:1.05rem}.player-bpm-tap-surface span{color:var(--ink-soft);line-height:1.5}.player-bpm-tap-surface:hover,.player-bpm-tap-surface:focus-visible{border-color:#3a7cd557;box-shadow:0 0 0 3px #3a7cd51f;transform:translateY(-1px)}.player-bpm-tap-surface[data-pulse-active]{animation:player-bpm-tap-pulse .24s ease}@keyframes player-bpm-tap-pulse{0%{transform:scale(1);border-color:#1111112e;box-shadow:0 0 #3a7cd500;background:radial-gradient(circle at top right,rgba(214,232,255,.34),transparent 28%),#f7f8fbf5}40%{transform:scale(.992);border-color:#3a7cd56b;box-shadow:0 0 0 6px #3a7cd51f;background:radial-gradient(circle at top right,rgba(170,213,255,.5),transparent 32%),#eef4fc}to{transform:scale(1);border-color:#1111112e;box-shadow:0 0 #3a7cd500;background:radial-gradient(circle at top right,rgba(214,232,255,.34),transparent 28%),#f7f8fbf5}}.player-bpm-modal-empty{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;min-height:260px;padding:24px}.player-bpm-modal-empty span{color:var(--ink-soft)}.player-stage-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"lyrics side";gap:24px;align-items:start;min-height:0;flex:1}.player-stage-grid.with-video{grid-template-areas:"lyrics side"}.player-main-column{grid-area:lyrics;position:relative;min-width:0;min-height:0;overflow:visible}.player-side-rail{grid-area:side;position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:18px;will-change:top}.player-video-shell{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#ffffffdb;box-shadow:var(--shadow)}.player-video-shell-hidden{display:none}.player-video-frame{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden}.player-video-frame>div{width:100%;height:100%}.player-video-frame iframe{display:block;width:100%;height:100%}.player-video-disabled-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#0f172aad;color:#fff;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.player-video-disabled-overlay strong{font-size:.98rem;font-weight:800;letter-spacing:.01em}.player-video-disabled-overlay span{font-size:.84rem;line-height:1.45;color:#ffffffd1}.player-countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8f7f46b;pointer-events:none;z-index:120}.player-countdown-badge{display:inline-flex;align-items:center;justify-content:center;min-width:144px;min-height:144px;padding:22px 28px;border-radius:999px;background:#111111eb;color:#fff;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:900;line-height:1;box-shadow:0 28px 80px #0f172a57;animation:player-countdown-pop .36s ease}@keyframes player-countdown-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.player-lyrics-panel{min-width:0;min-height:0;overflow:visible;padding-right:10px;padding-bottom:40px}.player-lyrics-panel:focus{outline:2px solid rgba(17,17,17,.12);outline-offset:4px}.player-diagram-panel{min-height:0;overflow:visible}.player-page:fullscreen{padding:0;background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 26%),linear-gradient(180deg,#f8f7f4,#f0eeea)}.player-page:fullscreen .player-stage{min-height:100vh;padding:20px}.player-page:fullscreen .player-lyrics-panel{overflow:visible}.player-page:fullscreen .chord-diagram-scroll{padding-bottom:60px}.player-page:fullscreen .player-side-rail{top:20px}.player-lyrics{min-height:100%;padding:52px 20px 56px;border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid var(--line)}.player-lyrics .lyrics-line{position:relative;z-index:0;font-size:calc(1.24rem * var(--player-lyrics-font-scale, 1));min-height:calc(74px * (.72 + (var(--player-lyrics-font-scale, 1) * .28)));padding:6px 10px;margin-bottom:calc(2px + (var(--player-lyrics-font-scale, 1) * 4px));border-radius:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;transition:transform .42s ease,opacity .42s ease,background-color .52s ease,box-shadow .52s ease}.player-lyrics .lyrics-line-clickable,.player-lyrics .lyrics-line-clickable .player-line-content,.player-lyrics .lyrics-line-clickable .word-stack,.player-section-group-line.lyrics-line-clickable{cursor:pointer}.player-lyrics .lyrics-line-chord-row{min-height:unset;height:auto;padding:4px 4px 4px 0;margin-top:8px;margin-bottom:12px;border-radius:12px}.player-lyrics .lyrics-line.active-lyrics-line{transform:translateY(0);background:#3a7cd511;box-shadow:inset 0 0 0 1px #3a7cd51c}.player-section-group{position:relative;margin-bottom:calc(4px + (var(--player-lyrics-font-scale, 1) * 6px));padding:calc(8px + (var(--player-lyrics-font-scale, 1) * 4px)) 16px;border-radius:18px;background:#f7f5f0c7;border:1px solid rgba(17,17,17,.06);transition:background-color .32s ease,box-shadow .32s ease,border-color .32s ease}.player-section-group:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#3a7cd511;box-shadow:inset 0 0 0 1px #3a7cd51c;opacity:0;transition:opacity .52s ease;pointer-events:none}.player-section-group.active-lyrics-line:before{opacity:1}.player-section-group-line{position:relative;z-index:1}.player-section-group-label{margin-bottom:calc(3px + (var(--player-lyrics-font-scale, 1) * 4px))}.player-section-group-label .section-line-label{display:inline-flex;padding:6px 12px;border-radius:999px;background:#11111114;color:var(--ink)}.player-section-group-chords{padding-top:2px;margin-top:calc(2px + (var(--player-lyrics-font-scale, 1) * 4px))}.player-lyrics .chord-only-row-shell{gap:8px}.player-lyrics .chord-only-grid{gap:4px;min-height:24px}.player-lyrics .chord-only-cell{gap:4px}.player-lyrics .chord-only-chip{min-height:24px;padding:2px 7px 2px 9px}.player-lyrics .chord-only-placeholder{min-height:32px;padding:6px 10px 6px 6px;border-radius:12px}.player-lyrics .section-line{margin-bottom:8px}.player-lyrics .section-line,.player-lyrics .lyrics-line-section-row{min-height:unset;height:auto}.player-lyrics .floating-chord{font-size:calc(.96rem * var(--player-lyrics-font-scale, 1))}.player-lyrics .word-text,.player-lyrics .line-space{color:var(--ink);font-size:1.08em}.player-line-content{display:inline-flex;align-items:flex-end;min-width:100%;width:max-content}.player-line-content.is-overflowing{padding-right:20px}.player-page .message-banner{background:#ffffffdb;border-color:var(--line);color:var(--ink)}.guitar-diagram-card{width:100%;padding:18px;border-radius:20px;background:#fffffff5;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow)}.diagram-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.diagram-header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.diagram-footer-actions{display:flex;justify-content:center;margin-top:12px}.diagram-header h3{margin:4px 0 0;font-size:1.7rem;line-height:1;font-weight:800;color:var(--ink)}.eyebrow{font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.base-fret-pill{padding:7px 10px;border-radius:10px;background:#1111110f;color:var(--ink);font-size:.74rem;font-weight:800;white-space:nowrap}.chord-sheet{margin-top:16px;padding:14px;border-radius:18px;background:#f8fafc;color:#0f172a;border:1px solid rgba(15,23,42,.08)}.diagram-grid{display:grid;grid-template-columns:32px 1fr;row-gap:4px}.side-col{width:32px}.top-board,.neck-board{position:relative;margin:0 18px}.top-board{height:24px}.status-board{height:32px}.string-name,.string-status{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;line-height:1;font-variant-numeric:tabular-nums}.string-name{font-size:17px;font-weight:900;color:#0f172a}.string-status{width:28px;height:28px;border-radius:999px;font-size:24px;font-weight:900;color:transparent}.string-status.visible{color:#020617;background:#e2e8f0;box-shadow:inset 0 0 0 1px #cbd5e1}.fret-number-column{height:238px;display:grid;grid-template-rows:repeat(5,1fr)}.fret-number-slot{display:grid;place-items:center;font-size:13px;font-weight:900;color:#64748b;line-height:1}.neck-board{height:238px;overflow:visible}.nut{position:absolute;top:0;left:0;right:0;height:9px;border-radius:999px;background:#020617;z-index:4}.horizontal-fret{position:absolute;left:0;right:0;height:2px;background:#1e293b;transform:translateY(-50%);z-index:1}.vertical-string{position:absolute;top:0;bottom:0;transform:translate(-50%);border-radius:999px;background:#0f172a;z-index:2}.string-1{width:4px}.string-2{width:3.6px}.string-3{width:3.2px}.string-4{width:2.8px}.string-5{width:2.4px}.string-6{width:2px}.finger-dot{box-sizing:border-box;position:absolute;width:34px;height:34px;border:4px solid #f8fafc;border-radius:999px;background:#020617;color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:15px;font-weight:900;line-height:1;z-index:5;pointer-events:none}.diagram-legend{display:flex;justify-content:center;gap:13px;margin-top:13px;color:#334155;font-size:12px;font-weight:900}.helper-text{margin-top:12px;color:var(--danger);font-size:13px;font-weight:800}.chord-diagram-list{display:flex;flex-direction:column;gap:14px}.song-chord-diagram{width:100%;text-align:left;cursor:pointer;opacity:.8;transition:opacity .16s ease,transform .16s ease}.song-chord-card-button{outline:none}.song-chord-card-button:focus-visible .guitar-diagram-card{box-shadow:0 0 0 3px #1111111f,var(--shadow)}.song-chord-diagram:hover,.song-chord-diagram.active{opacity:1}.song-chord-diagram.flash .guitar-diagram-card{animation:chord-diagram-flash .85s ease}.song-chord-diagram .guitar-diagram-card{max-width:100%}.song-chord-diagram:not(.active) .chord-sheet,.song-chord-diagram:not(.active) .diagram-legend,.song-chord-diagram:not(.active) .helper-text{display:none}.song-chord-diagram:not(.active) .diagram-header{align-items:center}.song-chord-diagram:not(.active) .diagram-header h3{font-size:1.3rem}.song-chord-diagram:not(.active) .eyebrow,.song-chord-diagram:not(.active) .base-fret-pill{display:none}.diagram-shape-switcher{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(17,17,17,.08);border-radius:999px;background:#1111110a}.diagram-shape-button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:999px;background:#fffffff5;color:var(--ink)}.diagram-shape-button svg{width:14px;height:14px}.diagram-shape-index{min-width:34px;text-align:center;font-size:.72rem;font-weight:800;color:var(--ink-soft)}@keyframes chord-diagram-flash{0%{box-shadow:0 0 #11111152;transform:translateY(0)}25%{box-shadow:0 0 0 8px #1111111f;transform:translateY(-1px)}to{box-shadow:0 0 #1110;transform:translateY(0)}}.chord-diagram-scroll{overflow:visible;padding-right:8px;padding-bottom:60px}@media (max-width: 1180px){.player-stage{height:auto;min-height:calc(100vh - 96px);overflow:visible}.player-stage-grid,.player-stage-grid.with-video{grid-template-columns:1fr;grid-template-areas:"lyrics" "side"}.player-lyrics-panel,.chord-diagram-scroll{overflow:visible}}@media (max-width: 760px){.player-library-header,.player-library-tools{flex-direction:column;align-items:stretch}.player-library-tools,.player-library-search,.player-library-sort{width:100%;max-width:none;flex-basis:auto}.player-stage{padding:20px}.player-stage-header{flex-direction:column;align-items:stretch}.player-header-controls,.player-transpose-select-shell,.player-transpose-select{width:100%}.player-utility-right,.player-practice-actions{width:100%;justify-content:flex-start;margin-left:0}.player-video-shell,.player-diagram-panel,.player-side-rail{position:static}.uploader-title-row{align-items:flex-start}.player-scroll-controls{width:100%}.player-bpm-modal-grid{grid-template-columns:1fr}.player-scroll-controls-right{margin-left:0;flex-wrap:wrap}.player-lyrics{padding:16px}.player-lyrics .lyrics-line{min-height:64px;font-size:1.12rem}}.sb-audio-analysis-waveform{display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--accent,#8b5cf6) 30%,transparent);border-radius:14px;background:#10121a}.sb-audio-analysis-waveform.recording{border-color:#fb7185}.sb-audio-waveform-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.sb-audio-waveform-head span{font-size:.8rem;color:#a7adbd}.sb-audio-waveform-canvas{position:relative;height:128px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#171b28,#0b0d14)}.sb-audio-waveform-canvas:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid rgba(255,255,255,.08)}.sb-audio-waveform-canvas .sb-waveform-shape{width:100%;height:100%;fill:#9f7aea}.sb-audio-analysis-waveform.recording .sb-waveform-shape{fill:#fb7185}.sb-audio-record-head{position:absolute;right:3px;top:0;bottom:0;width:2px;background:#fecdd3;box-shadow:0 0 8px #fb7185}.sb-audio-analysis-waveform audio{width:100%;height:38px}.sb-analysis-native-arrangement .sb-section-cell{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;align-content:center;align-items:center;gap:10px;padding:0 12px}.sb-analysis-native-arrangement .sb-section-cell .sb-section-edit{grid-column:1;grid-row:1;align-self:center}.sb-analysis-native-arrangement .sb-section-cell .sb-track-state{grid-column:2;grid-row:1;align-self:center;align-items:center;flex-wrap:nowrap;padding:0}.sb-analysis-native-arrangement .sb-track-state>button{box-sizing:border-box;height:30px;min-height:30px;margin:0;line-height:1}.sb-analysis-native-arrangement .sb-track-state>button.armed{display:inline-grid!important;width:30px!important;padding:0!important;place-items:center}.sb-analysis-native-arrangement .sb-track-state>button.armed>span{display:block;line-height:1;transform:translateY(-.5px)}.song-analyze-workspace[hidden]{display:none!important}.sb-mode-analysis-details{margin:0 0 12px;padding:9px 11px;border:1px solid #3e444d;border-radius:7px;background:#191c21;color:#aeb4bd}.sb-mode-analysis-details summary{cursor:pointer;color:#e0c36e;font-size:11px;font-weight:800}.sb-mode-analysis-details[open]{display:flex;flex-wrap:wrap;gap:7px 16px}.sb-mode-analysis-details[open] summary{flex-basis:100%;margin-bottom:3px}.sb-mode-analysis-details span{font-size:10px}.sb-dromos-candidate-grid article>details{margin:6px 0;color:#aeb4bd;font-size:10px}.sb-dromos-candidate-grid article>details summary{cursor:pointer;color:#d5bc74}.sb-dromos-candidate-grid article>details ul{display:grid;gap:3px;margin:6px 0 0;padding-left:17px}.sb-audio-project-analyzer>.sb-audio-analysis-drop,.sb-audio-project-analyzer>.sb-audio-analysis-waveform{display:none}.sb-analysis-input-track{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:190px;overflow:hidden;border:1px solid #363a41;border-radius:9px;background:#15171b}.sb-analysis-input-track>aside{display:flex;flex-direction:column;gap:7px;padding:13px 11px;border-right:1px solid #363a41;background:linear-gradient(180deg,#292c31,#202328)}.sb-analysis-input-track>aside strong{font-size:13px}.sb-analysis-input-track>aside small{margin-bottom:auto;color:#8e959f;font-size:10px}.sb-analysis-input-track>aside button{min-height:30px;border:1px solid #4a4f57;border-radius:5px;background:#202328;color:#e8eaed;font-size:11px}.sb-analysis-input-track>aside button:hover:not(:disabled){border-color:#d6aa38}.sb-analysis-input-track>aside button.recording{border-color:#f26b74;background:#6c2930;color:#fff}.sb-analysis-input-track>aside button.analyze{border-color:#d6aa38;background:#9b7623;color:#fff;font-weight:800}.sb-analysis-input-track>aside button:disabled{opacity:.42}.sb-analysis-input-lane{position:relative;min-width:0;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.25% - 1px),rgba(255,255,255,.07) 6.25%)}.sb-analysis-input-lane.dragging{background-color:#d6aa381f;box-shadow:inset 0 0 0 2px #d6aa38}.sb-analysis-lane-ruler{display:grid;grid-template-columns:repeat(16,1fr);height:24px;border-bottom:1px solid #353941;background:#1c1f24;color:#747b85;font-size:8px}.sb-analysis-lane-ruler span{padding:5px;border-left:1px solid rgba(255,255,255,.07)}.sb-analysis-empty-lane{position:absolute;top:40px;right:18px;bottom:18px;left:18px;display:grid;place-content:center;gap:4px;border:1px dashed #5b616b;border-radius:7px;background:#15171bb8;color:#d7d9dd;text-align:center}.sb-analysis-empty-lane span{color:#89909a;font-size:10px}.sb-analysis-audio-clip{position:absolute;top:34px;bottom:10px;left:10px;width:min(760px,calc(100% - 20px));display:grid;grid-template-rows:auto 1fr auto;gap:5px;padding:8px;border:1px solid #a855f7;border-radius:7px;background:#5c27827a;box-sizing:border-box;overflow:hidden}.sb-analysis-audio-clip.recording{border-color:#fb7185;background:#79233375}.sb-analysis-audio-clip .sb-audio-waveform-canvas{height:auto;min-height:58px}.sb-analysis-audio-clip audio{width:100%;height:28px}@media (max-width:700px){.sb-analysis-input-track{grid-template-columns:116px minmax(360px,1fr);overflow:auto}.sb-analysis-input-track>aside{position:sticky;left:0;z-index:4}}.sb-audio-project-analyzer>.sb-vocal-studio,.sb-audio-project-analyzer>.sb-analysis-input-track{display:none}.sb-analysis-native-arrangement{height:146px;min-height:146px;border:1px solid #34383f;border-radius:7px;overflow:hidden}.sb-analysis-native-arrangement .sb-sections-column,.sb-analysis-native-arrangement .sb-timeline-shell{min-height:144px}.sb-analysis-native-arrangement .sb-sections-head,.sb-analysis-native-arrangement .sb-ruler-viewport{height:44px;min-height:44px}.sb-analysis-native-arrangement .sb-section-cell,.sb-analysis-native-arrangement .sb-lane{height:96px;min-height:96px}.sb-analysis-native-arrangement .sb-track-state{flex-wrap:wrap}.sb-analysis-native-button{width:auto!important;padding-inline:6px!important;border-color:#d6aa38!important;color:#f3d98f!important}.sb-analysis-native-arrangement .sb-vocal-block{cursor:default}.sb-analysis-native-arrangement .sb-vocal-block .sb-vocal-trim{display:none}.sb-analysis-native-arrangement .sb-track-state>button:not(.armed){display:none}.sb-analysis-below-section{display:flex;align-items:center;gap:10px;padding:11px 2px}.sb-analysis-below-section span{color:#9298a1;font-size:11px}.sb-analysis-below-section .sb-solid-button:disabled{opacity:.42}@media (max-width:620px){.sb-analysis-below-section{align-items:flex-start;flex-direction:column}}.sb-audio-project-analyzer>.sb-audio-analysis-results{display:none}.sb-analysis-native-arrangement .sb-lane.drop-target:after{content:"Drop vocal audio · MP3 or WAV";position:sticky;z-index:90;left:18px;top:10px;display:grid;place-content:center;width:min(410px,calc(100vw - 150px));height:72px;margin:10px 0 0 14px;border:1px dashed #e2bd59;border-radius:8px;background:#1f1c14f5;color:#f5df9e;font-size:13px;font-weight:800;text-align:center;pointer-events:none;animation:sb-analysis-drop-pulse .8s ease-in-out infinite alternate}@keyframes sb-analysis-drop-pulse{0%{box-shadow:0 0 #d6aa3800;transform:scale(.995)}to{box-shadow:0 0 22px #d6aa386b;transform:scale(1)}}.sb-audio-project-analyzer{gap:12px;background:radial-gradient(circle at 86% -20%,rgba(214,170,56,.13),transparent 38%),linear-gradient(180deg,#1b1e23,#15171b)}.sb-analysis-header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:4px 2px 8px}.sb-analysis-header small{color:#d6aa38;font-size:9px;font-weight:900;letter-spacing:.17em}.sb-analysis-header h2{font-size:24px;letter-spacing:-.025em}.sb-analysis-timeline-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.sb-analysis-timeline-controls label{display:grid;gap:4px;color:#9299a2;font-size:9px;font-weight:800;text-transform:uppercase}.sb-analysis-timeline-controls select{min-width:90px;height:32px;padding:0 26px 0 9px;border:1px solid #454b54;border-radius:6px;background:#24272d;color:#edf0f3}.sb-analysis-timeline-controls input{width:112px;height:32px;accent-color:#d6aa38}.sb-analysis-native-arrangement{height:166px;min-height:166px;border-color:#464b53;border-radius:10px;background:#111318;box-shadow:0 14px 28px #0000003d}.sb-analysis-native-arrangement .sb-sections-column,.sb-analysis-native-arrangement .sb-timeline-shell{min-height:164px}.sb-analysis-native-arrangement .sb-section-cell,.sb-analysis-native-arrangement .sb-lane{height:116px;min-height:116px}.sb-analysis-native-arrangement .sb-ruler-row{position:relative}.sb-analysis-clickable-ruler{cursor:pointer}.sb-analysis-clickable-ruler:hover{background:#d6aa380b}.sb-analysis-native-arrangement .sb-playhead{z-index:70;top:0;height:100%;background:#ff6874;box-shadow:0 0 9px #ff6874bf}.sb-analysis-native-arrangement .sb-sections-head{display:grid;place-items:center}.sb-analysis-native-arrangement .sb-track-state>button.armed{display:block;width:31px!important;border-color:#81505a!important;color:#ff9daa!important}.sb-analysis-native-arrangement .sb-track-state>button.armed.recording{background:#9f263a!important;color:#fff!important;animation:sb-rec-pulse .9s infinite}.sb-analysis-lane-prompt{position:absolute;z-index:8;top:19px;left:clamp(16px,calc(50vw - 374px),calc(100% - 376px));display:grid;place-content:center;gap:3px;box-sizing:border-box;width:360px;height:78px;color:#dfe2e6;text-align:center;pointer-events:none}.sb-analysis-lane-prompt strong{font-size:13px}.sb-analysis-lane-prompt span{color:#89919b;font-size:10px}.sb-analysis-actionbar{display:flex;align-items:center;gap:10px;padding:0 2px}.sb-analysis-actionbar button{min-width:112px;height:36px;padding:0 14px;border:1px solid #4b515a;border-radius:7px;background:#24272c;color:#e7e9ec;font-weight:700}.sb-analysis-actionbar button:hover:not(:disabled){border-color:#d6aa38}.sb-analysis-actionbar button.primary{border-color:#b68c2e;background:linear-gradient(180deg,#c89b35,#9b7220);color:#17130a}.sb-analysis-actionbar button:disabled{opacity:.42}.sb-analysis-actionbar span{min-width:0;overflow:hidden;color:#8e959e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sb-analysis-native-arrangement .sb-vocal-live{top:10px;height:88px}.sb-analysis-native-arrangement .sb-vocal-live canvas{height:62px}.sb-analysis-native-arrangement .sb-vocal-block{top:10px;height:88px}.sb-analysis-native-arrangement .sb-vocal-block .sb-vocal-waveform{height:52px}@media (max-width:760px){.sb-analysis-header{align-items:stretch;flex-direction:column;gap:12px}.sb-analysis-timeline-controls{display:grid;grid-template-columns:1fr 1fr}.sb-analysis-timeline-controls label:last-child{grid-column:1/-1}.sb-analysis-timeline-controls input{width:100%}.sb-analysis-lane-prompt{left:clamp(12px,calc(50vw - 254px),calc(100% - 252px));width:240px}.sb-analysis-actionbar{align-items:stretch;flex-wrap:wrap}.sb-analysis-actionbar button{flex:0 0 auto}.sb-analysis-actionbar span{flex-basis:100%}}.sb-analysis-actionbar>.primary{margin-left:auto}.sb-dual-mode-analysis{display:grid;gap:12px}.sb-pitch-interpretation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #3d424a;border-radius:9px;background:#17191e}.sb-pitch-interpretation-tabs button{min-height:36px;border:1px solid transparent;border-radius:6px;background:transparent;color:#aeb4bd;font-weight:800}.sb-pitch-interpretation-tabs button.active{border-color:#b68c2e;background:linear-gradient(180deg,#332c1b,#262116);color:#f0d480}.sb-source-audition,.sb-observed-pitch-centers{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 11px;border:1px solid #363b43;border-radius:8px;background:#1b1e23}.sb-source-audition>span,.sb-observed-pitch-centers>strong{margin-right:auto;color:#c7cbd1;font-size:11px}.sb-source-audition button{min-height:29px;padding:0 11px;border:1px solid #4a5059;border-radius:5px;background:#24272d;color:#cfd3d9;font-size:10px;font-weight:800}.sb-source-audition button.active{border-color:#d6aa38;color:#f0d480}.sb-source-audition small{color:#8f969f}.sb-observed-pitch-centers span{padding:4px 7px;border-radius:5px;background:#272b31;color:#e2c56f;font-size:10px}.sb-observed-pitch-centers span small{color:#8f969f}body:has(.song-builder-workspace-page){background:#0f0f0f;margin:0;overflow:hidden}.song-builder-workspace-page,.song-builder-workspace-page *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) rgba(255,255,255,.08)}.song-builder-workspace-page ::-webkit-scrollbar{width:8px;height:8px}.song-builder-workspace-page ::-webkit-scrollbar-track{border-radius:999px;background:#ffffff14}.song-builder-workspace-page ::-webkit-scrollbar-thumb{min-width:24px;min-height:24px;border:0;border-radius:999px;background:#ffffff6b}.song-builder-workspace-page ::-webkit-scrollbar-thumb:hover{background:#ffffff94}.song-builder-workspace-page ::-webkit-scrollbar-corner{background:transparent}.app-shell:has(.song-builder-workspace-page){display:flex;flex-direction:column;gap:8px;height:100vh;min-height:100vh;padding:10px;box-sizing:border-box;background:#0f0f0f;overflow:hidden}.app-shell:has(.song-builder-workspace-page) .app-header{align-items:center;padding:14px 20px;margin-bottom:0;border-radius:8px;border-color:#ffffff14;background:linear-gradient(180deg,#1c1c1cfa,#141414fa);box-shadow:none}.app-shell:has(.song-builder-workspace-page) .app-title{font-size:17px;font-weight:500;letter-spacing:-.02em;color:#f4f4f4}.app-shell:has(.song-builder-workspace-page) .app-subtitle,.app-shell:has(.song-builder-workspace-page) .header-benefits,.app-shell:has(.song-builder-workspace-page) .eyebrow,.app-shell:has(.song-builder-workspace-page) .settings-status{color:#9c9c9c}.app-shell:has(.song-builder-workspace-page) .nav-pill,.app-shell:has(.song-builder-workspace-page) .toolbar-action{min-height:36px;padding:8px 14px;border-radius:999px;border-color:#ffffff14;background:#ffffff08;color:#f4f4f4;box-shadow:none}.app-shell:has(.song-builder-workspace-page) .nav-pill.active,.app-shell:has(.song-builder-workspace-page) .toolbar-action.active,.app-shell:has(.song-builder-workspace-page) .toolbar-action.primary{background:#232323;border-color:#ffffff1f}.app-shell:has(.song-builder-workspace-page) .account-panel{border-color:#11111124;background:#fffffffc;color:#171717}.app-shell:has(.song-builder-workspace-page) .account-panel .settings-panel-header,.app-shell:has(.song-builder-workspace-page) .account-panel .account-panel-label{color:#171717}.app-shell:has(.song-builder-workspace-page) .account-panel .settings-status{color:#5f625f}.app-shell:has(.song-builder-workspace-page) .account-panel .text-input{border-color:#1113;background:#fff;color:#171717}.app-shell:has(.song-builder-workspace-page) .account-panel .text-input::placeholder{color:#737773}.app-shell:has(.song-builder-workspace-page) .account-panel .toolbar-action{border-color:#171717;background:#171717;color:#fff}.app-shell:has(.song-builder-workspace-page) .account-panel .toolbar-action.danger{border-color:#a43b3b59;background:#fff1f1;color:#9e3030}.app-shell:has(.song-builder-workspace-page) .account-panel .account-signout{background:#171717;color:#fff}.app-shell:has(.song-builder-workspace-page) .nav-pill.active{border-color:#d6aa387a;background:#d6aa381a;color:#e2c36e;font-weight:inherit;box-shadow:none}.app-shell:has(.song-builder-workspace-page) .nav-pill.active:hover{border-color:#d6aa38a6;background:#d6aa3826;color:#ead184}.template-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;padding:18px;background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.template-dialog{display:flex;flex-direction:column;width:min(1180px,96vw);height:min(790px,94vh);overflow:hidden;border:1px solid rgba(214,170,56,.32);border-radius:12px;background:#17191d;color:#f4f4f4;box-shadow:0 24px 80px #000000a6}.template-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.template-dialog h2,.template-dialog h3,.template-dialog p{margin:0}.template-dialog>header small{color:#d6aa38;text-transform:uppercase;letter-spacing:.1em}.template-dialog>header>button,.template-details .close{border:0;background:transparent;color:#bbb;font-size:28px}.template-mode-tabs{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.template-mode-tabs button,.template-browser aside button,.template-dialog footer button,.template-card-grid article button,.template-details button{min-height:36px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#25282d;color:#eee}.template-mode-tabs button.active,.template-browser aside button.active{border-color:#d6aa3899;background:#d6aa381f;color:#e5c875}.template-dialog button.primary{border-color:#d6aa38;background:#b88b28;color:#15120a;font-weight:800}.empty-project-form{display:grid;gap:18px;max-width:840px;width:100%;margin:auto;padding:26px}.empty-project-form>div,.template-review-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.empty-project-form label,.template-review label,.template-browser label{display:grid;gap:6px;color:#aeb4bf;font-size:12px}.template-dialog input,.template-dialog select{min-height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#111317;color:#fff}.template-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:14px}.template-browser{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;flex:1;min-height:0}.template-browser>aside{display:flex;min-height:0;flex-direction:column;gap:6px;padding:14px;border-right:1px solid rgba(255,255,255,.08);overflow:auto}.template-browser>main{min-width:0;padding:14px;overflow:auto}.template-filters{display:grid;grid-template-columns:1fr 150px 150px;gap:8px;margin-bottom:12px}.template-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:10px}.template-card-grid article{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#202328}.template-card-grid article.selected{border-color:#d6aa388c}.template-card-grid article>header{display:flex;justify-content:space-between;gap:10px}.template-card-grid article>header small,.template-card-grid article>small{color:#9da3ad}.template-card-grid article>header>b{color:#e1c471}.template-card-grid article>div:last-child,.template-details>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.template-details{position:relative!important;width:auto!important;border-right:0!important;border-left:1px solid rgba(255,255,255,.08);background:#1d2025}.template-details .close{position:absolute;right:10px;top:4px}.template-details h3{font-size:22px}.template-details p{line-height:1.5;color:#bcc1c9}.template-details dl{display:grid;grid-template-columns:80px 1fr;gap:7px;margin:0}.template-details dt{color:#8f96a0}.template-details dd{margin:0}.template-rhythm{display:flex;align-items:center;gap:4px;padding:10px;border-radius:7px;background:#131519}.template-rhythm span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:50%;font-size:11px}.template-rhythm span.group-end{margin-right:7px;border-right:3px solid #d6aa38}.template-rhythm span.active{transform:scale(1.12);background:#d6aa38;color:#17130a}.template-rhythm.compact{padding:6px}.template-rhythm.compact span{width:23px;height:23px}.template-review{height:auto;max-height:92vh}.template-review-grid,.template-role-review{padding:18px 22px}.template-role-review{display:grid;gap:8px}.template-role-review label{display:grid;grid-template-columns:22px 1fr 220px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:6px}.template-role-review input[type=checkbox]{min-height:0}.template-role-review em{color:#aaa}.template-review>footer{padding:16px 22px;border-top:1px solid rgba(255,255,255,.08)}.template-library-choice{display:grid;align-content:center;gap:24px;flex:1;min-height:0;padding:clamp(22px,5vw,58px);overflow:auto}.template-library-choice>header{display:grid;gap:7px;text-align:center}.template-library-choice>header small{color:#d6aa38;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.template-library-choice>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(900px,100%);margin:0 auto}.template-library-choice button{display:grid;gap:10px;min-height:170px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(145deg,#252a31,#191c21);color:#eef1f5;text-align:left}.template-library-choice button:hover{border-color:#d6aa38a6;background:linear-gradient(145deg,#302b20,#202226)}.template-library-choice strong{font-size:22px}.template-library-choice span{color:#aeb4bf;line-height:1.65}.template-navigation label{display:grid;gap:5px}.template-navigation select{width:100%;min-width:0}.template-review>header p{max-width:760px;color:#aeb4bf;line-height:1.5}@media (max-width:850px){.template-browser{grid-template-columns:1fr}.template-browser>aside{max-height:210px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.template-details{position:absolute!important;top:110px!important;right:12px!important;bottom:12px!important;left:12px!important;z-index:2}.empty-project-form>div,.template-review-grid{grid-template-columns:repeat(2,1fr)}.template-filters{grid-template-columns:1fr}.template-dialog{height:96vh}.template-library-choice>div{grid-template-columns:1fr}.template-library-choice button{min-height:130px}}.template-dialog-large{width:min(1380px,98vw);height:min(880px,97vh)}.template-browser-player{grid-template-columns:180px 330px minmax(480px,1fr)}.template-navigation{background:#191c20}.template-list-pane{border-right:1px solid rgba(255,255,255,.08);background:#17191d}.template-list-pane .template-filters{grid-template-columns:1fr 110px}.template-list-pane .template-filters select:last-child{grid-column:1/-1}.template-selection-list{display:grid;gap:6px}.template-selection-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#202328;color:#eee;text-align:left}.template-selection-list>button:hover{border-color:#d6aa3857;background:#25282d}.template-selection-list>button.selected{border-color:#d6aa3894;background:#d6aa381a}.template-selection-list>button span{display:grid;min-width:0}.template-selection-list>button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-selection-list>button small{color:#9da3ad}.template-selection-list>button b{grid-row:1;color:#dfc475;font-size:13px}.template-selection-list>button em{grid-column:2;grid-row:2;color:#9299a3;font-size:10px;font-style:normal}.template-player-detail{display:flex;min-width:0;min-height:0;flex-direction:column;gap:15px;padding:22px 26px;overflow:auto;background:linear-gradient(145deg,#20242a,#191c20)}.template-player-detail>header{display:flex;justify-content:space-between;gap:20px}.template-player-detail>header h3{margin:3px 0;font-size:28px}.template-player-detail>header p,.template-player-detail>header small{color:#9da4ae}.template-player-detail>header>b{align-self:flex-start;padding:8px 11px;border:1px solid rgba(214,170,56,.45);border-radius:7px;color:#dfc475}.template-lead-copy{max-width:760px;line-height:1.55;color:#bdc2ca}.template-player-detail .template-rhythm{justify-content:center;min-height:58px}.template-player{display:grid;grid-template-columns:auto 58px minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(214,170,56,.25);border-radius:10px;background:#15171b}.template-preview-modes{display:flex;gap:4px;padding:3px;border-radius:7px;background:#25282d}.template-preview-modes button{min-height:32px;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:#9da3ad}.template-preview-modes button.active{background:#373b42;color:#efd480}.template-play-button{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(214,170,56,.65);border-radius:50%;background:#b88b28;color:#17130a;font-size:21px}.template-play-button.playing{background:#2b2e34;color:#efd480}.template-player>div:last-child{display:grid;gap:3px}.template-player>div:last-child span{color:#9299a3;font-size:12px}.template-player-detail dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px 14px;margin:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000001f}.template-player-detail dt{color:#8f96a0}.template-player-detail dd{margin:0}.template-player-detail dd small{color:#8f96a0}.template-tips,.template-references{display:grid;gap:6px}.template-tips p{color:#aeb4bd;font-size:12px}.template-references a{color:#dfc475;text-decoration:none}.template-player-detail>footer{display:flex;justify-content:flex-end;margin-top:auto}.template-player-detail>footer button{min-height:40px;padding:9px 18px;border:1px solid #d6aa38;border-radius:7px;background:#b88b28;color:#17130a;font-weight:800}.template-check{display:flex!important;align-items:center;align-self:end;min-height:40px;grid-template-columns:auto 1fr!important}.template-check input{width:18px;min-height:18px}@media (max-width:1050px){.template-browser-player{grid-template-columns:160px 280px minmax(420px,1fr)}}@media (max-width:850px){.template-browser-player{display:flex;flex-direction:column;overflow:auto}.template-navigation{flex:0 0 auto}.template-list-pane{flex:0 0 280px;overflow:auto}.template-player-detail{flex:0 0 auto;min-height:580px}.template-player{grid-template-columns:1fr 54px}.template-player>div:last-child{grid-column:1/-1}}.song-builder-workspace-page{--sb-panel: linear-gradient(180deg, #1a1a1a 0%, #181818 100%);--sb-text: #f4f4f4;--sb-soft: #9c9c9c;--sb-gold: #d6aa38;--sb-line: rgba(255, 255, 255, .08);--sb-grid: rgba(255, 255, 255, .045);--sb-grid-strong: rgba(255, 255, 255, .11);display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;height:100%;width:100%;max-width:none;min-width:0;color:var(--sb-text);font-family:Inter,system-ui,sans-serif;font-size:14px;overflow:hidden;padding-bottom:2px;box-sizing:border-box;position:relative}@media (max-width: 900px){.app-shell:has(.song-builder-workspace-page){padding:8px}}.song-builder-workspace-page .text-input,.song-builder-workspace-page input,.song-builder-workspace-page select,.song-builder-workspace-page button{font-family:inherit}.song-builder-workspace-page .field-label,.song-builder-workspace-page .empty-state p{color:#aaa}.song-builder-workspace-page .text-input{height:36px;padding:0 12px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#151515;color:#f4f4f4}.song-builder-workspace-page .text-input:focus{border-color:#d6aa3899;box-shadow:0 0 0 3px #d6aa381a}.song-builder-workspace-page .sb-readonly-input{display:flex;align-items:center;color:var(--sb-soft);cursor:default}.sb-surface{background:var(--sb-panel);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--sb-text);box-shadow:none}.sb-layout,.sb-section,.sb-sidebar-stack,.sb-panel,.sb-arrangement,.sb-sidebar-card{display:flex;flex-direction:column;gap:8px}.sb-layout{flex:1;display:grid;grid-template-columns:clamp(375px,var(--sb-builder-width,525px),525px) 10px minmax(360px,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden}.sb-layout>.sb-builder-section{width:100%;min-width:375px;max-width:525px}.sb-panel-resizer{position:relative;z-index:5;width:10px;height:100%;cursor:col-resize;touch-action:none;outline:none}.sb-panel-resizer:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;border-radius:2px;background:#ffffff21;transition:background .15s,box-shadow .15s}.sb-panel-resizer:hover:before,.sb-panel-resizer:focus-visible:before,.sb-resizing-panels .sb-panel-resizer:before{background:var(--sb-gold);box-shadow:0 0 0 3px #d6aa3824}.sb-resizing-panels,.sb-resizing-panels *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sb-layout-wide{grid-column:1 / -1;width:100%;min-width:0}.sb-layout>.sb-section,.sb-bottom-layout>.sb-section,.sb-bottom-layout>aside.sb-section{height:100%;min-height:0}.sb-topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"brand transport meta actions";align-items:center;justify-content:start;gap:12px;width:100%;min-width:0;min-height:76px;height:auto;padding:10px 14px;border-radius:10px;overflow:visible}.sb-topbar::-webkit-scrollbar{display:none}.sb-brand,.sb-transport,.sb-meta,.sb-actions,.sb-song-headline,.sb-player-meta,.sb-volume-row,.sb-arrangement-header,.sb-arrangement-copy,.sb-arrangement-footer,.sb-zoom-controls,.sb-scrollbar-shell,.sb-button-row,.sb-pattern-field{display:flex;align-items:center;gap:8px}.sb-brand{width:auto;min-width:190px}.sb-brand-mark{display:grid;place-items:center;width:38px;height:34px;padding:0 7px;box-sizing:border-box;border-radius:5px;border:1px solid rgba(214,170,56,.45);color:var(--sb-gold);font-size:11px;font-weight:700}.sb-brand-copy{display:grid;gap:2px;min-width:0}.sb-app-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sb-song-headline{gap:10px;justify-content:center;flex-wrap:wrap}.sb-title-input{width:132px;padding:0;border:0;background:transparent;color:var(--sb-text);font-size:17px;font-weight:500}.sb-title-input:focus{outline:none}.sb-unsaved{display:block;min-width:128px;padding:4px 10px;border-radius:6px;background:#d6aa381a;color:#f2d177;font-size:15px;font-weight:650;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sb-transport{justify-content:flex-start;padding:4px 8px;border-radius:999px;background:#ffffff06}.sb-brand{grid-area:brand}.sb-transport{grid-area:transport}.sb-meta{grid-area:meta}.sb-actions{grid-area:actions}.sb-top-circle,.sb-ghost-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--sb-text)}.sb-top-circle{width:44px;height:44px;min-width:44px;padding:0}.sb-top-circle.primary{width:52px;height:52px;border-color:var(--sb-gold);color:var(--sb-gold)}.sb-top-circle.active{border-color:#d6aa38bf;background:#d6aa381f;color:var(--sb-gold)}.sb-record-circle{border-color:#fb718594;color:#fb7185}.sb-record-circle span{width:13px;height:13px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px #fb71851f}.sb-record-circle:hover:not(:disabled){background:#be185d24;border-color:#fb7185e0;color:#fecdd3}.sb-record-circle.recording{background:#be185d47;border-color:#fb7185;color:#fecdd3;animation:sb-rec-pulse 1s ease-in-out infinite}.sb-count-in-toggle span{display:flex;align-items:baseline;justify-content:center;gap:1px;font-weight:850;letter-spacing:-.08em}.sb-count-in-toggle span b{line-height:1}.sb-count-in-toggle span b:nth-child(1){font-size:12px}.sb-count-in-toggle span b:nth-child(2){font-size:9px}.sb-count-in-toggle span b:nth-child(3){font-size:7px}.sb-ruler-cell{cursor:pointer}.sb-ruler-cell:hover{background:#d6aa381a;color:var(--sb-gold)}.sb-meta{justify-content:flex-end;padding:0 8px}.sb-meta label{display:grid;gap:3px;color:var(--sb-soft);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.sb-meta label.wide{min-width:100px}.sb-meta .sb-bpm-field span{font-size:12px;font-weight:700;color:#ddd}.sb-meta .sb-bpm-field .sb-meta-input{width:68px;min-width:68px;height:40px;font-size:16px;font-weight:700;text-align:center}.sb-bpm-scrub{display:grid;place-items:center;width:68px;min-width:68px;height:40px;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#151515;color:var(--sb-text);cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.sb-bpm-scrub:hover{border-color:#d6aa38a6;color:var(--sb-gold)}.sb-bpm-scrub b{font-size:16px;font-weight:700;line-height:1}.sb-bpm-scrub .sb-meta-input{border:0;border-radius:4px}.sb-meta .sb-instrument-field .sb-meta-input{min-width:106px;height:40px;font-size:13px;font-weight:650}.sb-meta-input{height:38px;min-width:52px;padding:0 10px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#151515;color:var(--sb-text);font-size:16px;font-weight:700}.sb-actions{justify-content:flex-end;gap:2px;padding-left:8px;border-left:1px solid rgba(255,255,255,.08)}.sb-top-action{width:64px;min-width:64px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:var(--sb-text);font-size:10px;text-transform:uppercase;letter-spacing:.08em;min-height:54px;padding:7px 6px;border-radius:7px;transition:background .16s ease,color .16s ease}.sb-top-action:hover:not(:disabled){background:#ffffff0f;color:#fff}.sb-top-action:disabled{opacity:.45;cursor:not-allowed}.sb-top-action.sb-ai-top-action{width:76px;min-width:76px;margin-left:5px;border:1px solid rgba(218,174,72,.72);background:linear-gradient(145deg,#4b3610,#211806);color:#ffe7a4;box-shadow:inset 0 1px #ffffff1f,0 0 18px #daae4829;font-weight:800}.sb-top-action.sb-ai-top-action:hover:not(:disabled),.sb-top-action.sb-ai-top-action.active{background:linear-gradient(145deg,#76551a,#352507);color:#fff3c7;border-color:#f0c85f;box-shadow:0 0 22px #daae484d}.sb-library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0000008f;z-index:1000}.sb-library-modal{width:min(720px,100%);padding:18px;border-radius:8px}.sb-library-header,.sb-library-actions,.sb-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sb-project-row{display:flex;align-items:center;gap:8px}.sb-library-header{margin-bottom:14px}.sb-library-header strong{font-size:14px;text-transform:uppercase;letter-spacing:.06em}.sb-library-close,.sb-project-delete{width:34px;height:34px;border-radius:5px;border:1px solid var(--sb-line);background:#202020f2;color:var(--sb-soft)}.sb-library-actions{justify-content:flex-start;flex-wrap:wrap;margin-bottom:14px}.sb-project-list{display:grid;gap:10px;max-height:420px;overflow:auto}.sb-project-row{padding:10px;border-radius:8px;border:1px solid var(--sb-line);background:#191919eb}.sb-project-open{flex:1;display:grid;gap:4px;padding:0;border:0;background:transparent;color:var(--sb-text);text-align:left}.sb-project-open span{color:var(--sb-soft);font-size:12px}.sb-mobile-tabs{display:none}.sb-top-panels{display:grid;grid-template-columns:minmax(480px,1.4fr) minmax(220px,.6fr);gap:8px;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;align-items:stretch;height:100%}.sb-pattern-card.playing{border-color:#f2bd62;box-shadow:0 0 0 1px #f2bd6259,0 0 18px #f2bd622e}.sb-pattern-source-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.sb-pattern-source-controls label{display:grid;gap:4px}.sb-chord-order-button{min-width:78px;min-height:48px;display:grid;place-items:center;gap:2px;padding:6px 10px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#24272c;color:var(--sb-soft);font-size:11px;font-weight:700}.sb-chord-order-button b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--sb-gold);color:#171717;font-size:12px}.sb-chord-order-button.active{border-color:var(--sb-gold);color:var(--sb-text)}.sb-selected-progression{display:grid;gap:7px;padding:7px;border:1px solid rgba(214,170,56,.3);border-radius:5px;background:#d6aa380f;cursor:grab}.sb-selected-progression:active{cursor:grabbing}.sb-selected-progression-chords{display:flex;flex-wrap:wrap;gap:5px}.sb-selected-progression-chords button{display:flex;align-items:center;gap:5px;min-height:29px;padding:3px 7px;border:1px solid rgba(214,170,56,.38);border-radius:4px;background:#25282d;color:var(--sb-text)}.sb-selected-progression b{color:var(--sb-gold)}.sb-selected-progression i{color:var(--sb-soft);font-style:normal}.sb-selected-progression-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}.sb-selected-progression-actions .sb-mini-preview{display:inline-flex;width:100%;min-width:0;height:auto;min-height:38px;gap:7px;padding:7px 12px;font-weight:700}.sb-selected-progression-actions>span{width:100%;color:var(--sb-soft);font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.sb-progression-empty{padding:8px;border:1px dashed rgba(255,255,255,.15);border-radius:4px;color:var(--sb-soft);font-size:11px}.sb-timeline-context-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.sb-timeline-context-menu{position:fixed;display:grid;gap:4px;width:170px;padding:6px;border:1px solid rgba(214,170,56,.45);border-radius:6px;background:#17191d;box-shadow:0 12px 32px #00000080;transform:translateY(4px)}.sb-timeline-context-menu small{padding:3px 7px;color:var(--sb-soft)}.sb-timeline-context-menu button{min-height:32px;border:0;border-radius:4px;background:#25282d;color:var(--sb-text);text-align:left}.sb-timeline-context-menu button:hover{background:#d6aa3829;color:var(--sb-gold)}.sb-timeline-context-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px}.sb-timeline-context-menu button.danger{color:#ff8f87}.sb-timeline-context-menu kbd{padding:2px 4px;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:var(--sb-soft);font:9px/1.2 inherit}.sb-top-panels.track-drums>section:first-child{display:none}.sb-top-panels.track-drums{grid-template-columns:minmax(0,1fr)}.sb-top-panels.track-vocal{display:grid;grid-template-columns:minmax(0,1fr)}.sb-vocal-fx-panel{display:grid;gap:16px;overflow:auto}.sb-vocal-fx-heading,.sb-vocal-autotune-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sb-vocal-fx-status{padding:5px 9px;border:1px solid rgba(52,211,153,.45);border-radius:999px;background:#10b9811f;color:#6ee7b7;font-size:10px;font-weight:900;letter-spacing:.08em}.sb-vocal-fx-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.sb-vocal-fx-grid.two{grid-template-columns:repeat(2,minmax(160px,1fr))}.sb-vocal-fx-grid label{display:grid;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#202328}.sb-vocal-fx-grid label>span{display:flex;justify-content:space-between;color:#c7cad0;font-size:12px;font-weight:700}.sb-vocal-fx-grid label b{color:#e7bd55}.sb-vocal-fx-grid input[type=range]{width:100%;accent-color:#d6aa38}.sb-vocal-autotune{display:grid;gap:12px;padding:14px;border:1px solid rgba(168,85,247,.24);border-radius:10px;background:#581c8714}.sb-vocal-autotune.active{border-color:#c084fc94;background:#6b21a821}.sb-vocal-autotune-head>div{display:grid;gap:3px}.sb-vocal-autotune-head small{color:#999faa}.sb-vocal-autotune-head button{min-width:58px;padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#25282d;color:#aaa}.sb-vocal-autotune-head button.active{border-color:#c084fc;background:#7e22ce;color:#fff}.sb-vocal-fx-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sb-vocal-fx-presets>span{margin-right:4px;color:#999faa;font-size:11px;font-weight:800;text-transform:uppercase}.sb-vocal-fx-presets button{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#282b30;color:#ddd}.sb-vocal-fx-presets button:hover{border-color:#d6aa38;color:#fff}@media (max-width:800px){.sb-vocal-fx-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}.sb-top-panels.track-instrument .sb-patterns-panel{order:1}.sb-top-panels.track-instrument .sb-chords-panel{order:2;min-width:300px}.sb-top-panels.track-instrument{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.sb-chord-choice-card.capacity-disabled{opacity:.52}.sb-chord-order-button:disabled{cursor:not-allowed;filter:saturate(.35)}.sb-chord-capacity{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid rgba(91,141,239,.32);border-radius:4px;background:#5b8def14;color:var(--sb-soft);font-size:10px}.sb-chord-capacity strong{color:var(--sb-text);font-size:12px}.sb-chord-capacity.full{border-color:#d6aa3885;background:#d6aa381a}.sb-chord-capacity.full strong{color:var(--sb-gold)}.sb-vocal-quick p{margin:0 0 8px;color:var(--sb-soft);font-size:11px}.sb-rack-dialog{width:min(790px,96vw);max-height:90vh;padding:12px;overflow:hidden}.sb-drum-rack-editor{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;height:min(720px,86vh);color:#d9dde2}.sb-drum-rack-editor header,.sb-drum-rack-editor header>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.sb-drum-rack-editor header>div{align-items:flex-start;flex-direction:column}.sb-drum-rack-editor header small{color:var(--sb-soft)}.sb-rack-warning{margin:0;padding:7px;border:1px solid rgba(229,155,69,.45);border-radius:3px;background:#e59b451a;color:#ffd29a;font-size:11px}.sb-rack-workspace{min-height:0;display:grid;grid-template-columns:minmax(350px,.9fr) minmax(520px,1.35fr);gap:8px;padding:7px;border:1px solid #4b5057;border-radius:5px;background:linear-gradient(180deg,#34383d,#292d31);box-shadow:inset 0 1px #ffffff14}.sb-rack-bank{min-height:0;align-content:start;display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));grid-auto-rows:92px;gap:5px;padding:22px 6px 6px;border-right:1px solid rgba(255,255,255,.12)}.sb-rack-bank article{display:grid;grid-template-rows:minmax(0,1fr) 25px;min-width:0;overflow:hidden;border:1px solid #17191c;border-radius:4px;background:linear-gradient(180deg,#d1d3d4,#9fa3a6);box-shadow:inset 0 1px #eff0f0,0 1px 2px #00000073}.sb-rack-bank article.selected{border-color:#e4bc42;box-shadow:0 0 0 2px #e4bc424d}.sb-rack-bank article.muted{opacity:.55}.sb-rack-pad-trigger{display:grid;align-content:center;gap:3px;min-width:0;padding:5px;border:0;border-bottom:1px solid #777c80;background:transparent;color:#17191b;text-align:center}.sb-rack-pad-trigger b{overflow:hidden;font-size:11px;line-height:1.05;text-overflow:ellipsis}.sb-rack-pad-trigger small{color:#3f4448;font-size:9px}.sb-rack-bank article>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:2px;background:#858a8e}.sb-rack-bank article>div button,.sb-rack-mixer button{min-width:0;padding:0;border:1px solid #666b70;border-radius:2px;background:#b4b7b9;color:#25282a;font-size:9px;font-weight:800}.sb-rack-mixer{min-height:0;overflow:auto;align-content:start;display:grid;grid-auto-rows:minmax(32px,auto);border:1px solid #1b1e20;background:#85898c}.sb-rack-mixer-head,.sb-rack-mixer article{display:grid;grid-template-columns:minmax(130px,1fr) 58px 54px 36px 36px 60px;align-items:center;gap:3px;padding:3px 5px;border-bottom:1px solid #656a6e}.sb-rack-mixer-head{position:sticky;top:0;z-index:2;min-height:26px;background:#aeb1b3;color:#25282a;font-size:9px;font-weight:800}.sb-rack-mixer article{position:relative;background:linear-gradient(180deg,#a5a8aa,#93979a);color:#222527}.sb-rack-mixer article.selected{background:linear-gradient(180deg,#c0c2c3,#a6aaac);box-shadow:inset 3px 0 #e5bd40}.sb-rack-mixer article.muted{opacity:.58}.sb-rack-chain{display:flex;align-items:center;gap:6px;height:25px;border:0!important;background:transparent!important;text-align:left}.sb-rack-chain span{color:#656a6d}.sb-rack-mixer input[type=number]{width:100%;height:23px;box-sizing:border-box;padding:2px 4px;border:1px solid #676b6e;border-radius:2px;background:#d6d8d9;color:#25282a;font-size:10px}.sb-rack-mixer button.active,.sb-rack-bank button.active,.sb-rack-groups button.active{border-color:#c69d1d;background:#f0ca43;color:#191b1c}.sb-rack-sample{position:relative;overflow:hidden;display:grid;place-items:center;height:23px;border:1px solid #676b6e;border-radius:2px;background:#b8bbbd;color:#25282a;font-size:8px;font-weight:800;cursor:pointer}.sb-rack-sample input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sb-rack-row-extra{grid-column:1/-1;display:none;grid-template-columns:1fr auto;gap:6px;padding:3px 0}.sb-rack-mixer article.selected .sb-rack-row-extra{display:grid}.sb-rack-row-extra label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.sb-rack-row-extra label input{width:64px}.sb-rack-row-extra button{min-height:23px;padding:0 9px}.sb-rack-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.sb-rack-groups article{display:grid;grid-template-columns:minmax(48px,1fr) 25px 25px minmax(50px,1fr);align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.08);background:#202328;font-size:10px}.sb-rack-groups input[type=range]{min-width:0;width:100%;accent-color:#e0b83f}@media (max-width:900px){.sb-rack-workspace{grid-template-columns:1fr;overflow:auto}.sb-rack-bank{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.sb-rack-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}.sb-drum-rack-editor{position:relative;display:flex;flex-direction:column;height:min(760px,86vh)}.sb-rack-header-actions{display:flex!important;align-items:center!important;flex-direction:row!important;gap:6px!important}.sb-rack-header-actions button,.sb-rack-selection button{min-height:34px;padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#292d31;color:#e9eaeb;font-weight:700}.sb-drum-rack-editor>.sb-rack-bank{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;padding:10px;border:1px solid #4b5057;border-radius:8px;background:radial-gradient(circle at 50% 0,#3a3f45,#24272c 70%)}.sb-rack-loading{grid-column:1/-1;align-self:stretch;display:grid;place-content:center;justify-items:center;gap:8px;min-height:220px;color:var(--sb-soft);font-size:11px}.sb-rack-loading strong{color:#edf0f2;font-size:13px;letter-spacing:.02em}.sb-rack-loading small{color:#8f979f}.sb-rack-loader{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:5px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#202429;box-shadow:0 8px 20px #00000059}.sb-rack-loader i{display:block;border-radius:4px;background:linear-gradient(145deg,#d5d8da,#81878c);box-shadow:inset 1px 1px #ffffff8c,0 2px 3px #0006;animation:sb-rack-pad-loading 1.15s ease-in-out infinite}.sb-rack-loader i:nth-child(2),.sb-rack-loader i:nth-child(4){animation-delay:.1s}.sb-rack-loader i:nth-child(3),.sb-rack-loader i:nth-child(5),.sb-rack-loader i:nth-child(7){animation-delay:.2s}.sb-rack-loader i:nth-child(6),.sb-rack-loader i:nth-child(8){animation-delay:.3s}.sb-rack-loader i:nth-child(9){animation-delay:.4s}@keyframes sb-rack-pad-loading{0%,55%,to{transform:translateY(0);filter:brightness(.72)}25%{transform:translateY(-3px);filter:brightness(1.35);background:#e3ba47;box-shadow:0 0 10px #e3ba4761}}.sb-rack-large-pad{position:relative;display:grid;align-content:center;justify-items:center;aspect-ratio:1/1;width:100%;min-width:0;gap:6px;padding:10px;border:2px solid #17191c;border-radius:10px;background:linear-gradient(145deg,#e0e2e3,#b8bbbe 46%,#8d9296);color:#17191b;text-align:center;box-shadow:inset 2px 2px #ffffffc7,inset -4px -5px #00000021,0 5px 9px #00000070;cursor:pointer;transition:transform .08s ease,border-color .15s ease,filter .15s ease,box-shadow .15s ease}.sb-rack-large-pad:hover{filter:brightness(1.08);border-color:#737b82;box-shadow:inset 2px 2px #ffffffd1,inset -4px -5px #0000001f,0 9px 16px #00000080}.sb-rack-large-pad:active{transform:translateY(3px);box-shadow:inset 0 2px 7px #00000040,0 1px 3px #0006}.sb-rack-large-pad.selected{border-color:#edc548;box-shadow:inset 2px 2px #ffffffb3,inset -4px -5px #0000001f,0 0 0 4px #e7bd3c38,0 8px 14px #0000007a}.sb-rack-large-pad.empty{border-style:dashed;border-color:#555b61;background:linear-gradient(145deg,#3a3f44,#292d31);color:#858c93;box-shadow:inset 0 2px 10px #00000052}.sb-rack-large-pad b{max-width:100%;overflow:hidden;font-size:clamp(15px,1.65vw,22px);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.sb-rack-large-pad small{max-width:100%;overflow:hidden;color:#3f4448;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sb-rack-large-pad.empty small{color:#777f86}.sb-rack-large-pad em{position:absolute;right:9px;bottom:7px;color:#555b60;font-size:9px;font-style:normal;font-weight:700}.sb-rack-large-pad.empty em{color:#6e757b}.sb-drum-rack-editor header>.sb-rack-selection{position:static;z-index:auto;left:auto;bottom:auto;transform:none;display:flex;align-items:center;flex:0 1 auto;flex-direction:row;gap:7px;width:max-content;max-width:48%;min-height:30px;padding:3px 4px 3px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#191c20f5;box-shadow:none;white-space:nowrap}.sb-drum-rack-editor header>.sb-rack-title{align-items:flex-start;flex:1 1 auto}.sb-rack-selection>div{display:grid;gap:2px;min-width:0;margin-right:auto}.sb-rack-selection small{display:none;color:var(--sb-soft)}.sb-rack-selection p{margin:0 auto 0 0;color:var(--sb-soft);font-size:11px}.sb-rack-replace{position:relative;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;min-height:30px;padding:0 12px;border:1px solid #e0b53a;border-radius:5px;background:linear-gradient(180deg,#e3ba47,#a97d20);color:#17130a;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px #ffffff52}.sb-rack-replace input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sb-rack-saved{color:#83d9a8;font-size:10px;font-weight:800}@media (max-width:760px){.sb-drum-rack-editor header{flex-wrap:wrap}.sb-drum-rack-editor header>.sb-rack-selection{order:3;max-width:100%;width:100%;box-sizing:border-box}.sb-drum-rack-editor>.sb-rack-bank{overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:7px;padding:8px}.sb-rack-replace{min-height:30px}.sb-rack-saved{display:none}}.sb-chord-regions-editor{display:flex;align-items:stretch;gap:3px;min-height:54px;padding:5px;border:1px solid rgba(91,141,239,.28);background:#5b8def0f;overflow-x:auto}.sb-chord-regions-editor>div{position:relative;display:grid;align-content:center;min-width:92px;padding:4px;border-left:3px solid #5b8def;background:#20252c}.sb-chord-regions-editor select{min-width:70px;border:0;background:transparent;color:#fff;font-weight:700}.sb-chord-regions-editor small{color:var(--sb-soft);font-size:10px}.sb-chord-regions-editor input[type=range]{position:absolute;right:-8px;top:0;z-index:2;width:16px;height:100%;opacity:.65;writing-mode:vertical-lr}.sb-bottom-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;height:100%;min-width:0;align-items:stretch}.sb-properties-wide{grid-column:1 / -1;width:100%;min-width:0;height:auto!important}.sb-fx-slider-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}.sb-fx-slider-row>label{min-width:0!important;max-width:none!important}@media (max-width:520px){.sb-fx-slider-row{grid-template-columns:1fr}}.sb-properties-wide .sb-sidebar-stack{width:100%}.sb-properties-wide .sb-sidebar-card{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;width:100%}.sb-properties-wide .sb-sidebar-title{grid-column:1 / -1}.sb-properties-wide .sb-sidebar-grid.two{display:contents}.sb-properties-wide .sb-effects-grid{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.sb-properties-wide .sb-button-row,.sb-properties-wide .empty-state,.sb-properties-wide .sb-vocal-properties-host{grid-column:1 / -1}.sb-builder-section{flex:1;min-height:0;min-width:0;overflow:hidden;height:100%}.sb-panel,.sb-sidebar-card{padding:16px;border-radius:7px}.sb-panel{min-height:0;height:100%;min-width:0}.sb-panel-title,.sb-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sb-panel-subtitle{color:var(--sb-soft);font-size:11px;line-height:1.4}.sb-chord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sb-chord-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;overflow:auto;min-height:0;align-content:start}.sb-chords-panel .sb-chord-choice-card{min-width:150px}.sb-chord-choice-card,.sb-idea-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#181818f0}.sb-chord-choice-card{gap:5px;padding:5px}.sb-chord-choice-card .sb-choice-main{min-height:48px;padding:7px 8px}.sb-chord-choice-card .sb-choice-main strong{font-size:13px}.sb-chord-choice-card .sb-choice-main span{font-size:10px}.sb-chord-choice-card .sb-mini-icon-button{min-width:30px;padding:0 4px;font-size:9px}.sb-pattern-card{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;padding:8px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#181818f0}.sb-chord-choice-card.active,.sb-pattern-card.active,.sb-pattern-idea.active{border-color:#d6aa388c;background:#d6aa3817;box-shadow:inset 0 0 0 1px #d6aa381f}.sb-custom-chord-section{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(177,126,235,.38)}.sb-custom-chord-heading{display:flex;align-items:center;justify-content:space-between;color:#d6b4ff;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.sb-custom-chord-heading i{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#975bd52e;font-style:normal}.sb-chord-choice-card.custom{border-color:#b17eeb6b;background:#70409d24}.sb-chord-choice-card.custom .sb-choice{border-color:#b17eeb33;background:#472a636b}.sb-chord-choice-card.custom.active{border-color:#d2a9ff;background:#884bc33d}.sb-chord-choice-card.flash,.sb-pattern-card.flash{animation:sb-preview-flash .36s ease}.sb-pattern-idea.active{border-color:#d6aa38ad;background:#d6aa381c;box-shadow:inset 4px 0 #d6aa38db,0 0 0 1px #d6aa3814}.sb-pattern-idea.active .sb-pattern-idea-main strong{color:var(--sb-gold)}.sb-pattern-idea.playing:not(.active){border-color:#977cb866;background:#70548f11;box-shadow:0 0 0 1px #977cb808}.sb-pattern-idea.playing:not(.active) .sb-pattern-idea-main strong{color:#c5b4d8}.sb-pattern-idea.active.playing{border-color:#d6aa38ad;background:linear-gradient(90deg,#d6aa381f,#70548f0e);box-shadow:inset 4px 0 #d6aa38db,0 0 0 1px #977cb808}.sb-choice,.sb-length-row,.sb-pattern-row,.sb-outline-action,.sb-add-section{border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#222;color:var(--sb-text)}.sb-choice{height:36px}.sb-choice-main{height:auto;min-height:56px;display:grid;gap:2px;align-content:center;justify-items:start;padding:10px 12px;text-align:left}.sb-choice-main strong{font-size:15px;font-weight:600}.sb-choice-main span{color:var(--sb-soft);font-size:12px}.sb-choice.active,.sb-length-row.active,.sb-pattern-row.active{border-color:var(--sb-gold)}.sb-outline-action{width:170px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border-style:dashed;color:var(--sb-soft)}.sb-length-list,.sb-pattern-list,.sb-sidebar-grid{display:grid;gap:5px}.sb-length-list{align-content:start}.sb-length-row{width:100%;height:38px;text-align:center}.sb-pattern-list{gap:6px;align-content:start;flex:1 1 auto;overflow:auto;min-height:0}.sb-pattern-card.user-pattern{border-color:#5bbe846b;background:#2d704c24}.sb-pattern-card.user-pattern.active{border-color:#70dc9ec2;background:#2d845238;box-shadow:inset 0 0 0 1px #70dc9e24}.sb-pattern-card.user-pattern .sb-pattern-copy strong{display:flex;align-items:center;gap:7px}.sb-pattern-card.user-pattern .sb-pattern-copy strong em{padding:2px 5px;border-radius:999px;background:#5bbe842e;color:#8ee0b0;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.05em}.sb-patterns-panel{display:flex;flex-direction:column;min-height:0}.sb-pattern-preview-chord{display:grid;gap:4px}.sb-pattern-preview-chord .text-input{width:100%;box-sizing:border-box}.sb-pattern-row{min-height:47px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.sb-pattern-copy{display:grid;gap:2px}.sb-pattern-copy strong{font-size:14px;font-weight:500}.sb-pattern-copy span,.sb-total-bars,.sb-sections-head,.sb-section-cell span,.sb-block span,.sb-player-meta span{color:var(--sb-soft)}.sb-pattern-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sb-pattern-select{display:block;width:100%;text-align:left}.sb-mini-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.sb-mini-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 6px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--sb-soft);font-size:10px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.sb-mini-icon-button.active{border-color:#d6aa3899;color:var(--sb-gold)}.sb-mini-icon-button.danger{color:#ff8f87;border-color:#d0534a59}.sb-ellipsis{color:var(--sb-soft);letter-spacing:.14em}.sb-ghost-circle,.sb-ghost-circle.large{width:48px;height:48px}.sb-chord-modal{width:min(820px,100%);gap:14px}.sb-chord-browser-filters{display:grid;grid-template-columns:minmax(220px,380px);gap:12px;width:100%;padding:2px 12px 0 2px;box-sizing:border-box}.sb-chord-browser-filters label{display:grid;gap:8px;min-width:0}.sb-chord-browser-filters label>span{margin-left:2px;color:var(--sb-soft);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.sb-chord-browser-filters .text-input{width:100%;box-sizing:border-box}.sb-chord-browser-hint{margin:2px 12px 4px 2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:var(--sb-soft);font-size:11px;line-height:1.55}.sb-pattern-modal{width:min(1280px,calc(100vw - 32px));max-height:calc(100vh - 24px);display:flex;flex-direction:column;gap:14px}.sb-pattern-modal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;flex:1}.sb-pattern-modal-library,.sb-pattern-modal-builder{display:flex;flex-direction:column;gap:12px;min-height:0}.sb-pattern-modal-builder{justify-content:space-between}.sb-pattern-formula-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.sb-pattern-ideas{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.sb-pattern-saved-list{flex:1;min-height:0;overflow:auto;padding-right:4px}.sb-pattern-new-button{width:100%}.sb-confirm-modal{width:min(520px,100%)}.sb-confirm-error{color:#ff8f87}.sb-pattern-idea{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#181818f0}.sb-pattern-idea.flash{animation:sb-preview-flash .36s ease}.sb-pattern-idea-main{width:100%}.sb-pattern-idea span{color:var(--sb-soft);font-size:12px}.sb-pattern-form-shell{display:grid;align-content:start;gap:12px;min-height:0;flex:1;overflow:auto;padding-right:4px}.sb-pattern-helper,.sb-idea-helper{color:var(--sb-soft);font-size:12px;line-height:1.45}.sb-pattern-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sb-pattern-tool{min-height:44px;display:grid;gap:2px;place-items:center;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#202020;color:var(--sb-text)}.sb-pattern-tool.active{border-color:#d6aa3899;color:var(--sb-gold)}.sb-pattern-tool span{font-size:15px}.sb-pattern-tool strong{font-size:11px;font-weight:600}.sb-rhythm-grid-stack{display:grid;gap:12px;overflow:auto;min-height:0}.sb-rhythm-bar{display:grid;gap:8px;padding:12px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#181818f0}.sb-rhythm-bar-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sb-rhythm-bar-header span{color:var(--sb-soft);font-size:12px}.sb-rhythm-grid-labels,.sb-rhythm-grid{display:grid;gap:6px;align-items:start}.sb-rhythm-grid-16{grid-template-columns:repeat(16,minmax(0,1fr))}.sb-rhythm-grid-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sb-rhythm-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sb-rhythm-grid-labels{color:var(--sb-soft);font-size:12px;text-transform:uppercase;letter-spacing:.02em}.sb-rhythm-grid-labels span{text-align:center;font-weight:700;color:#f0f0f0}.sb-rhythm-grid-labels span:nth-child(4n+1),.sb-rhythm-grid-labels span:nth-child(6n+1){color:#e7c98a}.sb-rhythm-slot-shell{display:grid;gap:4px;grid-template-rows:38px 20px}.sb-rhythm-slot-shell.accented .sb-rhythm-slot{border-color:#d6aa3899;box-shadow:inset 0 0 0 1px #d6aa382e}.sb-rhythm-slot-shell.playing .sb-rhythm-slot{border-color:#d6aa38b8;background:#7a60236b;color:#f5ead0;box-shadow:inset 0 0 0 1px #d6aa382e,0 0 8px #d6aa381f}.sb-rhythm-slot-shell.playing.action-empty .sb-rhythm-slot{border-color:#ffffff24;background:#ffffff0e;color:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff06}.sb-rhythm-slot-shell.playing.action-down .sb-rhythm-slot{border-color:#d6aa38c7;background:#7a60237a;color:#f6dfaa;box-shadow:inset 0 0 0 1px #d6aa3833,0 0 8px #d6aa3821}.sb-rhythm-slot-shell.playing.action-up .sb-rhythm-slot{border-color:#6799e7c7;background:#34528280;color:#cfe1ff;box-shadow:inset 0 0 0 1px #6799e733,0 0 8px #6799e721}.sb-rhythm-slot-shell.playing.action-mute .sb-rhythm-slot{border-color:#d17067b8;background:#70332f75;color:#ffd0cc;box-shadow:inset 0 0 0 1px #d170672e,0 0 8px #d170671a}.sb-rhythm-slot{height:38px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#202020;color:var(--sb-text);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .2s ease-out,color .16s ease-out}.sb-rhythm-slot.active span{font-size:15px}.sb-rhythm-accent{height:20px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--sb-soft);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.sb-rhythm-accent.active{border-color:#d6aa3899;color:var(--sb-gold)}.sb-pattern-modal-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#18181800,#181818f5 24px);position:sticky;bottom:0}.sb-pattern-editor-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 34px;gap:8px;align-items:end;padding:10px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#181818f0}.sb-pattern-editor-row label{display:grid;gap:6px}.sb-pattern-editor-row.simple{grid-template-columns:minmax(0,120px) minmax(0,1fr) 36px 34px;align-items:center}.sb-step-direction{display:grid;gap:6px}.sb-direction-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sb-direction-toggle button{height:36px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#222;color:var(--sb-text)}.sb-direction-toggle button.active{border-color:var(--sb-gold);color:var(--sb-text)}.sb-step-index{display:grid;place-items:center;width:36px;height:36px;border-radius:5px;border:1px solid rgba(255,255,255,.08);color:var(--sb-soft);font-size:12px}.sb-chord-browser-copy{display:grid;gap:4px;color:var(--sb-soft);font-size:12px}.sb-chord-browser-list{display:grid;gap:8px;margin-top:8px;max-height:460px;overflow:auto;padding-right:4px}.sb-chord-browser-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#181818f0}.sb-chord-browser-name{flex:1;display:grid;gap:4px;padding:0;border:0;background:transparent;color:var(--sb-text);text-align:left}.sb-chord-browser-name strong{font-size:15px;font-weight:500}.sb-chord-browser-name span{color:var(--sb-soft);font-size:12px}.sb-chord-browser-actions{display:flex;align-items:center;gap:8px}.sb-chord-browser-actions .sb-solid-button{min-width:88px;flex:0 0 auto}.sb-generated-actions{display:flex;align-items:center;gap:8px}.sb-generated-actions .sb-solid-button{flex:1}.sb-generated-list{display:grid;gap:8px;overflow:auto;min-height:0;align-content:start}.sb-generated-block{display:flex;align-items:stretch;gap:8px;padding:10px;border-radius:7px;border:1px solid rgba(255,255,255,.1);color:#f7f7fb}.sb-generated-block-main{flex:1;display:grid;gap:4px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.sb-generated-block-main strong{font-size:15px;font-weight:600}.sb-generated-block-main span{color:#f7f7fbe6;font-size:12px}.sb-generated-block-main em{color:#f7f7fbc2;font-style:normal;font-size:11px}.sb-generated-block-actions{display:grid;gap:6px}.sb-generated-controls{display:grid;gap:8px}.sb-generated-controls label{display:grid;gap:6px}.sb-generated-block.blue{background:#233752;border-color:#6588d65c}.sb-generated-block.teal{background:#204d4a;border-color:#50acb15c}.sb-generated-block.gold{background:#75531d;border-color:#d09d435c}.sb-generated-block.red{background:#5b2627;border-color:#cb60605c}.sb-generated-block.plum{background:#3c2d4e;border-color:#9f75c65c}@keyframes sb-preview-flash{0%{border-color:#d6aa3859;box-shadow:0 0 #d6aa3800;background:#181818f0}35%{border-color:#d6aa38d9;box-shadow:0 0 0 3px #d6aa3824;background:#302812fa}to{border-color:#ffffff14;box-shadow:0 0 #d6aa3800;background:#181818f0}}.sb-arrangement{min-height:0;height:100%;min-width:0;padding:0;border-radius:7px;overflow:hidden}.sb-arrangement-header{position:relative;justify-content:space-between;height:35px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sb-arrangement-copy{gap:6px;text-transform:uppercase}.sb-arrangement-copy strong{font-size:12px;letter-spacing:.05em}.sb-arrangement-copy span{color:var(--sb-soft);font-size:11px}.sb-arrangement-grid{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0;height:auto;border-bottom:1px solid rgba(255,255,255,.08)}.sb-sections-column{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);background:#141414}.sb-sections-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sb-arrangement-actions{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:6px;transform:translate(-50%,-50%)}.sb-arrangement-actions button{display:grid;place-items:center;width:28px;height:25px;padding:0;border:1px solid var(--sb-line);border-radius:5px;background:#202020;color:var(--sb-text);cursor:pointer}.sb-arrangement-actions button:hover:not(:disabled){border-color:#d6aa388c;color:var(--sb-gold)}.sb-arrangement-actions button:disabled{opacity:.42;cursor:not-allowed}.sb-cursor-save-spinner{position:fixed;z-index:3000;width:18px;height:18px;margin:10px 0 0 12px;border:2px solid rgba(255,255,255,.28);border-top-color:var(--sb-gold);border-radius:50%;pointer-events:none;animation:sb-spin .65s linear infinite;filter:drop-shadow(0 2px 4px #000)}.sb-save-confirmation{position:fixed;z-index:5000;left:50%;top:50%;display:flex;align-items:center;gap:9px;min-width:120px;justify-content:center;padding:12px 20px;border:1px solid rgba(139,239,181,.7);border-radius:9px;background:#1b5b3af5;box-shadow:0 12px 36px #00000073,0 0 24px #4ecf8433;color:#d2ffe4;font-size:.92rem;font-weight:800;letter-spacing:.02em;pointer-events:none;transform:translate(-50%,-50%);animation:sb-save-confirmation-life 1.05s ease both}.sb-save-confirmation span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#8befb5;color:#17462d;font-size:14px}@keyframes sb-save-confirmation-life{0%{opacity:0;transform:translate(-50%,-44%) scale(.94)}16%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(.98)}}.sb-section-cell{display:flex;align-items:center;gap:8px;height:75px;padding:14px;border:0;border-top:1px solid rgba(255,255,255,.04);background:transparent;color:var(--sb-text);text-align:left}.sb-section-cell.active{background:#ffffff05}.sb-section-cell.track-selected{background:#d6aa3814;box-shadow:inset 3px 0 #d6aa38d9}.sb-section-edit{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;color:var(--sb-text);font-weight:700;text-align:left;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-section-edit:hover{color:var(--sb-gold)}.sb-section-edit[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.sb-section-edit[draggable=true]:active{cursor:grabbing}.sb-section-cell{position:relative}.sb-section-cell.reordering{opacity:.48}.sb-section-cell.drop-before:before,.sb-section-cell.drop-after:after{content:"";position:absolute;z-index:20;right:4px;left:4px;height:3px;border-radius:999px;background:#e7bd55;box-shadow:0 0 0 1px #111,0 0 10px #e7bd55bf;pointer-events:none}.sb-section-cell.drop-before:before{top:-2px}.sb-section-cell.drop-after:after{bottom:-2px}.sb-section-bars{color:var(--sb-soft);font-size:12px;font-weight:500}.sb-total-bars{padding:5px 9px;border:1px solid var(--sb-line);border-radius:5px;background:#202020;color:var(--sb-text);font-size:11px;cursor:pointer}.sb-total-bars:hover{border-color:#d6aa388c;color:var(--sb-gold)}.sb-effects-grid{display:grid;gap:12px;padding:12px;border:1px solid var(--sb-line);border-radius:7px;background:#ffffff05}.sb-next-chords{display:grid;gap:7px;padding-top:8px;border-top:1px solid var(--sb-line)}.sb-next-chord-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sb-next-chord{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;padding:6px;border:1px solid var(--sb-line);border-radius:6px;background:#181818;color:var(--sb-text);text-align:left}.sb-next-chord:hover,.sb-next-chord.active{border-color:#d6aa389e;background:#d6aa3817}.sb-next-chord span{display:grid;gap:2px;min-width:0}.sb-next-chord em{color:var(--sb-soft);font-size:10px;font-style:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sb-next-chord-preview{min-width:0;display:grid;gap:2px;padding:0;border:0;background:transparent;color:var(--sb-text);text-align:left;cursor:pointer}.sb-next-chords-wide{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 10px;flex:0 0 auto}.sb-next-chords-wide .sb-next-chord-list{grid-template-columns:repeat(5,minmax(0,1fr))}.sb-next-chords-wide .sb-next-chord{padding:4px 6px}.sb-feedback-card{position:relative;padding:10px 12px;flex:0 0 auto}.sb-feedback-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-left:27px}.sb-feedback-collapse{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#171b20;color:#9ca6b1;cursor:pointer}.sb-feedback-collapse:hover{border-color:#59d5ff7a;color:#cbefff;background:#1b252d}.sb-feedback-collapse:focus-visible{outline:2px solid #59d5ff;outline-offset:2px}.sb-feedback-card.collapsed{display:flex;align-items:center;padding:7px 10px 7px 39px;cursor:pointer}.sb-feedback-card.collapsed:hover{border-color:#59d5ff52;background:#181d22}.sb-feedback-card.collapsed:focus-visible{outline:2px solid #59d5ff;outline-offset:2px}.sb-feedback-card.collapsed .sb-feedback-collapse{top:50%;transform:translateY(-50%)}.sb-feedback-collapsed-label{color:var(--sb-soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sb-feedback-copy{min-width:0}.sb-feedback-copy p{margin:3px 0 0;color:var(--sb-soft);font-size:11px}.sb-feedback-open{flex:0 0 auto;min-height:34px;white-space:nowrap}.sb-feedback-modal{width:min(560px,calc(100vw - 32px));display:grid;gap:16px;padding:18px}.sb-feedback-modal .sb-library-header>div{display:grid;gap:3px}.sb-feedback-modal .sb-library-header span{color:var(--sb-soft);font-size:11px}.sb-feedback-modal>label{display:grid;gap:6px}.sb-feedback-modal .text-input,.sb-feedback-modal textarea{box-sizing:border-box;width:100%;border:1px solid var(--sb-line);border-radius:6px;background:#171717;color:var(--sb-text);font:inherit}.sb-feedback-modal .text-input{min-height:38px}.sb-feedback-modal textarea{min-height:132px;padding:10px 11px;line-height:1.45;resize:vertical}.sb-feedback-modal textarea:focus,.sb-feedback-modal select:focus{outline:1px solid rgba(214,170,56,.72);border-color:var(--sb-gold)}.sb-feedback-status{color:#7ac7a0;font-size:11px}.sb-feedback-modal-actions{display:flex;justify-content:flex-end;gap:8px}.sb-feedback-modal-actions .primary{border-color:#d6aa38b3;background:#d6aa3824;color:var(--sb-gold)}@media (max-width:620px){.sb-feedback-prompt{align-items:stretch;flex-direction:column}.sb-feedback-open{width:100%}.sb-feedback-modal-actions>*{flex:1}}.sb-instrument-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#080808d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sb-instrument-loading-card{width:min(390px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px;text-align:center}.sb-instrument-loading-card>span{color:var(--sb-gold);font-size:16px;font-weight:700}.sb-instrument-loading-card p{margin:0 0 6px;color:var(--sb-soft);font-size:12px}.sb-instrument-loading-card .sb-outline-action{width:100%;justify-content:center}.sb-loading-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.13);border-top-color:var(--sb-gold);border-radius:50%;animation:sb-spin .75s linear infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-effect-control{display:grid;gap:7px}.sb-effect-control .field-label{display:flex;justify-content:space-between}.sb-effect-control .field-label strong{color:var(--sb-gold);font-weight:600}.sb-effect-control input{width:100%;accent-color:var(--sb-gold)}.sb-add-section{height:38px;width:calc(100% - 16px);margin:auto 8px 8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border-style:dashed;color:var(--sb-soft)}.sb-timeline-shell{min-width:0;min-height:0;overflow:hidden;background:#141414}.sb-ruler-row{display:flex;flex:0 0 52px;height:52px;background:#17191d;border-bottom:1px solid rgba(255,255,255,.08)}.sb-ruler-viewport{height:52px;min-height:52px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:#17191d;cursor:pointer}.sb-ruler-viewport .sb-ruler-row{will-change:transform;border-bottom:0}.sb-ruler-cell{position:relative;display:flex;align-items:center;justify-content:center;color:var(--sb-soft);font-size:11px;border-left:1px solid rgba(255,255,255,.05)}.sb-timeline-scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0;height:100%}.sb-timeline-rows{position:relative}.sb-lane{position:relative;display:flex;height:75px;background:#141414}.sb-lane.drop-target{background:#7cdaad1f;box-shadow:inset 0 0 0 1px #9be7bb9e}.sb-ruler-cell b{position:relative;z-index:1;font-weight:650}.sb-ruler-cell i{position:absolute;top:22px;bottom:0;width:1px;background:#ffffff12;pointer-events:none}.sb-ruler-cell i.beat{top:15px;background:#ffffff29}.sb-timeline-drop-preview{position:absolute;z-index:6;top:3px;bottom:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:8px;padding:4px 7px;box-sizing:border-box;overflow:hidden;border:1px dashed rgba(142,224,176,.95);border-radius:5px;background:#2d84526b;color:#e8fff1;box-shadow:0 0 0 1px #14322059,0 5px 18px #00000047;pointer-events:none}.sb-timeline-drop-preview strong,.sb-timeline-drop-preview span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-timeline-drop-preview strong{font-size:11px}.sb-timeline-drop-preview span{color:#b9f0ce;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.sb-timeline-drop-preview.auto-section{top:3px;bottom:auto;height:68px}.sb-block{-webkit-user-select:none;user-select:none}.sb-midi-backdrop{align-items:stretch;padding:0}.sb-block-editor-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:none;height:100vh;margin:0;padding:24px 18px;box-sizing:border-box;border-radius:0;overflow:hidden;animation:sb-midi-sheet-in .22s ease-out both;outline:0}.sb-midi-editor-close{position:absolute;z-index:80;top:18px;right:18px;width:34px;height:34px;min-width:34px;padding:0}.sb-block-editor-modal>.sb-midi-mode-tabs{padding-right:46px}.song-builder-workspace-page>.sb-midi-backdrop{position:relative;inset:auto;z-index:20;flex:0 0 clamp(280px,38vh,430px);min-height:0;padding:0;background:transparent}.song-builder-workspace-page>.sb-midi-backdrop{resize:vertical;overflow:auto}.sb-sections-head{height:52px;min-height:52px;align-items:center;flex-direction:row;justify-content:flex-start;gap:10px}.sb-sections-head>span{flex:0 0 auto}.sb-add-track-menu{display:flex;flex:0 0 auto;align-items:center;gap:5px;white-space:nowrap}.sb-add-track-menu button,.sb-track-state button{min-height:26px;padding:4px 7px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#202328;color:var(--sb-soft);font-size:11px;line-height:1}.sb-track-state{display:flex;gap:3px;padding:0 5px 5px}.sb-track-state button.active,.sb-track-state button.armed{border-color:var(--sb-gold);color:#fff;background:#d6aa3833}.sb-track-state button.solo.active{border-color:#75afff;background:#3f7cd652;color:#dcecff;box-shadow:inset 0 0 0 1px #75afff33,0 0 9px #3f7cd629}.sb-section-edit{display:grid;text-align:left}.sb-section-edit small{color:var(--sb-soft);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.song-builder-workspace-page>.sb-midi-backdrop .sb-block-editor-modal{height:100%;min-height:0;border-radius:6px 6px 0 0;animation:none}.song-builder-workspace-page>.sb-midi-backdrop .sb-library-header{flex:0 0 auto}.song-builder-workspace-page>.sb-midi-backdrop .sb-midi-roll-shell{min-height:130px}.song-builder-workspace-page>.sb-midi-backdrop .sb-midi-transport button{display:none}.sb-block-editor-modal.closing{animation:sb-midi-sheet-out .22s ease-in both}.sb-block-editor-length{display:grid;gap:8px;margin:14px 0 18px}.sb-block-editor-length input{width:100%}.sb-block-event-ruler{position:relative;height:24px;margin-left:0;border-bottom:1px solid rgba(255,255,255,.12)}.sb-block-event-ruler span{position:absolute;font-size:.7rem;color:#ffffff80;transform:translate(4px)}.sb-midi-ruler span{top:0;bottom:0;width:1px;padding:0;border-left:1px solid rgba(255,255,255,.12);transform:none}.sb-midi-ruler span.beat{border-left-color:#ffffff42}.sb-midi-ruler span.bar{border-left:2px solid rgba(155,231,187,.72);color:#b5edca;width:auto;padding-left:5px}.sb-midi-ruler{cursor:pointer}.sb-block-event-list{display:grid;gap:9px;margin-top:10px}.sb-block-event-row{display:grid;grid-template-columns:82px 54px 1fr;align-items:center;gap:9px;font-size:.76rem;color:#ffffffad}.sb-block-event-track{position:relative;height:26px;border-radius:6px;background:#ffffff0e}.sb-block-event-bar{position:absolute;top:3px;bottom:3px;min-width:8px;border-radius:4px;background:linear-gradient(90deg,#74c995,#3b9378)}.sb-block-event-handle{position:absolute;top:0;right:0;width:9px;height:100%;padding:0;cursor:ew-resize;border:0;border-radius:0 4px 4px 0;background:#ffffff7a}.sb-midi-chord-control{display:grid;grid-template-columns:72px minmax(0,220px);align-items:center;gap:10px;margin-bottom:14px}.sb-midi-compact-toolbar{display:flex;align-items:end;gap:8px;min-height:36px;margin:0 46px 6px 0}.sb-midi-editor-controls{display:flex;flex:1;align-items:end;gap:8px;min-width:0;margin:0}.sb-midi-editor-controls .sb-midi-chord-control{display:flex;align-items:center;gap:5px;margin:0}.sb-midi-editor-controls .sb-midi-chord-control .text-input{width:auto;min-width:72px;height:32px;padding:4px 8px}.sb-midi-editor-controls>.sb-drum-fields{flex:1;margin:0}.sb-chord-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0 10px}.sb-chord-filter button{min-width:0;padding:7px 5px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff09;color:#ffffff94;font-size:.67rem}.sb-chord-filter button.active{border-color:#9be7bbb3;background:#70c99524;color:#b8f0ce}.sb-chord-content-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.sb-chord-content-tabs button{min-height:34px;border:1px solid #464c54;border-radius:7px;background:#23272d;color:#aeb5be;font-size:11px;font-weight:800}.sb-chord-content-tabs button.active{border-color:#d6aa38;background:#332b19;color:#f1d47c}.sb-progression-browser-filters{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:7px;margin:8px 0}.sb-progression-browser-filters label{display:grid;gap:4px;color:#929aa4;font-size:9px;font-weight:800;text-transform:uppercase}.sb-ready-progression-note{margin:5px 0 9px;color:#969da6;font-size:10px;line-height:1.45}.sb-ready-progression-list{display:grid;gap:7px;overflow:auto}.sb-ready-progression-list>article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #414850;border-radius:8px;background:linear-gradient(135deg,#22272d,#1d2126);cursor:grab}.sb-ready-progression-list>article:hover{border-color:#d6aa38;background:#29271f}.sb-ready-progression-list article>div{display:grid;gap:3px;min-width:0}.sb-ready-progression-list small{color:#d6aa38;font-size:8px;font-weight:900;text-transform:uppercase}.sb-ready-progression-list strong{font-size:12px}.sb-ready-progression-list span{overflow:hidden;color:#c5cbd2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sb-ready-progression-list footer{display:flex;gap:5px;flex:0 0 auto}.sb-ready-progression-list footer button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 8px;border:1px solid #4b525b;border-radius:6px;background:#282d33;color:#e0e4e8;font-size:9px;font-weight:800}.sb-ready-progression-list footer button:last-child{border-color:#a9842d;background:#9d7625;color:#171209}.sb-ready-progression-list footer button:disabled{opacity:.45}@media (max-width:620px){.sb-progression-browser-filters{grid-template-columns:1fr 1fr}.sb-progression-browser-filters label:first-child{grid-column:1/-1}.sb-ready-progression-list>article{align-items:stretch;flex-direction:column}.sb-ready-progression-list footer button{flex:1;justify-content:center}}.sb-midi-transport{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#ffffffad;font-size:.8rem}.sb-midi-mode-tabs{display:flex;align-items:center;gap:4px;margin:0}.sb-midi-mode-tabs button{height:32px;padding:5px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0a;color:#ffffffad}.sb-midi-mode-tabs button.active{border-color:#8cdbad;background:#70c99524;color:#b8f0ce}.sb-midi-mode-tabs span{margin-left:6px;color:#ffffff73;font-size:.76rem}.sb-chord-inspector{display:grid;grid-template-columns:auto minmax(80px,1fr) repeat(2,minmax(105px,150px));align-items:center;gap:7px;padding:5px 8px;margin-bottom:6px;border:1px solid rgba(117,211,157,.28);border-radius:6px;background:#50ab7614}.sb-chord-inspector>span{color:#fff9;font-size:.76rem}.sb-chord-inspector label{display:flex;align-items:center;gap:5px;font-size:.66rem;color:#ffffff8c}.sb-chord-inspector select{height:30px;padding:3px 7px}.sb-midi-roll-shell{display:grid;grid-template-columns:76px minmax(0,1fr);flex:1;min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px}.song-builder-workspace-page .sb-midi-roll-shell{scrollbar-width:auto;scrollbar-color:rgba(190,202,211,.68) rgba(255,255,255,.1)}.song-builder-workspace-page .sb-midi-roll-shell::-webkit-scrollbar{width:14px;height:14px}.song-builder-workspace-page .sb-midi-roll-shell::-webkit-scrollbar-track{border-radius:7px;background:#20252a;box-shadow:inset 0 0 0 1px #ffffff17}.song-builder-workspace-page .sb-midi-roll-shell::-webkit-scrollbar-thumb{min-width:38px;min-height:38px;border:3px solid #20252a;border-radius:8px;background:#7d8790;background-clip:padding-box}.song-builder-workspace-page .sb-midi-roll-shell::-webkit-scrollbar-thumb:hover{background:#aeb8c1;background-clip:padding-box}.song-builder-workspace-page .sb-midi-roll-shell::-webkit-scrollbar-thumb:active{background:#9be7bb;background-clip:padding-box}.song-builder-workspace-page .sb-midi-roll-shell::-webkit-scrollbar-corner{background:#20252a}.sb-midi-zoom-controls{display:grid;gap:5px;margin-left:auto}.sb-midi-zoom-controls>div{display:flex;align-items:center;gap:4px}.sb-midi-zoom-controls button{display:inline-flex;align-items:center;justify-content:center;gap:1px;height:34px;min-width:38px;padding:0 8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0b;color:#d6dbe2}.sb-midi-zoom-controls button:hover{border-color:#7ed2a385;background:#70c9951f;color:#c8f4d9}.sb-midi-zoom-controls button small{font-size:9px;font-weight:800;color:#8f98a4}.sb-midi-zoom-controls button.reset{min-width:52px;font-size:11px;font-weight:700;color:#aeb6c1}.sb-midi-roll-shell.sb-drum-midi-roll{grid-template-columns:132px minmax(0,1fr)}.sb-midi-velocity{display:grid;grid-template-columns:76px minmax(0,1fr);flex:0 0 82px;min-height:72px;margin:4px 0 8px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#20252a,#171b1f);box-shadow:inset 0 1px #ffffff06}.sb-midi-velocity-toggle-row{display:flex;flex:0 0 auto;justify-content:flex-end;padding:5px 18px 0}.sb-midi-velocity-toggle{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:3px 9px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#252a2f;color:#ffffffad;font-size:.68rem;font-weight:700;cursor:pointer}.sb-midi-velocity-toggle:hover{border-color:#9be7bb8c;color:#b8f0ce;background:#2b3236}.sb-midi-velocity.sb-drum-velocity{grid-template-columns:132px minmax(0,1fr)}.sb-midi-velocity-label{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px;border-right:1px solid rgba(255,255,255,.12);background:#1d2227;color:#b8f0ce;font-size:.72rem;text-align:center;white-space:nowrap}.sb-midi-velocity-label span{color:#ffffff94;font-size:.62rem;font-variant-numeric:tabular-nums}.sb-midi-velocity-viewport{min-width:0;min-height:0;margin-left:5px;overflow:hidden}.sb-midi-velocity-main{display:block;min-width:520px;height:100%;min-height:0;will-change:transform;transform-origin:left center}.sb-midi-velocity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 10px;color:#ffffff87;font-size:.68rem;border-bottom:1px solid rgba(255,255,255,.09)}.sb-midi-velocity-toolbar input{width:min(230px,35vw);accent-color:#ffe08a}.sb-midi-clip-frame{--midi-key-width:76px;display:flex;flex:1;min-height:0;flex-direction:column}.sb-midi-clip-frame.drums{--midi-key-width:132px}.sb-midi-clip-frame>.sb-midi-roll-shell{min-width:0}.sb-midi-clip-range{position:relative;z-index:35;flex:0 0 38px;margin-left:var(--midi-key-width);padding:6px 2px 4px;background:#1a1e22;overflow:visible}.sb-midi-clip-range-line{position:relative;height:8px;border-radius:2px;background:#e95d61;box-shadow:0 0 0 1px #ffffff38,0 2px 7px #e95d614d}.sb-midi-clip-range-preview{position:absolute;z-index:1;top:0;height:8px;border-radius:2px;background:#ff8589;box-shadow:0 0 8px #ff696ea6;pointer-events:none}.sb-midi-roll>.sb-midi-clip-snap-guide{position:absolute;z-index:38;top:0;bottom:0;width:0;border-left:2px solid #ff8589;filter:drop-shadow(0 0 3px rgba(255,105,110,.8));pointer-events:none}.sb-midi-roll>.sb-midi-clip-snap-guide:before{content:"";position:absolute;top:0;left:-5px;width:9px;height:9px;border-radius:50%;background:#ffd0d2;box-shadow:0 0 0 2px #e95d61}.sb-midi-roll>.sb-midi-clip-snap-guide:after{content:"";position:absolute;left:-4px;bottom:3px;width:7px;height:7px;border-right:2px solid #ff8589;border-bottom:2px solid #ff8589;transform:rotate(45deg)}.sb-midi-clip-range-name{position:absolute;z-index:2;top:10px;left:8px;right:8px;overflow:hidden;color:#ffffff85;font-size:.62rem;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.sb-midi-clip-range-handle{position:absolute;z-index:3;top:-5px;width:14px;height:18px;padding:0;border:2px solid #ffd7d8;border-radius:3px;background:#e95d61;box-shadow:0 1px 5px #0000008c;cursor:ew-resize;touch-action:none}.sb-midi-clip-range-handle.left{left:-2px}.sb-midi-clip-range-handle.right{right:-2px}.sb-midi-clip-range-handle:hover,.sb-midi-clip-range-handle:active{background:#ff777b;border-color:#fff;box-shadow:0 0 0 2px #ff777b40,0 1px 6px #0009}.sb-midi-clip-range-values{position:absolute;top:-23px;left:2px;right:2px;display:flex;justify-content:space-between;gap:8px;padding:3px 7px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#101316f0;color:#ffffff9e;font-size:.62rem;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .1s ease,transform .1s ease}.sb-midi-clip-range:has(.sb-midi-clip-range-handle:active) .sb-midi-clip-range-values,.sb-midi-clip-range.resizing .sb-midi-clip-range-values{opacity:1;transform:translateY(0)}.sb-midi-clip-range-values strong{color:#ff9b9e;font-weight:700}.sb-midi-velocity-track{position:relative;height:100%;overflow:hidden;background-image:linear-gradient(to bottom,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(to right,rgba(255,255,255,.075) 1px,transparent 1px);background-size:100% 100%,6.25% 100%}.sb-midi-clip-range-name{z-index:4;top:13px;left:18px;right:18px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:visible;line-height:15px;text-overflow:clip;pointer-events:none}.sb-midi-clip-range-name>button,.sb-midi-clip-range-name>label{display:inline-flex;align-items:center;gap:4px;height:18px;padding:1px 6px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#252a2f;color:#dfe4e9;font-size:.62rem;font-variant-numeric:tabular-nums;pointer-events:auto;touch-action:none}.sb-midi-clip-range-name>button{cursor:ns-resize}.sb-midi-clip-range-name>button:hover{border-color:#ff9b9e;background:#30363b}.sb-midi-clip-range-name>label{border-color:#ff9b9e}.sb-midi-clip-range-name input{width:62px;height:16px;padding:0 3px;border:0;border-radius:2px;outline:0;background:#15191c;color:#ffb0b2;font:inherit;font-variant-numeric:tabular-nums}.sb-midi-clip-range-name small{color:#8e969f;font-size:.52rem;text-transform:uppercase}.sb-midi-clip-range-name b{color:#ffb0b2}.sb-midi-clip-range-name i{color:#7c858e;font-style:normal}.sb-midi-velocity-guide{position:absolute;z-index:0;left:4px;right:0;color:#ffffff47;font-size:.58rem;pointer-events:none;border-top:1px dashed rgba(255,255,255,.1)}.sb-midi-velocity-guide.high{top:8px}.sb-midi-velocity-guide.mid{top:50%}.sb-midi-velocity-bar{position:absolute;z-index:1;bottom:7px;width:10px;max-height:calc(100% - 14px);min-height:5px;padding:0;border:1px solid rgba(255,255,255,.16);border-bottom:0;border-radius:4px 4px 1px 1px;background:linear-gradient(#78d6a1,#318563);box-shadow:inset 0 1px #fff3;cursor:ns-resize;touch-action:none}.sb-midi-velocity-bar:hover{background:linear-gradient(#a9edc5,#4aa97e)}.sb-midi-velocity-bar.active{z-index:2;background:linear-gradient(#fff0a8,#e8b84f);box-shadow:0 0 0 1px #fff3ba,0 0 8px #ffe08a8c}.sb-drum-midi-roll .sb-midi-keyboard{background:#171c21}.sb-drum-midi-roll .sb-midi-keyboard button{padding:3px 9px;color:#e8edf1;border-color:#ffffff1a;font-size:.72rem;font-weight:650;text-transform:capitalize;white-space:nowrap}.sb-drum-midi-roll .sb-midi-keyboard button:empty{opacity:.22}.sb-drum-midi-roll .sb-midi-note{height:36px;min-width:30px;padding:8px 16px 0 9px;border-radius:6px;font-size:.78rem}.sb-drum-midi-roll .sb-midi-grid{background-image:linear-gradient(to right,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.09) 1px,transparent 1px)}.sb-block-editor-modal .sb-drum-fields{grid-template-columns:1fr}.sb-block-editor-modal .sb-drum-fields label:last-child{display:none}.sb-midi-keyboard{position:sticky;left:0;z-index:42;padding-top:24px;background:#efefef;box-shadow:5px 0 10px #00000047}.sb-midi-clip-frame .sb-midi-keyboard{padding-top:62px}.sb-midi-roll>.sb-midi-clip-range{position:sticky;top:0;z-index:40;box-sizing:border-box;width:100%;height:38px;margin-left:0;padding:6px 0 4px}.sb-midi-roll>.sb-midi-ruler{position:sticky;top:38px;z-index:39;background:#1d2227;box-shadow:0 1px #ffffff1f,0 4px 8px #0000003d}.sb-midi-keyboard button{display:block;width:100%;height:24px;padding:4px 4px 0;border:0;border-bottom:1px solid #aaa;color:#222;font-size:.64rem;text-align:left;background:transparent;cursor:pointer;transition:filter 90ms ease,background-color 90ms ease,transform 90ms ease;transform-origin:left center}.sb-midi-keyboard button.black{background:#252525;color:#eee;border-color:#4b4b4b}.sb-midi-keyboard button.active{background:#df6262;color:#fff}.sb-midi-keyboard button.pressed{filter:brightness(.62);background-color:#c85b5e;color:#fff;transform:scaleX(.97)}.sb-midi-roll{position:relative;min-width:520px;margin-left:5px;background:#23282d}.sb-midi-grid{position:relative;background-image:linear-gradient(to right,rgba(255,255,255,.14) 1px,transparent 1px),repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 24px)}.sb-midi-note{position:absolute;z-index:2;height:21px;min-width:10px;padding:3px 10px 0 5px;overflow:hidden;border-radius:3px;cursor:grab;background:#df6262;color:#fff;font-size:.68rem;touch-action:none}.sb-midi-note:active{cursor:grabbing;outline:0;box-shadow:none;filter:brightness(.68)}.sb-midi-note.active{outline:2px solid #ffe08a;box-shadow:0 0 0 1px #00000059,0 0 10px #ffe08a73}.sb-midi-note:active .sb-block-event-handle,.sb-midi-note .sb-block-event-handle{background:#58181b61}.sb-midi-playhead{position:absolute;z-index:3;top:0;bottom:0;width:2px;pointer-events:none;background:#f35f5f;box-shadow:0 0 7px #f35f5fcc}.sb-midi-marquee{position:absolute;z-index:4;pointer-events:none;border:1px solid #ffe08a;background:#ffe08a24}.sb-chord-group{position:absolute;z-index:1;overflow:visible;padding:4px 7px;border:1px solid rgba(112,201,149,.38);border-radius:6px;background:#46ab7129;color:#b9efd0;text-align:right;font-size:.68rem}.sb-chord-group>span{position:absolute;top:-19px;left:0;min-width:max-content;padding:2px 5px;border-radius:4px 4px 0 0;background:#245c3beb;color:#c9f4d8;font-weight:700}.sb-chord-group.active{border-color:#a8efc5;background:#46ab7145;box-shadow:0 0 0 1px #a8efc533}.sb-chord-group{transition:filter .1s ease,background-color .1s ease,transform .1s ease}.sb-chord-group:focus{outline:0}.sb-chord-group:active,.sb-chord-group.active:active{border-color:#1f5b37e6;outline:0;box-shadow:none;filter:brightness(.68);background:#2268416b;transform:scale(.985)}.sb-chord-group:active>span{background:#19462bf5;color:#9bc5aa}.sb-chord-group.custom{border-color:#e6b468;border-style:dotted;background:#be853124}.sb-chord-group.custom>span{background:#744b14f0;color:#ffe1a2}.sb-harmonic-region{position:absolute;z-index:1;top:0;bottom:0;padding:0;border:0;border-left:1px solid rgba(112,201,149,.24);border-right:1px solid rgba(112,201,149,.18);background:#46ab7112;color:#b9efd0;pointer-events:none}.sb-harmonic-region>span{position:sticky;z-index:6;top:64px;display:inline-block;margin:3px;padding:2px 6px;border-radius:4px;background:#1d432eeb;font-size:.67rem;font-weight:750;pointer-events:auto;cursor:pointer}.sb-harmonic-region.active{background:#46ab7124}.sb-midi-harmony-lane{position:sticky;z-index:38;top:62px;height:25px;margin-bottom:-25px;background:#171d1af0;box-shadow:0 1px #70c99538}.sb-midi-harmony-lane button{position:absolute;height:25px;overflow:hidden;padding:3px 7px;border:0;border-right:1px solid rgba(112,201,149,.28);border-radius:0;background:#46ab711a;color:#c9f4d8;font-size:.68rem;font-weight:800;text-align:left;white-space:nowrap}.sb-midi-harmony-lane button.active{background:#46ab7147;color:#effff5}.sb-generated-notes{flex:0 0 auto;display:grid;gap:7px;margin:0 46px 8px 0;padding:8px;border:1px solid rgba(112,201,149,.22);border-radius:8px;background:#1d2227}.sb-generated-notes header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sb-generated-notes header>div{display:flex;gap:4px;overflow:auto}.sb-generated-notes button{padding:3px 7px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#272d32;color:#bdc5cc;font-size:.64rem;text-transform:capitalize}.sb-generated-notes button.active{border-color:#8cdbad;color:#b8f0ce}.sb-generated-phrase-list{display:flex;gap:7px;overflow:auto}.sb-generated-phrase-list article{position:relative;display:grid;grid-template-columns:90px 28px;grid-template-rows:auto 30px;gap:3px 7px;flex:0 0 132px;padding:6px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:#252b30;cursor:grab}.sb-generated-phrase-list article>strong{grid-column:1/3;overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.sb-generated-phrase-list article>button{grid-column:2;grid-row:2}.sb-phrase-mini{position:relative;grid-column:1;grid-row:2;background:#0000002e}.sb-phrase-mini i{position:absolute;height:4px;border-radius:1px;background:#df6262}.sb-midi-phrase-ghost{position:absolute;z-index:5;border:1px dashed #ffe08a;border-radius:3px;background:#ffe08a40;pointer-events:none}.sb-generated-notes header>div{display:grid;gap:1px;overflow:visible}.sb-generated-notes header small{color:#87928c;font-size:.62rem}.sb-generated-chords,.sb-generated-performance-types{display:flex;gap:5px;overflow:auto}.sb-generated-chords button{display:grid;min-width:54px;gap:1px;text-align:left}.sb-generated-chords button b{font-size:.76rem}.sb-generated-chords button small{color:#89938e}.sb-generated-performance-types button{min-width:max-content}.sb-generated-phrase-editor{display:grid;grid-template-columns:repeat(3,minmax(76px,120px)) minmax(180px,1fr);gap:7px;align-items:end}.sb-generated-phrase-editor label{display:grid;gap:3px;color:#9da7a1;font-size:.61rem}.sb-generated-phrase-editor .text-input{height:30px;padding:3px 6px}.sb-generated-phrase-editor article{display:grid;grid-template-columns:minmax(100px,1fr) 30px;grid-template-rows:auto 30px auto;gap:2px 6px;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#252b30;cursor:grab}.sb-generated-phrase-editor article>strong{grid-column:1/3;font-size:.68rem}.sb-generated-phrase-editor article>button{grid-column:2;grid-row:2}.sb-generated-phrase-editor article>small{grid-column:1/3;color:#85908a;font-size:.56rem}.sb-generated-phrase-editor .sb-phrase-mini{grid-column:1;grid-row:2}.sb-editor-patterns{display:grid;gap:7px;margin:0 46px 8px 0;padding:8px;border:1px solid rgba(116,165,220,.24);border-radius:8px;background:#1d2227}.sb-editor-patterns header{display:flex;align-items:end;gap:8px}.sb-editor-patterns header>div{display:grid;gap:1px;margin-right:auto}.sb-editor-patterns header small{color:#87919b;font-size:.61rem}.sb-editor-patterns header label{display:grid;gap:2px;color:#929ca5;font-size:.58rem}.sb-editor-patterns select{height:28px;border:1px solid rgba(255,255,255,.13);border-radius:4px;background:#252b30;color:#dce3e8}.sb-editor-pattern-list{display:flex;gap:6px;overflow:auto}.sb-editor-pattern-list article{display:grid;grid-template-columns:minmax(105px,1fr) 28px;grid-template-rows:auto 16px;flex:0 0 160px;gap:2px 5px;padding:6px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:#252b30;cursor:grab}.sb-editor-pattern-list article>div{display:grid;overflow:hidden}.sb-editor-pattern-list article strong,.sb-editor-pattern-list article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-editor-pattern-list article strong{font-size:.66rem}.sb-editor-pattern-list article small,.sb-editor-pattern-list article>span{color:#84909a;font-size:.56rem}.sb-editor-pattern-list article>button{grid-column:2;grid-row:1;padding:2px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#30373d;color:#dfe6eb}.sb-sounds-browser{gap:14px;max-width:none}.sb-sound-group{display:grid;gap:7px}.sb-sound-group h3{margin:0;color:#9ca7af;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.sb-sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px}.sb-sound-grid button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;min-height:62px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(145deg,#282e33,#20252a);color:#dce3e8;text-align:left}.sb-sound-grid button svg{grid-row:1/3;color:#8fcfac}.sb-sound-grid.drums button svg{color:#e0b875}.sb-sound-grid button strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.sb-sound-grid button small{color:#859099;font-size:.58rem;text-transform:capitalize}.sb-sound-grid button:hover:not(:disabled),.sb-sound-grid button.active{border-color:#83d1a5;background:linear-gradient(145deg,#488b654d,#252d29)}.sb-sound-grid button:disabled{opacity:.38;cursor:not-allowed}.sb-sounds-browser{grid-template-rows:auto auto auto auto auto;min-height:0}.sb-sound-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sb-sound-tabs button{height:34px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#242a2f;color:#9ea8b0;font-weight:700}.sb-sound-tabs button.active{border-color:#83d1a5;background:#488b6533;color:#c9f4d8}.sb-sound-list{display:flex;min-height:0;flex-direction:column;gap:5px;overflow:visible}.sb-sound-list>article{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;gap:4px;flex:0 0 auto;min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:linear-gradient(90deg,#282e33,#22272c);color:#dce3e8;cursor:grab}.sb-sound-list>article:hover,.sb-sound-list>article.active{border-color:#83d1a5;background:linear-gradient(90deg,#488b654d,#252d29)}.sb-sound-list>article:active{cursor:grabbing}.sb-sound-select{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 4px 7px 9px;border:0;background:transparent;color:inherit;text-align:left}.sb-sound-select>svg{color:#8fcfac}.sb-sound-select span{display:grid;min-width:0}.sb-sound-select strong,.sb-sound-select small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-sound-select strong{font-size:.72rem}.sb-sound-select small{color:#849099;font-size:.58rem;text-transform:capitalize}.sb-sound-select i{color:#768189;font-size:.56rem;font-style:normal}.sb-sound-preview{display:grid;place-items:center;align-self:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#30373d;color:#dfe6eb}.sb-sound-preview:hover,.sb-sound-preview.playing{border-color:#d6aa38;background:#3b321d;color:#f6dc8a}.sb-sound-compatibility-note{margin:0;padding:8px;border-radius:6px;background:#e0b87514;color:#bda983;font-size:.64rem}@media (max-width:720px){.sb-generated-notes,.sb-editor-patterns{position:absolute;z-index:75;right:8px;bottom:8px;left:8px;max-height:55vh;margin:0;overflow:auto;box-shadow:0 8px 30px #0000008c}.sb-generated-notes header,.sb-editor-patterns header{align-items:flex-start;flex-direction:column}.sb-generated-phrase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sb-generated-phrase-list article{grid-template-columns:minmax(0,1fr) 28px}.sb-generated-phrase-editor{grid-template-columns:repeat(3,1fr)}.sb-generated-phrase-editor article{grid-column:1/4}.sb-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes sb-midi-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sb-midi-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sb-auto-section-drop{height:225px;align-items:center;justify-content:center;border-top:1px dashed rgba(255,255,255,.16);color:#ffffff7a;font-size:.76rem;letter-spacing:.02em;overflow:hidden;transition:background .14s ease,color .14s ease}.sb-auto-section-plus{display:grid;place-items:center;width:22px;height:22px;margin-right:8px;border:1px solid currentColor;border-radius:5px;font-size:1.1rem;line-height:1}.sb-auto-section-drop.active{color:#9be7bb}.sb-auto-section-drop.active:before{content:"";position:absolute;top:0;right:0;left:0;height:75px;background:#7cdaad1f;border-top:1px dashed rgba(155,231,187,.64);border-bottom:1px dashed rgba(155,231,187,.64)}.sb-auto-section-drop>span{position:relative;z-index:1}.sb-auto-section-drop.active .sb-auto-section-plus{background:#9be7bb29}.sb-auto-section-drop:hover{background:#ffffff0e;color:#ffffffc7}.sb-grid-line{flex:0 0 auto;border-left:1px solid var(--sb-grid)}.sb-grid-line.strong{border-left-color:var(--sb-grid-strong)}.sb-grid-line.beat{border-left-color:#ffffff18}.sb-block{position:absolute;top:3px;height:68px;display:block;align-content:center;gap:4px;padding:0 18px 0 0;border-radius:5px;border:1px solid;color:#f7f7fb;cursor:grab;z-index:2;text-align:center;overflow:hidden}.sb-block-repetitions{display:flex;width:100%;height:100%}.sb-block-repeat{min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;border-right:1px solid rgba(255,255,255,.18);box-sizing:border-box}.sb-block-repeat em{opacity:.75}.sb-block-pattern-name{position:absolute;left:6px;right:22px;bottom:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.sb-block-resize{position:absolute;z-index:4;top:0;right:0;width:18px;height:100%;display:grid;place-items:center;padding:0;border:0;border-left:1px solid rgba(255,255,255,.25);background:#0000002e;color:#fff;cursor:ew-resize;touch-action:none}.sb-block strong{font-size:15px;font-weight:500}.sb-block span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.sb-block em{font-style:normal;font-size:12px;color:#f7f7fbeb}.sb-block.active{box-shadow:0 0 0 1px #ffffff0f,0 0 0 2px #d6aa382e}.sb-block.blue{background:#233752;border-color:#6588d65c}.sb-block.teal{background:#204d4a;border-color:#50acb15c}.sb-block.gold{background:#75531d;border-color:#d09d435c}.sb-block.red{background:#5b2627;border-color:#cb60605c}.sb-block.plum{background:#3c2d4e;border-color:#9f75c65c}.sb-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fffffff2;z-index:3}.sb-selection-marquee{position:absolute;z-index:5;border:1px solid rgba(214,170,56,.9);background:#d6aa3821;pointer-events:none}.sb-playhead:before{content:"";position:absolute;top:-1px;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ffffff}.sb-arrangement-footer{justify-content:space-between;height:56px;margin-top:4px;padding:0 16px}.sb-zoom-controls span,.sb-snap-select span{color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sb-zoom-controls button,.sb-scrollbar-shell button{width:20px;height:20px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#232323;color:var(--sb-soft)}.sb-zoom-controls input{width:76px;flex:0 0 76px;accent-color:var(--sb-gold)}.sb-scrollbar-shell{flex:1;justify-content:center;min-height:30px}.sb-scrollbar-track{width:min(740px,100%);height:18px;padding:3px;box-sizing:border-box;border-radius:999px;background:#ffffff1a;cursor:pointer}.sb-scrollbar-thumb{height:100%;border-radius:inherit;background:#ffffff85;box-shadow:0 1px 4px #00000061,inset 0 0 0 1px #ffffff1f;cursor:grab;touch-action:none;transition:background-color .12s ease,box-shadow .12s ease}.sb-scrollbar-track:hover .sb-scrollbar-thumb{background:#ffffffad}.sb-scrollbar-thumb:active{cursor:grabbing;background:var(--sb-gold);box-shadow:0 0 0 3px #d6aa3833}.song-builder-workspace-page:fullscreen{padding:8px;background:#0f0f0f}.sb-snap-select{display:flex;align-items:center;gap:10px}.sb-snap-select .text-input{width:80px;height:38px}.sb-export-modal{width:min(420px,100%)}.sb-export-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sb-export-options button{min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.sb-export-empty{margin:12px 0 0;color:#d8b45a;text-align:center;font-size:12px}.sb-input-modal{width:min(420px,100%)}.sb-add-track-modal{width:min(560px,100%);padding:22px}.sb-add-track-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.sb-add-track-options>button{display:flex;min-height:128px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(180deg,#292d33,#202329);color:var(--sb-text);text-align:left}.sb-add-track-options>button:hover{border-color:#d6aa38b3;background:linear-gradient(180deg,#30343b,#24282f);transform:translateY(-1px)}.sb-add-track-options>button strong{font-size:15px}.sb-add-track-options>button span{color:var(--sb-soft);font-size:12px;line-height:1.45}.sb-add-track-options>button:nth-child(2):hover{border-color:#e59b45bf}.sb-add-track-options>button:nth-child(3):hover{border-color:#d66b9dbf}.sb-save-modal{width:min(600px,100%);padding:22px}.sb-save-note{margin:12px 0 16px;padding:12px 14px;border:1px solid rgba(214,170,56,.28);border-radius:9px;background:#d6aa3814;color:#c6cbd2;font-size:13px;line-height:1.45}.sb-save-note b{color:#f0ca65;font-weight:700}.sb-save-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sb-save-options>button{display:flex;min-height:132px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(180deg,#292d33,#202329);color:var(--sb-text);text-align:left}.sb-save-options>button:hover{border-color:#d6aa38b3;background:linear-gradient(180deg,#30343b,#24282f);transform:translateY(-1px)}.sb-save-options>button strong{font-size:15px}.sb-save-options>button span{color:var(--sb-soft);font-size:12px;line-height:1.45}@media (max-width: 600px){.sb-save-options{grid-template-columns:1fr}}.sb-key-apply-modal{width:min(560px,100%);padding:22px}.sb-key-change-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:18px 0 14px;padding:16px;border:1px solid rgba(214,170,56,.32);border-radius:10px;background:linear-gradient(135deg,#d6aa381a,#68aeff12);text-align:center}.sb-key-change-summary span,.sb-key-change-summary strong{padding:9px;border-radius:7px;background:#15171a;font-size:17px}.sb-key-change-summary span{color:#a7adb6}.sb-key-change-summary strong{color:#f0ca65}.sb-key-change-summary i{color:#d6aa38;font-size:22px;font-style:normal}.sb-key-apply-modal>p{margin:0 0 16px;color:#b7bec8;font-size:13px;line-height:1.5}.sb-key-apply-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sb-key-apply-options>button{display:flex;min-height:126px;flex-direction:column;align-items:flex-start;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:linear-gradient(180deg,#292d33,#202329);color:#f2f3f5;text-align:left}.sb-key-apply-options>button:hover:not(:disabled){border-color:#d6aa38b3;transform:translateY(-1px)}.sb-key-apply-options>button.recommended{border-color:#5cd38b85;background:linear-gradient(180deg,#234936,#193226)}.sb-key-apply-options>button strong{font-size:14px}.sb-key-apply-options>button span{color:#aab2bc;font-size:12px;line-height:1.45}.sb-key-apply-options>button:disabled{opacity:.45;cursor:not-allowed}.sb-key-dialog-cancel{display:block;margin:16px auto 0;padding:7px 18px;border:0;background:transparent;color:#9da5af}.sb-key-dialog-cancel:hover{color:#fff}.sb-key-apply-modal .sb-ghost-circle{width:34px;height:34px;min-width:34px;padding:0}@media (max-width:600px){.sb-add-track-options,.sb-key-apply-options{grid-template-columns:1fr}.sb-key-change-summary{gap:7px;padding:10px}.sb-key-change-summary span,.sb-key-change-summary strong{font-size:14px}}.sb-dialog-input{width:100%;box-sizing:border-box;font-size:15px}.sb-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.sb-dialog-actions button{width:100%;min-width:0;height:42px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}.sb-input-modal .sb-ghost-circle,.sb-export-modal .sb-ghost-circle{width:34px;height:34px;min-width:34px;padding:0;border-radius:5px;border:1px solid var(--sb-line);background:#202020f2;color:var(--sb-soft)}.sb-rhythm-slot>span{display:grid;place-items:center;width:100%;height:100%}.sb-rhythm-slot svg{display:block}.sb-top-circle svg,.sb-top-action svg,.sb-scrollbar-shell button svg,.sb-ghost-circle svg{display:block;margin:auto;flex:0 0 auto}.sb-scrollbar-shell button{display:inline-grid;place-items:center;padding:0}.sb-sidebar-stack{gap:8px;min-height:0;height:100%;min-width:0;overflow:auto}.sb-sidebar-card{flex:1;min-height:0;border-radius:7px}.sb-sidebar-card:first-child{min-height:220px;height:auto}.sb-sidebar-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-sidebar-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-pattern-field .text-input{flex:1}.sb-mini-preview{display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#151515;color:var(--sb-text)}.sb-mini-preview.playing{border-color:#977cb861;background:#70548f14;color:#c5b4d8}.sb-button-row{justify-content:space-between}.sb-solid-button,.sb-danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;flex:1;border-radius:5px}.sb-solid-button{border:1px solid rgba(255,255,255,.08);background:#202020;color:var(--sb-text)}.sb-danger-button{border:1px solid rgba(208,83,74,.45);background:#d0534a1a;color:#ff8f87}@media (max-width: 900px){body:has(.song-builder-workspace-page){overflow:auto}.sb-layout{display:flex;grid-template-rows:none;overflow:visible}.sb-panel-resizer{display:none}.sb-layout-wide{order:3;width:100%}.sb-properties-wide{order:4}.sb-properties-wide .sb-sidebar-card{grid-template-columns:minmax(0,1fr)}.sb-properties-wide .sb-sidebar-grid.two{display:grid;grid-template-columns:minmax(0,1fr);grid-column:1 / -1}.sb-properties-wide .sb-effects-grid{grid-template-columns:minmax(0,1fr)}.sb-next-chords-wide{grid-template-columns:minmax(0,1fr);align-items:stretch}.sb-next-chords-wide .sb-next-chord-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-builder-section,.sb-top-panels,.sb-bottom-layout,.sb-sidebar-stack,.sb-arrangement,.sb-timeline-scroll{overflow:visible}.sb-mobile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sb-mobile-tabs button{min-height:40px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#1c1c1cf2;color:var(--sb-soft)}.sb-mobile-tabs button.active{border-color:#d8b45acc;color:var(--sb-text)}.song-builder-workspace-page{width:100%;height:auto;overflow:visible}.sb-topbar,.sb-top-panels,.sb-bottom-layout,.sb-arrangement-grid,.sb-sidebar-grid.two,.sb-pattern-modal-layout,.sb-pattern-editor-row,.sb-pattern-formula-row,.sb-pattern-ideas,.sb-pattern-tools{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.sb-rhythm-grid-8,.sb-rhythm-grid-6,.sb-rhythm-grid-labels{grid-template-columns:repeat(4,minmax(0,1fr))}.sb-pattern-modal-footer{flex-direction:column;align-items:stretch}.sb-idea-item,.sb-chord-choice-card,.sb-pattern-card,.sb-chord-choice-list{grid-template-columns:minmax(0,1fr)}.sb-panel,.sb-arrangement,.sb-sidebar-stack,.sb-sidebar-card{height:auto;min-height:0}.sb-section{display:none}.sb-section.visible-mobile{display:flex}}@media (min-width: 901px){.sb-section{display:flex!important}}.sb-ai-launch{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;gap:8px;border:1px solid #64d99b;background:#173c2c;color:#dfffee;border-radius:999px;padding:11px 16px;font-weight:700;box-shadow:0 12px 32px #0008}.sb-ai-panel{position:fixed;right:20px;bottom:20px;z-index:45;width:min(390px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px));display:flex;flex-direction:column;gap:12px;padding:16px;box-shadow:0 18px 60px #000b}.sb-ai-panel header{display:flex;justify-content:space-between;align-items:center}.sb-ai-panel header>div{display:grid;gap:2px}.sb-ai-panel header small{color:#8f9c96}.sb-ai-panel header button{display:grid;place-items:center;border:0;background:transparent;color:inherit;padding:6px}.sb-ai-scope{border:1px solid #395148;background:#17231f;border-radius:8px;padding:8px 10px;color:#b9d5c8;font-size:12px}.sb-ai-messages{min-height:76px;max-height:180px;overflow:auto;display:grid;gap:7px}.sb-ai-messages p{margin:0;padding:8px 10px;border-radius:9px;background:#202725;font-size:13px}.sb-ai-messages .user{margin-left:28px;background:#244738}.sb-ai-messages .empty{color:#89938f}.sb-ai-panel form{display:grid;gap:8px}.sb-ai-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sb-ai-fields label{display:grid;gap:4px;color:#93a29b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sb-ai-fields select,.sb-ai-panel textarea{min-width:0;border:1px solid #3a4541;background:#121615;color:#eef7f3;border-radius:7px;padding:8px}.sb-ai-panel textarea{resize:vertical;min-height:62px;font:inherit}.sb-ai-error{margin:0;color:#ff9b9b;font-size:13px}.sb-ai-proposal{display:grid;gap:8px;border:1px solid #347555;background:#152b21;border-radius:10px;padding:11px}.sb-ai-proposal small{color:#e9c87a}.sb-ai-proposal>div{display:flex;flex-wrap:wrap;gap:6px}.sb-ai-proposal button,.sb-ai-undo{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #456258;background:#1d2925;color:#e7f7ef;border-radius:7px;padding:7px 9px}.sb-ai-undo:disabled{opacity:.45}.sb-ai-candidates{display:grid;gap:9px;max-height:42vh;overflow:auto}.sb-ai-score-grid{display:grid!important;grid-template-columns:repeat(3,1fr);font-size:11px;color:#b8d6c7}.sb-ai-match-head{justify-content:space-between}.sb-ai-history{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sb-ai-target-label{display:block;color:#e9c87a;font-size:8px;letter-spacing:.12em}.sb-section-cell.ai-target{box-shadow:inset 3px 0 #e9c87a}.sb-ai-midi-range{position:absolute;top:0;bottom:0;z-index:1;background:#e9c87a21;border-left:2px solid #e9c87a;border-right:2px solid #e9c87a;pointer-events:none}.sb-midi-grid{position:relative}.sb-ai-prompt{border-top:1px solid #345646;padding-top:7px}.sb-ai-prompt summary{cursor:pointer;color:#b9d5c8;font-size:12px}.sb-ai-prompt pre{max-height:180px;overflow:auto;white-space:pre-wrap;margin:8px 0 0;padding:9px;border-radius:7px;background:#101713;color:#cbd8d1;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.sb-drum-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-drum-fields label{display:grid;gap:5px}.sb-drum-panel .sb-generated-actions{display:flex;flex-wrap:wrap;gap:7px}.sb-drum-panel .sb-generated-block{cursor:grab}@media (max-width:700px){.sb-ai-panel{top:12px;right:12px;bottom:12px;left:12px;width:auto;max-height:none}.sb-ai-fields{grid-template-columns:1fr 1fr}.sb-ai-launch{right:14px;bottom:14px}}@media (max-width: 1500px){.sb-topbar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 12px;height:auto;min-height:76px;overflow:visible}.sb-brand{order:1;width:auto;min-width:190px;flex:0 0 auto}.sb-transport{order:2;flex:0 0 auto;justify-content:flex-start}.sb-meta{order:3;flex:0 0 auto;justify-content:flex-start;padding-left:0}.sb-meta:before{content:""}.sb-actions{order:4;flex:0 0 auto;justify-content:flex-start;padding-left:8px}}.sb-vocal-studio{margin:0 16px 14px;padding:12px;border:1px solid var(--border-color,#334155);border-radius:10px;background:#0f172a73;overflow:auto}.sb-vocal-studio>header{display:flex;gap:12px;align-items:baseline}.sb-vocal-studio>header span{font-size:12px;opacity:.7}.sb-vocal-controls{display:flex;align-items:center;gap:8px;margin:10px 0}.sb-vocal-error{color:#fb7185}.sb-vocal-lane{height:92px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent 44px,rgba(148,163,184,.15) 45px);border:1px solid rgba(148,163,184,.2)}.sb-vocal-block{position:absolute;top:6px;height:78px;min-width:80px;padding:5px;overflow:hidden;border:1px solid #a855f7;border-radius:7px;background:#7e22ce59;color:inherit}.sb-vocal-block.active{outline:2px solid #d8b4fe}.sb-vocal-block input{width:100%;border:0;background:transparent;color:inherit;font-weight:700}.sb-vocal-waveform{height:25px;display:flex;align-items:center;gap:1px}.sb-vocal-waveform i{display:block;flex:1;min-width:1px;background:#e9d5ff}.sb-vocal-block small{display:block;white-space:nowrap}.sb-vocal-block button{font-size:10px}.sb-vocal-analysis{margin-top:12px;display:grid;gap:8px}.sb-vocal-analysis>div,.sb-vocal-progressions{display:flex;gap:7px;flex-wrap:wrap}.sb-vocal-trim{position:absolute;z-index:3;top:0;bottom:0;width:10px;border:0;background:#ffffff59;cursor:ew-resize}.sb-vocal-trim.left{left:0}.sb-vocal-trim.right{right:0}.sb-vocal-suggestion{position:absolute;z-index:4;bottom:3px;height:35px;display:grid;place-content:center;padding:2px;border:2px dashed #facc15;border-radius:5px;background:#713f12e0;text-align:center}.sb-vocal-suggestion small{font-size:8px}.sb-vocal-inspector{display:flex;flex-wrap:wrap;gap:8px;align-items:end;padding:9px;margin-top:9px;border:1px solid rgba(216,180,254,.35);border-radius:7px}.sb-vocal-inspector label,.sb-preview-bars label{display:grid;gap:3px;font-size:11px}.sb-vocal-inspector input{max-width:125px}.sb-preview-bars{display:flex;flex-wrap:wrap;gap:8px}.sb-lane>.sb-vocal-lane{display:contents}.sb-vocal-studio>header,.sb-vocal-studio>.sb-vocal-controls:first-of-type{display:none}.sb-vocal-studio:has(>header+div.sb-vocal-controls:last-child){display:none}.sb-vocal-live{position:absolute;z-index:12;top:7px;height:61px;left:0;width:44px;box-sizing:border-box;padding:5px 8px;border:2px solid #fb7185;border-radius:7px;background:#4c0519f0;pointer-events:none;overflow:hidden}.sb-vocal-live strong{font-size:10px;color:#fecdd3;white-space:nowrap}.sb-vocal-live em{position:absolute;right:8px;top:5px;color:#fda4af;font-size:9px;font-style:normal}.sb-vocal-live canvas{display:block;width:100%;height:38px;margin-top:1px}@keyframes sb-rec-pulse{50%{box-shadow:0 0 0 4px #fb718533}}.sb-arrangement>.sb-vocal-studio{display:none}.sb-vocal-lane.importing-file{border-color:#d6aa38;background-color:#d6aa381a;box-shadow:inset 0 0 0 2px #d6aa387a}.sb-vocal-import-overlay{position:sticky;z-index:80;left:12px;top:8px;display:grid;place-content:center;gap:3px;box-sizing:border-box;width:min(420px,calc(100vw - 120px));height:74px;margin:8px 0 0 12px;border:1px dashed #e2bd59;border-radius:8px;background:#1f1c14f5;color:#f5df9e;text-align:center;pointer-events:none}.sb-vocal-import-overlay strong{font-size:13px}.sb-vocal-import-overlay span{color:#c7b986;font-size:10px}.sb-vocal-studio{display:none!important}.sb-vocal-properties-host{display:grid;gap:12px}.sb-vocal-properties-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid rgba(168,85,247,.35);border-radius:7px;background:#581c8724}.sb-vocal-properties-heading span{font-weight:800;color:#e9d5ff}.sb-vocal-properties-heading small{color:#c4b5fd}.sb-vocal-properties-host .sb-vocal-inspector{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.sb-vocal-properties-host .sb-vocal-inspector>strong,.sb-vocal-properties-host .sb-vocal-inspector>span{grid-column:1/-1}.sb-vocal-properties-host .sb-vocal-inspector input{max-width:none;width:100%}.sb-vocal-properties-host .sb-vocal-analysis{margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.sb-bottom-editor-overlay{position:absolute;left:0;right:0;bottom:0;z-index:700;display:flex;flex-direction:column;min-width:0;min-height:180px;max-width:100%;overflow:hidden;border-top:1px solid rgba(214,170,56,.55);border-radius:7px 7px 0 0;background:#17191d;box-shadow:0 -16px 38px #00000094}.sb-bottom-editor-overlay.resizing{-webkit-user-select:none;user-select:none}.sb-bottom-editor-resize{flex:0 0 16px;display:grid;place-items:center;cursor:ns-resize;touch-action:none;background:#202328}.sb-bottom-editor-resize i{display:block;width:58px;height:4px;border-radius:3px;background:#ffffff52}.sb-bottom-editor-resize:hover i,.sb-bottom-editor-overlay.resizing .sb-bottom-editor-resize i{background:var(--sb-gold)}.sb-bottom-editor-content{display:flex;flex:1;min-width:0;min-height:0;overflow:auto}.sb-bottom-editor-content>.sb-block-editor-modal,.sb-bottom-editor-content>.sb-vocal-waveform-editor{flex:1;width:100%;max-width:none;min-width:0;height:100%;min-height:0;margin:0;border:0;border-radius:0;overflow:auto;animation:none}.sb-vocal-waveform-editor{display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;max-height:none;overflow:auto}.sb-waveform-toolbar,.sb-waveform-actions,.sb-waveform-future{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.sb-waveform-toolbar span{margin-left:auto;font-size:12px;opacity:.75}.sb-waveform-scroll{flex:1;min-height:100px;overflow:auto;border:1px solid rgba(148,163,184,.35);border-radius:10px}.sb-waveform-surface{position:relative;height:100%;min-height:150px;min-width:100%;background:#111827;cursor:crosshair;-webkit-user-select:none;user-select:none}.sb-waveform-ruler{height:30px;border-bottom:1px solid #334155;position:relative}.sb-waveform-ruler i{position:absolute;color:#94a3b8;font-size:10px;font-style:normal}.sb-waveform-peaks{height:calc(100% - 30px);min-height:120px;display:flex;align-items:center;gap:1px;padding:12px}.sb-waveform-peaks i{flex:1;min-width:0;background:#c084fc}.sb-waveform-selection{position:absolute;top:30px;bottom:0;background:#38bdf840;border-inline:2px solid #38bdf8;pointer-events:none}.sb-waveform-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fb7185;pointer-events:none}.sb-waveform-playhead.playing{box-shadow:0 0 8px #fb7185}.sb-waveform-future{padding-top:8px;border-top:1px solid rgba(148,163,184,.25)}.sb-waveform-future label{font-size:11px;opacity:.7}.sb-waveform-future input{width:110px}.sb-timeline-context-backdrop{z-index:900}.sb-library-backdrop{z-index:1000}@media (max-width:700px){.sb-bottom-editor-resize{flex-basis:24px}.sb-bottom-editor-overlay{max-height:88%}.sb-waveform-toolbar span{width:100%;margin-left:0}}.sb-bottom-editor-overlay>.sb-bottom-editor-resize{position:relative;z-index:50;flex:0 0 26px;width:100%;min-height:26px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#292c31,#202328);box-shadow:0 2px 8px #00000047}.sb-bottom-editor-overlay>.sb-bottom-editor-resize i{position:relative;width:72px;height:4px;border-radius:999px;background:#7b8088;box-shadow:0 -6px 0 -1px #555b63,0 6px 0 -1px #555b63}.sb-bottom-editor-overlay>.sb-bottom-editor-resize:hover,.sb-bottom-editor-overlay>.sb-bottom-editor-resize:focus-visible,.sb-bottom-editor-overlay.resizing>.sb-bottom-editor-resize{background:linear-gradient(180deg,#343126,#25241f);outline:none}.sb-bottom-editor-overlay>.sb-bottom-editor-resize:hover i,.sb-bottom-editor-overlay>.sb-bottom-editor-resize:focus-visible i,.sb-bottom-editor-overlay.resizing>.sb-bottom-editor-resize i{background:var(--sb-gold);box-shadow:0 -6px 0 -1px #d6aa389e,0 6px 0 -1px #d6aa389e}.sb-waveform-surface{cursor:pointer}.sb-waveform-clip-controls{grid-template-columns:repeat(3,minmax(150px,1fr))}.sb-waveform-clip-controls>label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;min-height:58px;padding:9px 12px;border:1px solid rgba(214,170,56,.35);border-radius:7px;background:#202328}.sb-waveform-clip-controls>label small{grid-column:1/-1}.sb-waveform-clip-controls>label input{width:92px;min-height:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#15171a;color:#fff;font-weight:800}.sb-waveform-clip-controls>label em{color:#d6aa38;font-size:12px;font-style:normal;font-weight:700}.sb-bottom-editor-overlay{min-height:500px}.sb-waveform-toolbar button,.sb-waveform-actions button{min-height:36px;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:linear-gradient(180deg,#30343a,#24272c);color:#f4f4f4;font-weight:700;box-shadow:inset 0 1px #ffffff0f;transition:border-color .16s ease,background .16s ease,transform .1s ease}.sb-waveform-toolbar button:hover:not(:disabled),.sb-waveform-actions button:hover:not(:disabled){border-color:#d6aa38b3;background:linear-gradient(180deg,#3a3e45,#292c31)}.sb-waveform-toolbar button:active:not(:disabled),.sb-waveform-actions button:active:not(:disabled){transform:translateY(1px)}.sb-waveform-primary-action{min-width:150px!important;border-color:#d6aa38!important;background:linear-gradient(180deg,#d9ae42,#9e7520)!important;color:#17130a!important}.sb-waveform-primary-action:hover:not(:disabled){background:linear-gradient(180deg,#e8c45f,#b88a28)!important}.sb-waveform-actions button:disabled,.sb-waveform-toolbar button:disabled{opacity:.45;cursor:not-allowed}.sb-waveform-clip-controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;margin:8px 0 12px}.sb-waveform-clip-controls>div{display:grid;gap:4px;min-height:58px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#202328}.sb-waveform-clip-controls small{color:#9298a2;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.sb-waveform-clip-controls strong{color:#f3f4f6;font-size:13px}.sb-waveform-clip-controls .planned{opacity:.55}@media (max-width:700px){.sb-waveform-clip-controls{grid-template-columns:repeat(2,minmax(120px,1fr))}}.sb-vocal-waveform-editor .sb-waveform-clip-controls{grid-template-columns:repeat(3,minmax(150px,1fr))!important}.sb-vocal-waveform-editor .sb-waveform-surface{min-width:25%}.sb-waveform-clip-controls>label{grid-template-columns:minmax(90px,1fr) 36px auto}.sb-waveform-clip-controls>label .sb-bpm-drag{width:36px;min-height:34px;padding:0;border:1px solid rgba(214,170,56,.55);border-radius:5px;background:#30291a;color:#f1ca64;font-size:18px;font-weight:900;cursor:ns-resize;touch-action:none}.sb-waveform-clip-controls>label .sb-bpm-drag:hover{background:#493b1d;border-color:#f1ca64}.sb-bpm-ratios{grid-column:1/-1;display:flex;gap:6px}.sb-bpm-ratios button{min-height:28px;padding:4px 9px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#292c31;color:#d8dbe0;font-size:11px;font-weight:800}.sb-bpm-ratios button:hover{border-color:#d6aa38;color:#fff}.sb-waveform-editor-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;flex:1;min-height:0;overflow:hidden}.sb-waveform-control-strip{min-height:0;overflow:auto;padding-right:2px;border-right:1px solid rgba(255,255,255,.09)}.sb-waveform-editor-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.sb-vocal-waveform-editor .sb-waveform-control-strip .sb-waveform-clip-controls{display:flex!important;flex-direction:column;grid-template-columns:none!important;margin:0;padding-right:10px}.sb-waveform-control-strip .sb-waveform-clip-controls>label,.sb-waveform-control-strip .sb-waveform-clip-controls>div{width:100%;min-width:0}.sb-waveform-editor-main .sb-waveform-scroll{width:100%}@media (max-width:760px){.sb-waveform-editor-body{grid-template-columns:1fr;overflow:auto}.sb-waveform-control-strip{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.sb-vocal-waveform-editor .sb-waveform-control-strip .sb-waveform-clip-controls{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr))!important;flex-direction:initial;padding-right:0}.sb-waveform-editor-main{overflow:visible}}.sb-waveform-editor-main .sb-waveform-toolbar{display:flex;align-items:center;gap:12px}.sb-waveform-editor-main .sb-waveform-toolbar>span{margin-left:0}.sb-waveform-zoom{display:flex;align-items:center;gap:7px;margin-left:auto}.sb-waveform-zoom input[type=range]{width:clamp(150px,22vw,320px);height:6px;padding:0;accent-color:#d6aa38;cursor:ew-resize}.sb-waveform-zoom button{display:grid;place-items:center;width:34px;min-width:34px;min-height:34px;padding:0;font-size:20px;line-height:1}.sb-waveform-editor-main .sb-waveform-actions{justify-content:flex-end;margin-left:auto}.sb-waveform-editor-main .sb-waveform-primary-action{margin-left:auto}@media (max-width:760px){.sb-waveform-editor-main .sb-waveform-toolbar{align-items:flex-start;flex-direction:column}.sb-waveform-zoom{width:100%;margin-left:0}.sb-waveform-zoom input[type=range]{flex:1;width:auto}}.sb-waveform-peaks.pannable{cursor:grab;touch-action:none}.sb-waveform-peaks.pannable:active{cursor:grabbing}.sb-waveform-ruler{overflow:visible;z-index:4}.sb-waveform-ruler>button{position:absolute;top:0;bottom:0;width:1px;min-width:1px;padding:0;border:0;border-left:1px solid rgba(148,163,184,.35);border-radius:0;background:transparent;color:#aab1bc;overflow:visible;cursor:pointer}.sb-waveform-ruler>button.bar{border-left-color:#d6aa38}.sb-waveform-ruler>button.beat{border-left-color:#d6aa388c}.sb-waveform-ruler>button.division{border-left-color:#94a3b838}.sb-waveform-ruler>button:after{content:"";position:absolute;top:30px;left:-1px;width:1px;height:calc(100% + 230px);background:currentColor;opacity:.13;pointer-events:none}.sb-waveform-ruler>button:hover{color:#fff}.sb-waveform-ruler>button>i{position:absolute;top:5px;left:4px;white-space:nowrap;color:inherit;font-size:10px;font-style:normal;font-weight:700}.sb-waveform-ruler>button.bar>i{color:#f0ca68}.sb-waveform-ruler{cursor:pointer}.sb-waveform-ruler>button{pointer-events:none}.sb-waveform-ruler:hover{background:#d6aa380b}.sb-waveform-editor-main:has(.sb-waveform-chord-lane) .sb-waveform-peaks{height:calc(100% - 82px);padding-bottom:8px}.sb-waveform-chord-lane{position:absolute;left:0;right:0;bottom:0;height:52px;border-top:1px solid rgba(214,170,56,.45);background:#171b20;z-index:5}.sb-waveform-chord-lane label{position:absolute;top:5px;bottom:5px;box-sizing:border-box;display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border:1px solid rgba(214,170,56,.42);border-radius:5px;background:linear-gradient(180deg,#3b321c,#272217);overflow:hidden}.sb-waveform-chord-lane label small{flex:0 0 auto;color:#d6aa38;font-size:9px;font-weight:900}.sb-waveform-chord-lane select{width:100%;min-width:0;height:30px;padding:3px 5px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#17191d;color:#fff;font-size:11px;font-weight:800}.sb-waveform-commit{margin-right:auto!important;border-color:#5cd38ba6!important;background:linear-gradient(180deg,#27663f,#174128)!important;color:#d8ffe6!important;font-weight:800!important}.sb-waveform-commit:hover{background:linear-gradient(180deg,#348552,#205936)!important}.sb-waveform-editor-main:has(.sb-waveform-melody-lane) .sb-waveform-peaks{height:calc(100% - 82px);padding-bottom:8px}.sb-waveform-editor-main:has(.sb-waveform-chord-lane):has(.sb-waveform-melody-lane) .sb-waveform-peaks{height:calc(100% - 134px)}.sb-waveform-chord-lane:has(+.sb-waveform-melody-lane),.sb-waveform-chord-lane:has(~.sb-waveform-melody-lane){bottom:52px}.sb-waveform-melody-lane{position:absolute;left:0;right:0;bottom:0;height:52px;border-top:1px solid rgba(104,174,255,.48);background:linear-gradient(180deg,#172332,#121a24);z-index:6;overflow:hidden}.sb-waveform-melody-lane i{position:absolute;height:7px;min-width:2px;border-radius:3px;background:#68aeff;box-shadow:0 0 5px #68aeff73}.sb-waveform-melody-lane i span{display:none}.sb-suggested-chords-toggle.melody{border-color:#68aeff80}.sb-suggested-chords-toggle.melody input:checked+i{background:#326ca8}.sb-waveform-commit.melody{border-color:#68aeffa6!important;background:linear-gradient(180deg,#285d91,#183b61)!important;color:#e1f1ff!important}.sb-waveform-primary-action.melody{border-color:#68aeff!important;background:linear-gradient(180deg,#4c8dca,#285d91)!important;color:#08131f!important}.sb-waveform-editor-main .sb-waveform-actions .sb-waveform-primary-action{margin-left:0}.sb-waveform-key-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;padding:8px 10px;border:1px solid rgba(214,170,56,.25);border-radius:7px;background:#1b1e23}.sb-waveform-key-suggestions>strong{margin-right:4px;color:#e7c76f;font-size:12px}.sb-waveform-key-suggestions button{min-height:30px;padding:5px 9px;border:1px solid rgba(214,170,56,.4);border-radius:999px;background:#292419;color:#f5e5b3;font-weight:800}.sb-waveform-key-suggestions button:hover{border-color:#d6aa38;background:#3a311c}.sb-waveform-key-suggestions small{opacity:.7}.sb-waveform-trim-handle{position:absolute;top:42px;bottom:12px;z-index:9;width:20px;padding:0;border:1px solid rgba(240,202,101,.65);border-radius:8px;background:#242016;color:#f0ca65;box-shadow:0 7px 18px #00000059;cursor:ew-resize;touch-action:none}.sb-waveform-trim-handle.left{left:-26px;border-right-width:3px;border-radius:8px 4px 4px 8px}.sb-waveform-trim-handle.right{right:-26px;border-left-width:3px;border-radius:4px 8px 8px 4px}.sb-waveform-trim-handle span{position:absolute;top:50%;left:50%;width:8px;height:42px;border-top:3px solid currentColor;border-bottom:3px solid currentColor;transform:translate(-50%,-50%)}.sb-waveform-trim-handle.left span{border-left:3px solid currentColor}.sb-waveform-trim-handle.right span{border-right:3px solid currentColor}.sb-waveform-trim-handle:hover{border-color:#f0ca65;background:#332915;color:#ffe08a;box-shadow:0 0 0 2px #f0ca6526,0 9px 22px #0000006b}.sb-waveform-editor-main .sb-waveform-scroll{padding-inline:30px}.sb-waveform-surface:has(.sb-waveform-chord-lane) .sb-waveform-trim-handle,.sb-waveform-surface:has(.sb-waveform-melody-lane) .sb-waveform-trim-handle{bottom:64px}.sb-waveform-surface:has(.sb-waveform-chord-lane):has(.sb-waveform-melody-lane) .sb-waveform-trim-handle{bottom:116px}.sb-waveform-clip-range{position:relative;z-index:12;box-sizing:border-box;width:100%;height:38px;padding:6px 0 4px;background:#1a1e22;overflow:visible}.sb-waveform-clip-range-line{position:relative;height:8px;border-radius:2px;background:#e95d61;box-shadow:0 0 0 1px #ffffff38,0 2px 7px #e95d614d}.sb-waveform-clip-range-preview{position:absolute;z-index:1;top:0;height:8px;border-radius:2px;background:#ff8589;box-shadow:0 0 8px #ff696ea6;pointer-events:none}.sb-waveform-clip-range-name{position:absolute;z-index:2;top:10px;left:8px;right:8px;overflow:hidden;color:#ffffff85;font-size:.62rem;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.sb-waveform-clip-range-handle{position:absolute;z-index:3;top:-5px;width:14px;height:18px;padding:0;border:2px solid #ffd7d8;border-radius:3px;background:#e95d61;box-shadow:0 1px 5px #0000008c;cursor:ew-resize;touch-action:none}.sb-waveform-clip-range-handle.left{left:-2px}.sb-waveform-clip-range-handle.right{right:-2px}.sb-waveform-clip-range-handle:hover,.sb-waveform-clip-range-handle:active{background:#ff777b;border-color:#fff;box-shadow:0 0 0 2px #ff777b40,0 1px 6px #0009}.sb-waveform-clip-range-values{position:absolute;top:28px;left:50%;z-index:15;display:flex;gap:12px;padding:3px 8px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#101316f2;color:#ffffff9e;font-size:.62rem;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .1s ease,transform .1s ease}.sb-waveform-clip-range.resizing .sb-waveform-clip-range-values{opacity:1;transform:translate(-50%)}.sb-waveform-clip-range-values strong{color:#ff9b9e}.sb-waveform-clip-snap-guide{position:absolute;z-index:11;top:0;bottom:0;width:0;border-left:2px solid #ff8589;filter:drop-shadow(0 0 3px rgba(255,105,110,.8));pointer-events:none}.sb-waveform-clip-snap-guide:before{content:"";position:absolute;top:0;left:-5px;width:9px;height:9px;border-radius:50%;background:#ffd0d2;box-shadow:0 0 0 2px #e95d61}.sb-waveform-clip-snap-guide:after{content:"";position:absolute;left:-4px;bottom:3px;width:7px;height:7px;border-right:2px solid #ff8589;border-bottom:2px solid #ff8589;transform:rotate(45deg)}.sb-waveform-clip-range-name{z-index:4;top:13px;left:18px;right:18px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:visible;line-height:15px;text-overflow:clip;pointer-events:none}.sb-waveform-clip-range-name>button,.sb-waveform-clip-range-name>label{display:inline-flex;align-items:center;gap:4px;height:18px;padding:1px 6px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#252a2f;color:#dfe4e9;font-size:.62rem;font-variant-numeric:tabular-nums;pointer-events:auto;touch-action:none}.sb-waveform-clip-range-name>button{cursor:ns-resize}.sb-waveform-clip-range-name>button:hover{border-color:#ff9b9e;background:#30363b}.sb-waveform-clip-range-name>label{border-color:#ff9b9e}.sb-waveform-clip-range-name input{width:62px;height:16px;padding:0 3px;border:0;border-radius:2px;outline:0;background:#15191c;color:#ffb0b2;font:inherit;font-variant-numeric:tabular-nums}.sb-waveform-clip-range-name small{color:#8e969f;font-size:.52rem;text-transform:uppercase}.sb-waveform-clip-range-name b{color:#ffb0b2}.sb-waveform-clip-range-name i{color:#7c858e;font-style:normal}.sb-waveform-editor-main .sb-waveform-scroll{padding-inline:6px}.sb-vocal-waveform-editor .sb-waveform-peaks{height:calc(100% - 68px)}.sb-vocal-waveform-editor .sb-waveform-selection{top:68px}.sb-vocal-waveform-editor .sb-waveform-playhead{top:38px}.sb-waveform-editor-main:has(.sb-waveform-chord-lane) .sb-waveform-peaks,.sb-waveform-editor-main:has(.sb-waveform-melody-lane) .sb-waveform-peaks{height:calc(100% - 120px)}.sb-waveform-editor-main:has(.sb-waveform-chord-lane):has(.sb-waveform-melody-lane) .sb-waveform-peaks{height:calc(100% - 172px)}.sb-vocal-waveform-editor .sb-waveform-chord-alignments{top:68px}.sb-waveform-chord-alignments{position:absolute;top:30px;left:0;right:0;bottom:52px;z-index:7;pointer-events:none}.sb-waveform-surface:has(.sb-waveform-chord-lane):has(.sb-waveform-melody-lane) .sb-waveform-chord-alignments{bottom:104px}.sb-waveform-chord-alignments i{position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:#f6d365;box-shadow:0 0 0 1px #17191dbf,0 0 12px #f6d365bf;opacity:.95;transform:translate(-1px)}.sb-waveform-mini-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:9px 12px;border:1px solid rgba(214,170,56,.28);border-radius:7px;background:#202328}.sb-waveform-mini-control small{grid-column:1/-1;color:#aab1bc;font-size:11px;font-weight:800}.sb-waveform-mini-control input{width:64px;min-height:32px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#15171a;color:#fff;font-weight:900}.sb-waveform-mini-control em{color:#f1ca64;font-size:12px;font-style:normal;font-weight:900}.sb-analysis-choice-popover{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:9px 10px;border:1px solid rgba(214,170,56,.38);border-radius:8px;background:#1b1e23;box-shadow:0 10px 24px #00000047}.sb-analysis-choice-popover strong{margin-right:auto;color:#f1ca64;font-size:12px}.sb-analysis-choice-popover button{min-height:30px;padding:5px 10px;border:1px solid rgba(214,170,56,.42);border-radius:999px;background:#2b2417;color:#f8e7b5;font-weight:800}.sb-analysis-choice-popover button:hover{border-color:#f1ca64;background:#3a301b}.sb-analysis-choice-popover button.ghost{border-color:#ffffff24;background:#202328;color:#cbd5e1}.sb-suggested-chords-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;margin:10px 10px 0 0;padding:9px 10px;border:1px solid rgba(104,174,255,.35);border-radius:7px;background:linear-gradient(180deg,#27394bf0,#182431f0);cursor:pointer;-webkit-user-select:none;user-select:none}.sb-suggested-chords-toggle span{display:flex;min-width:0;flex-direction:column;gap:2px}.sb-suggested-chords-toggle small{color:#91a7bb;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.sb-suggested-chords-toggle strong{color:#e4f2ff;font-size:12px;line-height:1.2}.sb-suggested-chords-toggle input{position:absolute;opacity:0;pointer-events:none}.sb-suggested-chords-toggle>i{position:relative;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:#101923;box-shadow:inset 0 0 0 1px #ffffff26;transition:.18s ease}.sb-suggested-chords-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9aabba;transition:.18s ease}.sb-suggested-chords-toggle input:checked+i{background:#31795b;box-shadow:inset 0 0 0 1px #82eeb980,0 0 12px #41be802e}.sb-suggested-chords-toggle input:checked+i:after{left:19px;background:#d9ffeb}.sb-suggested-chords-toggle:focus-within{outline:2px solid rgba(104,174,255,.7);outline-offset:2px}.sb-arpeggio-pattern-modal{width:min(1180px,96vw);height:min(760px,86vh);max-width:min(1180px,96vw);padding:20px;overflow:hidden}.sb-arpeggio-editor{position:relative;display:flex;flex-direction:column;gap:18px;height:100%;min-height:0;overflow:hidden}.sb-arpeggio-editor>.sb-pattern-editor-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:72px;padding:0 46px 12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.sb-arpeggio-editor>.sb-pattern-editor-header h3{margin:3px 0}.sb-arpeggio-editor>.sb-pattern-editor-header p{margin:0;color:var(--sb-soft)}.sb-arpeggio-close{position:absolute;top:0;right:0}.sb-arpeggio-toolbar{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,.9fr) minmax(110px,.6fr) minmax(110px,.6fr) minmax(150px,.85fr) minmax(180px,1fr);gap:12px;align-items:end}.sb-arpeggio-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0}.sb-arpeggio-toolbar .text-input{min-height:42px}.sb-arpeggio-contour-preview{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1.3fr);gap:18px;align-items:center;padding:12px 16px;border:1px solid rgba(157,183,255,.18);border-radius:14px;background:#0e14249e}.sb-arpeggio-contour-preview>div{display:flex;flex-direction:column;gap:5px;text-transform:capitalize}.sb-arpeggio-contour-preview span{font-size:.78rem;color:var(--sb-muted,#9ca8bd)}.sb-arpeggio-contour-preview svg{width:100%;height:72px;overflow:visible}.sb-arpeggio-contour-preview polyline{fill:none;stroke:#82a7ff;stroke-width:2}.sb-arpeggio-contour-preview circle{fill:#f3c67a;stroke:#171d2c;stroke-width:1.5}.sb-arpeggio-preset-field{grid-column:span 2}.sb-arpeggio-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;padding-top:2px}.sb-arp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:118px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0f;color:var(--text,#eef3ff);font-weight:750;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.sb-arp-button:hover,.sb-arp-button:focus-visible{background:#75afff24;border-color:#75afff7a;outline:none}.sb-arp-button:active{transform:translateY(1px)}.sb-arp-button.preview{background:#75afff1f;border-color:#75afff59}.sb-arp-button.primary{background:linear-gradient(180deg,#75affff5,#4970e5f5);border-color:#75afffad;color:#fff}.sb-arp-button.danger{min-height:40px;margin-top:auto;border-color:#d0534a7a;background:#d0534a1a;color:#ffaaa3}.sb-arp-button.danger:hover,.sb-arp-button.danger:focus-visible{border-color:#ff7067c7;background:#d0534a33}.sb-arpeggio-pattern-summary{display:flex!important;align-items:center;gap:6px;color:#9ce7ff!important}.sb-arpeggio-pattern-summary i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#75afff29;color:#9ce7ff;font-size:12px;font-style:normal}.sb-arpeggio-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;min-height:0;flex:1 1 auto}.sb-arpeggio-grid-shell{display:grid;grid-template-columns:132px minmax(560px,1fr);align-content:start;min-height:0;overflow:auto;border:1px solid var(--border-subtle,#283142);border-radius:14px;background:#05080f59}.sb-arpeggio-corner,.sb-arpeggio-row-label{position:sticky;left:0;z-index:2;background:#0b101af5;border-right:1px solid var(--border-subtle,#283142)}.sb-arpeggio-corner{top:0;min-height:36px;padding:11px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text,#8a94a6)}.sb-arpeggio-ruler{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:repeat(var(--arp-steps),minmax(38px,1fr));background:#0b101af5}.sb-arpeggio-ruler span{min-height:36px;padding:9px 5px;border-left:1px solid rgba(255,255,255,.06);font-size:.72rem;color:var(--muted-text,#8a94a6);text-align:center}.sb-arpeggio-ruler span.beat{background:#ffffff09}.sb-arpeggio-ruler span.bar{background:#75afff1f;border-left-color:#75afff6b}.sb-arpeggio-row{display:contents}.sb-arpeggio-row-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.06)}.sb-arpeggio-row-label strong{font-size:.82rem}.sb-arpeggio-row-label span{font-size:.74rem;color:var(--muted-text,#8a94a6)}.sb-arpeggio-cells{display:grid;grid-template-columns:repeat(var(--arp-steps),minmax(38px,1fr))}.sb-arpeggio-cells button{min-height:42px;border:0;border-left:1px solid rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.06);background:transparent;color:#dfe7ff;cursor:pointer;font-size:.88rem}.sb-arpeggio-cells button:hover,.sb-arpeggio-cells button:focus-visible{outline:2px solid rgba(117,175,255,.65);outline-offset:-2px;background:#75afff1a}.sb-arpeggio-cells button.occupied{background:#ffffff0b}.sb-arpeggio-cells button.active{background:linear-gradient(180deg,#75afffe6,#507ae6e6);color:#fff;font-weight:800}.sb-arpeggio-cells button.selected{box-shadow:inset 0 0 0 2px #f0ca65,0 0 0 1px #f0ca6552}.sb-arpeggio-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:20px;border-radius:inherit;background:#04070cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sb-arpeggio-confirm{display:grid;gap:12px;width:min(430px,100%);padding:20px;border:1px solid rgba(117,175,255,.42);border-radius:12px;background:linear-gradient(180deg,#252b36,#171b23);box-shadow:0 22px 60px #0009}.sb-arpeggio-confirm>strong{font-size:17px;color:#fff}.sb-arpeggio-confirm>p{margin:0;color:var(--sb-soft);line-height:1.5}.sb-arpeggio-confirm>div{display:flex;justify-content:flex-end;gap:9px}.sb-arpeggio-cells button.playing{position:relative;background:#75afff2e;box-shadow:inset 0 0 0 2px #7edbff9e,0 0 18px #7edbff2e}.sb-arpeggio-cells button.active.playing{background:linear-gradient(180deg,#9ce7ff,#4f8fff);box-shadow:inset 0 0 0 2px #ffffffa6,0 0 20px #7edbff6b;animation:sb-arp-playing-pulse .42s ease-in-out infinite alternate}@keyframes sb-arp-playing-pulse{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.18);transform:scale(.96)}}.sb-arpeggio-cell-note{display:flex;min-width:0;height:100%;align-items:center;justify-content:center;gap:2px;flex-direction:column;line-height:1}.sb-arpeggio-cell-note strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;letter-spacing:0}.sb-arpeggio-inspector{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:100%;overflow:auto;padding:14px;border:1px solid var(--border-subtle,#283142);border-radius:14px;background:#05080f59}.sb-arpeggio-inspector label{display:flex;flex-direction:column;gap:6px}.sb-arpeggio-inspector .text-input{min-height:38px}.sb-arpeggio-inspector p{margin:0;color:var(--muted-text,#8a94a6);font-size:.86rem;line-height:1.4}.sb-arpeggio-selected-note{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:1px solid rgba(117,175,255,.26);border-radius:10px;background:#75afff17}.sb-arpeggio-selected-note span{color:var(--muted-text,#8a94a6);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.sb-arpeggio-selected-note strong{font-size:1rem}@media (max-width:1100px){.sb-arpeggio-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-arpeggio-preset-field{grid-column:span 1}}@media (max-width:900px){.sb-arpeggio-pattern-modal{height:min(820px,90vh)}.sb-arpeggio-main{grid-template-columns:1fr;grid-template-rows:minmax(170px,auto) minmax(0,1fr)}.sb-arpeggio-inspector{order:-1;min-height:170px;max-height:220px}.sb-arpeggio-grid-shell{grid-template-columns:112px minmax(520px,1fr)}}@media (max-width:640px){.sb-arpeggio-toolbar{grid-template-columns:1fr}.sb-arpeggio-actions{justify-content:stretch}.sb-arp-button{flex:1 1 140px}.sb-arpeggio-contour-preview{grid-template-columns:1fr}.sb-arpeggio-contour-preview svg{height:58px}}.sb-waveform-peaks{gap:0}.sb-waveform-peaks i{flex:1 1 auto;min-width:0}.sb-waveform-peaks{padding-left:0;padding-right:0}.sb-waveform-shape{display:block;pointer-events:none}.sb-waveform-shape.editor{position:relative;z-index:2;grid-row:3;grid-column:1;width:100%;height:100%;min-height:120px;filter:drop-shadow(0 0 5px rgba(192,132,252,.2))}.sb-vocal-waveform-editor .sb-waveform-surface{display:grid;grid-template-rows:44px 30px 120px;grid-auto-rows:auto;height:auto;min-height:194px}.sb-vocal-waveform-editor .sb-waveform-clip-range{grid-row:1;box-sizing:border-box;min-height:44px}.sb-vocal-waveform-editor .sb-waveform-ruler{grid-row:2;box-sizing:border-box;min-height:30px}.sb-vocal-waveform-editor .sb-waveform-peaks{grid-row:3;grid-column:1;box-sizing:border-box;width:100%;height:120px;min-height:120px}.sb-vocal-waveform-editor .sb-waveform-chord-lane{position:relative;grid-row:4;left:auto;right:auto;bottom:auto;width:100%;height:52px}.sb-vocal-waveform-editor .sb-waveform-melody-lane{position:relative;grid-row:5;left:auto;right:auto;bottom:auto;width:100%;height:52px}.sb-vocal-waveform-editor .sb-waveform-chord-lane:has(+.sb-waveform-melody-lane),.sb-vocal-waveform-editor .sb-waveform-chord-lane:has(~.sb-waveform-melody-lane){bottom:auto}.sb-vocal-waveform-editor .sb-waveform-surface:has(.sb-waveform-chord-lane),.sb-vocal-waveform-editor .sb-waveform-surface:has(.sb-waveform-melody-lane){min-height:246px}.sb-vocal-waveform-editor .sb-waveform-surface:has(.sb-waveform-chord-lane):has(.sb-waveform-melody-lane){min-height:298px}.sb-vocal-waveform-editor .sb-waveform-chord-alignments,.sb-vocal-waveform-editor .sb-waveform-surface:has(.sb-waveform-chord-lane):has(.sb-waveform-melody-lane) .sb-waveform-chord-alignments{top:74px;bottom:auto;height:120px}.sb-vocal-waveform-editor .sb-waveform-scroll{flex:0 0 auto;min-height:0;overflow:visible}.sb-waveform-shape path{fill:#c084fc;stroke:#e9d5ffb3;stroke-width:.7;vector-effect:non-scaling-stroke}.sb-waveform-peaks{position:relative;z-index:3;background:transparent}.sb-waveform-peaks i{visibility:hidden}.sb-vocal-waveform{gap:0;overflow:hidden}.sb-vocal-waveform i{min-width:0;border-radius:999px;box-shadow:0 0 2px #e9d5ff4d}.sb-vocal-waveform .sb-waveform-shape.timeline{width:100%;height:100%;filter:drop-shadow(0 0 2px rgba(233,213,255,.28))}.sb-vocal-waveform .sb-waveform-shape.timeline path{fill:#ead7ff;stroke:#fffc;stroke-width:.55}.sb-vocal-editor-stack{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden}.sb-vocal-editor-stack>.sb-vocal-waveform-editor{flex:1;min-height:260px}.sb-vocal-chord-positions{z-index:2;flex:0 0 292px;min-width:0;padding:10px 12px;border-bottom:1px solid rgba(214,170,56,.48);background:linear-gradient(180deg,#202329,#17191d);overflow:hidden;container-name:vocal-chords;container-type:size}.sb-vocal-editor-stack.panel-only .sb-vocal-chord-positions{flex:1;border-bottom:0}.sb-vocal-chord-positions>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.sb-vocal-chord-positions>header>div{display:flex;min-width:0;flex-direction:column}.sb-vocal-chord-positions>header strong{color:#f1d37d;font-size:14px}.sb-vocal-chord-positions>header small{color:#aeb4bf;font-size:11px}.sb-vocal-chord-positions>header button{display:grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#292c32;color:#fff;font-size:20px}.sb-vocal-chord-position-scroll{display:flex;height:calc(100% - 48px);gap:12px;padding:2px 2px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#d6aa38 #25282e;scroll-snap-type:x proximity}.sb-vocal-chord-position-scroll>article{position:relative;flex:0 0 228px;height:100%;padding:4px 8px 8px;border:1px solid rgba(214,170,56,.25);border-radius:9px;background:#24272d;scroll-snap-align:start;overflow:hidden}.sb-vocal-chord-position-scroll>article>span{position:absolute;z-index:2;top:7px;left:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d6aa38;color:#17191d;font-size:11px;font-weight:900}.sb-vocal-chord-position-scroll .guitar-diagram-card{height:100%;padding:5px 8px;background:transparent;box-shadow:none}.sb-vocal-chord-position-scroll .diagram-header{margin-bottom:2px}.sb-vocal-chord-position-scroll .diagram-header h3{font-size:17px}.sb-vocal-chord-position-scroll .eyebrow,.sb-vocal-chord-position-scroll .diagram-legend,.sb-vocal-chord-position-scroll .helper-text{font-size:9px}.sb-open-chord-positions{align-self:flex-start;margin:8px 0;padding:8px 12px;border:1px solid rgba(214,170,56,.55);border-radius:6px;background:#30291a;color:#f5d980;font-weight:800}.sb-open-chord-positions:hover{border-color:#f1ca64;background:#46391c}.sb-waveform-control-strip>.sb-open-chord-positions{width:calc(100% - 10px);min-height:38px;margin:10px 10px 0 0;text-align:center}.sb-vocal-dock-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:700;display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:flex-end;overflow:hidden;pointer-events:none}.sb-vocal-dock-layer>*{pointer-events:auto}.sb-bottom-editor-overlay,.sb-vocal-dock-layer{z-index:720!important}.sb-vocal-dock-layer>.sb-bottom-editor-overlay{position:relative;inset:auto;flex:0 1 auto;width:100%;max-height:calc(100% - min(390px,40vh));border-radius:0}.sb-vocal-dock-layer.panel-only>.sb-vocal-chord-positions{flex:0 0 min(390px,40vh);width:100%;border-top:1px solid rgba(214,170,56,.55);border-bottom:0;box-shadow:0 -16px 38px #00000094}.sb-vocal-dock-layer.with-editor>.sb-vocal-chord-positions{flex:0 0 min(390px,40vh);width:100%;border-top:1px solid rgba(214,170,56,.55);border-bottom:1px solid rgba(214,170,56,.48)}.sb-vocal-chord-position-scroll>article{flex-basis:330px;min-width:330px;overflow-y:auto}.sb-vocal-chord-position-scroll .guitar-diagram-card{min-width:300px}.sb-vocal-chord-position-scroll .chord-sheet{min-width:272px}.sb-vocal-chord-position-scroll .diagram-grid{min-width:242px;grid-template-columns:32px minmax(210px,1fr)}.sb-vocal-chord-position-scroll .top-board,.sb-vocal-chord-position-scroll .neck-board{min-width:174px}.sb-vocal-dock-layer{top:0;right:0;bottom:0;left:0;justify-content:stretch}.sb-vocal-dock-layer.with-editor>.sb-vocal-chord-positions{flex:1 1 auto;min-height:145px;width:100%}.sb-vocal-dock-layer.with-editor{justify-content:flex-end}.sb-vocal-dock-layer.with-editor>.sb-vocal-chord-positions{order:1;z-index:2}.sb-vocal-dock-layer.with-editor>.sb-bottom-editor-overlay{order:2;z-index:3;flex:0 0 auto;max-height:calc(100% - 145px);margin:0}.sb-topbar{z-index:710}.sb-vocal-dock-layer{z-index:700}.sb-vocal-dock-layer.with-editor:not(.with-chord-positions)>.sb-bottom-editor-overlay{max-height:100%!important}.sb-vocal-dock-layer.with-editor.with-chord-positions>.sb-bottom-editor-overlay{max-height:calc(100% - 190px)!important}.sb-vocal-dock-layer.with-editor.with-chord-positions>.sb-vocal-chord-positions{flex:1 1 auto;min-height:190px;max-height:none}.sb-vocal-dock-layer.with-editor:not(.with-chord-positions){justify-content:flex-end}.sb-vocal-dock-layer.panel-only{justify-content:flex-end}.sb-vocal-dock-layer.panel-only>.sb-vocal-chord-positions{flex:0 1 310px;max-height:min(310px,45vh)}.sb-vocal-chord-positions{padding:9px 14px}.sb-vocal-chord-position-scroll{align-items:flex-start;gap:18px;padding:4px 6px 12px}.sb-vocal-chord-position-scroll>article{flex:0 0 304px;min-width:304px;height:auto;max-height:258px;padding:7px 11px 10px;overflow:hidden}.sb-vocal-chord-position-scroll .guitar-diagram-card{min-width:280px;max-height:238px;padding:6px 10px}.sb-vocal-chord-position-scroll .diagram-header{align-items:center;gap:12px;margin-bottom:5px}.sb-vocal-chord-position-scroll .diagram-header h3{margin-top:3px;font-size:18px;line-height:1.1}.sb-vocal-chord-position-scroll .eyebrow{font-size:9px;line-height:1.3}.sb-vocal-chord-position-scroll .base-fret-pill{padding:5px 7px;font-size:10px}.sb-vocal-chord-position-scroll .chord-sheet{min-width:252px;margin-top:7px;padding:8px 12px;border-radius:12px}.sb-vocal-chord-position-scroll .diagram-grid{min-width:226px;grid-template-columns:28px minmax(190px,1fr);row-gap:2px}.sb-vocal-chord-position-scroll .side-col{width:28px}.sb-vocal-chord-position-scroll .top-board,.sb-vocal-chord-position-scroll .neck-board{min-width:158px;margin-inline:15px}.sb-vocal-chord-position-scroll .top-board{height:18px}.sb-vocal-chord-position-scroll .status-board{height:24px}.sb-vocal-chord-position-scroll .fret-number-column,.sb-vocal-chord-position-scroll .neck-board{height:142px}.sb-vocal-chord-position-scroll .finger-dot{width:25px;height:25px;border-width:3px;font-size:10px}.sb-vocal-chord-position-scroll .string-name{font-size:13px}.sb-vocal-chord-position-scroll .string-status{width:21px;height:21px;font-size:17px}.sb-vocal-chord-position-scroll .fret-number-slot{font-size:10px}.sb-vocal-chord-position-scroll .diagram-legend{display:flex;gap:14px;margin-top:5px;font-size:9px}.sb-vocal-chord-position-scroll>article{flex:0 0 268px;min-width:268px;height:100%;max-height:none;padding:9px 12px;overflow:hidden}.sb-vocal-chord-position-scroll .guitar-diagram-card{width:420px;min-width:420px;height:auto;max-height:none;padding:14px;transform:scale(.58);transform-origin:top left}.sb-vocal-chord-position-scroll .diagram-header{align-items:flex-start;gap:14px;margin-bottom:0}.sb-vocal-chord-position-scroll .diagram-header h3{margin:4px 0 0;font-size:1.7rem;line-height:1}.sb-vocal-chord-position-scroll .eyebrow{font-size:.74rem;line-height:normal}.sb-vocal-chord-position-scroll .base-fret-pill{padding:7px 10px;font-size:.74rem}.sb-vocal-chord-position-scroll .chord-sheet{min-width:0;margin-top:16px;padding:14px;border-radius:18px}.sb-vocal-chord-position-scroll .diagram-grid{min-width:0;grid-template-columns:32px 1fr;row-gap:4px}.sb-vocal-chord-position-scroll .side-col{width:32px}.sb-vocal-chord-position-scroll .top-board,.sb-vocal-chord-position-scroll .neck-board{min-width:0;margin-inline:18px}.sb-vocal-chord-position-scroll .top-board{height:24px}.sb-vocal-chord-position-scroll .status-board{height:32px}.sb-vocal-chord-position-scroll .fret-number-column,.sb-vocal-chord-position-scroll .neck-board{height:238px}.sb-vocal-chord-position-scroll .finger-dot{width:34px;height:34px;border-width:4px;font-size:inherit}.sb-vocal-chord-position-scroll .string-name{font-size:17px}.sb-vocal-chord-position-scroll .string-status{width:28px;height:28px;font-size:24px}.sb-vocal-chord-position-scroll .fret-number-slot{font-size:13px}.sb-vocal-chord-position-scroll .diagram-legend{gap:initial;margin-top:initial;font-size:inherit}@container vocal-chords (min-height:420px){.sb-vocal-chord-position-scroll>article{flex-basis:320px;min-width:320px}.sb-vocal-chord-position-scroll .guitar-diagram-card{transform:scale(.7)}}@container vocal-chords (min-height:560px){.sb-vocal-chord-position-scroll>article{flex-basis:390px;min-width:390px}.sb-vocal-chord-position-scroll .guitar-diagram-card{transform:scale(.86)}}.sb-vocal-chord-position-scroll{display:grid;grid-template-columns:repeat(auto-fill,246px);grid-auto-rows:250px;align-content:start;align-items:start;justify-content:start;gap:16px 18px;overflow:auto;scroll-snap-type:none}.sb-vocal-chord-position-scroll>article{box-sizing:border-box;width:246px;min-width:246px;max-width:246px;height:250px;min-height:250px;max-height:250px;padding:8px 10px;overflow:hidden}.sb-vocal-chord-position-scroll .guitar-diagram-card{width:420px;min-width:420px;max-width:420px;height:auto;max-height:none;transform:scale(.52)!important;transform-origin:top left}.sb-vocal-chord-position-scroll{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:238px;grid-auto-columns:232px;align-content:start;align-items:start;justify-content:start;gap:16px 18px;overflow-x:auto;overflow-y:hidden}.sb-vocal-chord-position-scroll>article{box-sizing:border-box;width:232px;min-width:232px;max-width:232px;height:238px;min-height:238px;max-height:238px;padding:7px 9px;border-color:#d6aa3857;background:linear-gradient(180deg,#292d34,#202329);overflow:hidden}.sb-vocal-chord-position-scroll .guitar-diagram-card{width:420px;min-width:420px;max-width:420px;height:auto;max-height:none;padding:14px;background:#f8fafc;color:#0f172a;box-shadow:0 7px 18px #00000038;transform:scale(.5)!important;transform-origin:top left}.sb-vocal-chord-position-scroll .diagram-header h3,.sb-vocal-chord-position-scroll .eyebrow,.sb-vocal-chord-position-scroll .base-fret-pill{color:#0f172a}.sb-vocal-chord-position-scroll>article>span{top:1px;left:1px;width:18px;height:18px;font-size:9px;line-height:1}.sb-vocal-chord-position-scroll>article .diagram-header>div:first-child{padding-left:10px}@container vocal-chords (min-height:545px){.sb-vocal-chord-position-scroll{grid-template-rows:repeat(2,238px)}}@container vocal-chords (min-height:800px){.sb-vocal-chord-position-scroll{grid-template-rows:repeat(3,238px)}}.sb-vocal-chord-position-scroll{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,198px);grid-template-rows:none;grid-auto-columns:auto;grid-auto-rows:238px;align-content:start;gap:16px;overflow-x:hidden;overflow-y:auto}.sb-vocal-chord-position-scroll>article{width:198px;min-width:198px;max-width:198px;height:238px;min-height:238px;max-height:238px;padding:7px 9px}.sb-vocal-chord-position-scroll .guitar-diagram-card{width:420px;min-width:420px;max-width:420px;transform:scale(.42)!important}.sb-vocal-chord-position-scroll .diagram-header h3{font-size:2rem;font-weight:900}.sb-vocal-chord-position-scroll .eyebrow{font-size:.9rem;font-weight:900;letter-spacing:.1em}.sb-vocal-chord-position-scroll .base-fret-pill{font-size:.9rem;font-weight:900}.sb-vocal-chord-position-scroll .string-name{font-size:21px}.sb-vocal-chord-position-scroll .fret-number-slot{font-size:16px}.sb-vocal-chord-position-scroll .diagram-legend{font-size:14px;font-weight:800}.sb-vocal-chord-position-scroll .guitar-diagram-card{box-sizing:border-box;width:420px;min-width:420px;max-width:420px;height:533px;min-height:533px;max-height:533px;zoom:.42;transform:none!important}.sb-vocal-chord-position-scroll .guitar-diagram-card{display:flex;flex-direction:column}.sb-vocal-chord-position-scroll .chord-sheet{display:flex;flex:1;min-height:0;flex-direction:column}.sb-vocal-chord-position-scroll .diagram-grid{flex:1;min-height:0;grid-template-rows:28px 38px minmax(0,1fr)}.sb-vocal-chord-position-scroll .fret-number-column,.sb-vocal-chord-position-scroll .neck-board{height:auto;min-height:0}.sb-vocal-chord-position-scroll .diagram-header h3{font-size:2.5rem;line-height:1}.sb-vocal-chord-position-scroll .eyebrow{font-size:1.08rem}.sb-vocal-chord-position-scroll .base-fret-pill{font-size:1rem}.sb-vocal-chord-position-scroll .string-name{font-size:25px}.sb-vocal-chord-position-scroll .string-status{width:34px;height:34px;font-size:29px}.sb-vocal-chord-position-scroll .fret-number-slot{font-size:20px}.sb-vocal-chord-position-scroll .diagram-legend{font-size:18px;font-weight:900}.sb-vocal-chord-position-scroll .horizontal-fret{height:3px}.sb-vocal-chord-position-scroll .nut{height:12px}.sb-vocal-chord-position-scroll .string-1{width:5.5px}.sb-vocal-chord-position-scroll .string-2{width:5px}.sb-vocal-chord-position-scroll .string-3{width:4.5px}.sb-vocal-chord-position-scroll .string-4{width:4px}.sb-vocal-chord-position-scroll .string-5{width:3.5px}.sb-vocal-chord-position-scroll .string-6{width:3px}.sb-vocal-chord-position-scroll .finger-dot{width:42px;height:42px;border-width:5px;font-size:17px;font-weight:900}.sb-vocal-chord-position-scroll>article[role=button]{cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease}.sb-vocal-chord-position-scroll>article[role=button]:hover,.sb-vocal-chord-position-scroll>article[role=button]:focus-visible{border-color:#d6aa38;background:linear-gradient(180deg,#333842,#262a31);outline:none;box-shadow:0 0 0 2px #d6aa3829}.sb-vocal-chord-position-scroll>article.playing{border-color:#f2cf69;background:linear-gradient(180deg,#443a20,#29271f);box-shadow:0 0 0 2px #f2cf6938,0 0 18px #d6aa3833;transform:translateY(-1px)}.sb-vocal-chord-position-scroll>article.transport-active{border-color:rgba(244,212,111,calc(.34 + var(--chord-bloom)*.66));box-shadow:0 0 0 calc(var(--chord-bloom)*2px) rgba(244,212,111,calc(var(--chord-bloom)*.58)),0 0 calc(var(--chord-bloom)*34px) rgba(214,170,56,calc(var(--chord-bloom)*.5));transform:translateY(calc(var(--chord-bloom)*-1px))}.sb-vocal-chord-position-scroll>article.transport-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:radial-gradient(circle at 50% 45%,rgba(255,229,143,.42),rgba(214,170,56,.18) 52%,transparent 82%);opacity:var(--chord-bloom);pointer-events:none;transition:opacity .08s linear}.sb-vocal-chord-position-scroll>article>.guitar-diagram-card{position:relative;z-index:2}.sb-vocal-chord-position-scroll>article.transport-active>span{background:#ffe18a;box-shadow:0 0 12px #ffda67bf}.sb-vocal-chord-position-scroll>article>span{z-index:5;top:2px;left:2px;width:26px;height:26px;font-size:11px;line-height:1;box-shadow:0 2px 8px #0000006b;transition:background .14s linear,box-shadow .14s linear,transform .14s ease}.sb-vocal-chord-position-scroll>article.transport-active>span{box-shadow:0 0 calc(5px + var(--chord-bloom)*13px) rgba(255,218,103,calc(.25 + var(--chord-bloom)*.65));transform:scale(calc(.94 + var(--chord-bloom)*.08))}.sb-vocal-chord-position-scroll>article .diagram-header>div:first-child{padding-left:22px}.sb-vocal-chord-position-scroll>article.transport-active>span{background:#d6aa38;filter:brightness(calc(1 + var(--chord-bloom)*.38));box-shadow:0 2px calc(8px + var(--chord-bloom)*10px) rgba(255,218,103,calc(.18 + var(--chord-bloom)*.72))}.sb-vocal-chord-position-scroll>article .diagram-header>div:first-child{padding-left:0}.sb-vocal-chord-position-scroll>article.transport-active{border-width:2px;border-color:#ffd95a;background:linear-gradient(180deg,#564719,#302b1d);box-shadow:0 0 0 3px rgba(255,217,90,calc(.3 + var(--chord-bloom)*.45)),0 0 calc(22px + var(--chord-bloom)*38px) rgba(255,190,35,calc(.38 + var(--chord-bloom)*.48));transform:translateY(-2px) scale(calc(1 + var(--chord-bloom)*.012))}.sb-vocal-chord-position-scroll>article.transport-active:after{background:linear-gradient(135deg,#ffeb97ad,#ffbe2357 55%,#ffd95a2e);opacity:calc(.3 + var(--chord-bloom)*.7)}.sb-vocal-chord-position-scroll>article.transport-active>.guitar-diagram-card{filter:brightness(calc(1.08 + var(--chord-bloom)*.32)) saturate(calc(1.05 + var(--chord-bloom)*.28))}@keyframes sb-chord-position-hit{0%{transform:translateY(-2px) scale(1.01)}45%{transform:translateY(-4px) scale(1.045);box-shadow:0 0 0 6px #ffe77deb,0 0 70px #ffbe23f2}to{transform:translateY(-2px) scale(1.012)}}.sb-vocal-chord-position-scroll>article.transport-hit{animation:sb-chord-position-hit .34s ease-out}.sb-vocal-chord-position-scroll{box-sizing:border-box;padding:0;scroll-padding:0;overflow:auto}.sb-vocal-chord-position-scroll>article.transport-active{border-width:1px;border-color:#e8c65d;background:linear-gradient(180deg,#403820,#29271f);box-shadow:0 0 0 2px rgba(232,198,93,calc(.16 + var(--chord-bloom)*.24)),0 8px 24px rgba(214,170,56,calc(.14 + var(--chord-bloom)*.2));transform:translateY(-1px) scale(calc(1 + var(--chord-bloom)*.006))}.sb-vocal-chord-position-scroll>article.transport-active:after{background:linear-gradient(135deg,rgba(255,235,151,.34),rgba(214,170,56,.18) 58%,transparent);opacity:calc(.16 + var(--chord-bloom)*.42)}.sb-vocal-chord-position-scroll>article.transport-active>.guitar-diagram-card{filter:brightness(calc(1.04 + var(--chord-bloom)*.14)) saturate(calc(1.02 + var(--chord-bloom)*.12))}@keyframes sb-chord-position-hit-soft{0%{transform:translateY(-1px) scale(1.004)}45%{transform:translateY(-2px) scale(1.018);box-shadow:0 0 0 3px #f4d46f80,0 10px 30px #d6aa3861}to{transform:translateY(-1px) scale(1.006)}}.sb-vocal-chord-position-scroll>article.transport-hit{animation:sb-chord-position-hit-soft .3s ease-out}.sb-chord-position-label{position:absolute;top:7px;right:8px;z-index:5;padding:3px 6px;border:1px solid rgba(214,170,56,.38);border-radius:999px;background:#181b20e0;color:#e7cc7a;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.sb-vocal-chord-position-scroll{grid-auto-rows:276px}.sb-vocal-chord-position-scroll>article.sb-chord-position-card{height:276px;min-height:276px;max-height:276px}.sb-vocal-dock-layer.with-editor.with-chord-positions{align-items:stretch}.sb-vocal-dock-layer.with-editor.with-chord-positions>.sb-vocal-chord-positions{order:1;flex:1 1 0;min-height:190px;max-height:none;width:100%}.sb-vocal-dock-layer.with-editor.with-chord-positions>.sb-bottom-editor-overlay{order:2;flex:0 0 auto;max-height:calc(100% - 190px)!important}.sb-vocal-dock-layer.with-editor:not(.with-chord-positions)>.sb-bottom-editor-overlay{flex:0 0 auto;max-height:100%!important}.sb-chord-position-preview{height:228px;cursor:pointer}.sb-chord-position-preview:focus-visible{outline:2px solid #d6aa38;outline-offset:2px}.sb-chord-position-preview>.guitar-diagram-card{position:relative;z-index:2}.sb-chord-position-controls{position:absolute;right:10px;bottom:8px;left:10px;z-index:6;display:flex;align-items:center;justify-content:center;gap:10px;height:28px}.sb-chord-position-controls>button{display:grid;place-items:center;width:28px;height:26px;padding:0;border:1px solid rgba(214,170,56,.42);border-radius:7px;background:#303239;color:#f3d77f;font-size:22px;line-height:1}.sb-chord-position-controls>button:hover{border-color:#e6c65f;background:#3d3a2b}.sb-chord-position-controls>span{display:flex!important;min-width:0!important;flex-direction:row!important;align-items:center;gap:7px!important}.sb-chord-position-controls>span>button{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#555b64}.sb-chord-position-controls>span>button.active{border-color:#ffe08a;background:#d6aa38;box-shadow:0 0 0 3px #d6aa3829}.sb-vocal-chord-position-scroll>article.sb-chord-position-card.transport-active>.sb-chord-position-preview>.guitar-diagram-card{filter:brightness(calc(1.04 + var(--chord-bloom)*.14)) saturate(calc(1.02 + var(--chord-bloom)*.12))}.sb-vocal-input-mode{display:flex;align-items:center;gap:8px}.sb-vocal-input-mode>span{font-size:12px;font-weight:700;color:#cbd5e1}.sb-vocal-input-mode .text-input{min-width:150px}.sb-vocal-input-meters{display:flex;gap:10px;align-items:center}.sb-vocal-input-meters label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.sb-vocal-input-meters meter{width:82px;height:10px;accent-color:#34d399}.sb-vocal-input-warning{margin:6px 0;color:#fbbf24;font-size:12px;font-weight:650}.sb-bpm-drag-label{cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.sb-bpm-drag-label:hover{color:var(--sb-gold)}.sb-preview-toggle-switch{display:block;flex:0 0 38px;height:22px;cursor:pointer}.sb-preview-toggle-switch>i{position:relative;display:block;width:38px;height:22px;border-radius:999px;background:#101923;box-shadow:inset 0 0 0 1px #ffffff26;transition:.18s ease}.sb-preview-toggle-switch>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9aabba;transition:.18s ease}.sb-preview-toggle-switch>input:checked+i{background:#31795b;box-shadow:inset 0 0 0 1px #82eeb980,0 0 12px #41be802e}.sb-preview-toggle-switch>input:checked+i:after{left:19px;background:#d9ffeb}.sb-suggested-chords-toggle.melody .sb-preview-toggle-switch>input:checked+i{background:#326ca8}.sb-preview-volume{display:flex;align-items:center;gap:5px;margin-left:auto}.sb-preview-volume>button{position:relative;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle at 38% 32%,#596572,#222b34 58%,#111820);box-shadow:0 2px 6px #00000073;cursor:ns-resize;touch-action:none}.sb-preview-volume>button:focus-visible{outline:2px solid #78bfff;outline-offset:2px}.sb-preview-volume>button>i{position:absolute;left:50%;top:4px;width:2px;height:10px;border-radius:2px;background:#eaf5ff;box-shadow:0 0 4px #68aeffcc;transform:translate(-50%) rotate(var(--preview-volume-angle));transform-origin:50% 12px}.sb-preview-volume>span{display:flex!important;min-width:34px!important;flex-direction:column!important;gap:0!important;color:#dcecff;font-variant-numeric:tabular-nums}.sb-preview-volume b{font-size:10px;line-height:1}.sb-preview-volume small{font-size:8px!important;line-height:1}.sb-vocal-plugin-rack{display:grid;gap:0;overflow:auto}.sb-vocal-plugin-rack>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0}.sb-vocal-plugin-rack>header>span{padding:5px 9px;border:1px solid rgba(52,211,153,.45);border-radius:999px;background:#10b9811f;color:#6ee7b7;font-size:10px;font-weight:900;letter-spacing:.08em}.sb-vocal-plugin-row{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);align-items:center;gap:18px;min-height:82px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:linear-gradient(180deg,#23262b,#1d1f23);opacity:.72}.sb-vocal-plugin-row.enabled{border-color:#d6aa3861;opacity:1}.sb-vocal-plugin-name{display:flex;align-items:center;gap:12px}.sb-vocal-plugin-name>button{flex:0 0 48px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#17191d;color:#999}.sb-vocal-plugin-row.enabled .sb-vocal-plugin-name>button{border-color:#d6aa38;background:#806019;color:#fff}.sb-vocal-plugin-name>div{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:3px 7px}.sb-vocal-plugin-name strong{font-size:14px}.sb-vocal-plugin-name em{padding:2px 5px;border-radius:4px;background:#ffffff14;color:#b6bac2;font-size:9px;font-style:normal;text-transform:uppercase}.sb-vocal-plugin-name small{grid-column:1/-1;color:#9298a2;font-size:10px}.sb-vocal-plugin-controls{display:flex;align-items:end;justify-content:flex-end;gap:10px;min-width:0}.sb-vocal-plugin-controls label{display:grid;gap:6px;flex:1;min-width:110px;max-width:220px}.sb-vocal-plugin-controls label>span{display:flex;justify-content:space-between;gap:8px;color:#afb4bd;font-size:10px;font-weight:700}.sb-vocal-plugin-controls label b{color:#e7bd55}.sb-vocal-plugin-controls input[type=range]{width:100%;accent-color:#d6aa38}.sb-vocal-plugin-controls select{width:100%;min-height:32px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#15171a;color:#eee;padding:4px 7px}@media (max-width:900px){.sb-vocal-plugin-row{grid-template-columns:1fr}.sb-vocal-plugin-controls{justify-content:flex-start;flex-wrap:wrap}.sb-vocal-plugin-controls label{max-width:none}}.sb-vocal-plugin-rack{width:100%;height:auto;min-width:0;grid-template-rows:auto auto;align-content:start;row-gap:4px}.sb-vocal-plugin-rack>header{align-items:flex-start;min-width:0}.sb-vocal-plugin-rack>header>span{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}.sb-vocal-plugin-rack>header>div{min-width:0}.sb-vocal-plugin-chain{display:grid;gap:9px;min-width:0}.sb-vocal-plugin-step{display:grid;grid-template-columns:54px minmax(0,1fr);min-width:0}.sb-vocal-plugin-order{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.1);border-right:0;border-radius:9px 0 0 9px;background:#17191d;color:#7f858f}.sb-vocal-plugin-order>b{color:#e7bd55;font-size:16px}.sb-vocal-plugin-order>span{font-size:8px;font-weight:800;letter-spacing:.08em}.sb-vocal-plugin-order>div{display:flex;gap:3px;margin-top:4px}.sb-vocal-plugin-order button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#272a30;color:#eee}.sb-vocal-plugin-order button:disabled{opacity:.25}.sb-vocal-plugin-step .sb-vocal-plugin-row{grid-template-columns:minmax(190px,250px) minmax(0,1fr);min-width:0;border-radius:0 9px 9px 0}.sb-vocal-plugin-name,.sb-vocal-plugin-name>div{min-width:0}.sb-vocal-plugin-name small{white-space:normal}.sb-vocal-plugin-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));width:100%;min-width:0}.sb-vocal-plugin-controls label{min-width:0;max-width:none}.sb-vocal-plugin-controls label>span{flex-wrap:wrap}.sb-vocal-plugin-controls input[type=range],.sb-vocal-plugin-controls select{width:100%;min-width:0}.sb-vocal-plugin-controls select{text-overflow:ellipsis}@media (max-width:1050px){.sb-vocal-plugin-step .sb-vocal-plugin-row{grid-template-columns:1fr;align-items:start}.sb-vocal-plugin-controls{width:100%}}@media (max-width:620px){.sb-vocal-plugin-rack>header{flex-wrap:wrap}.sb-vocal-plugin-step{grid-template-columns:44px minmax(0,1fr)}.sb-vocal-plugin-order>span{display:none}.sb-vocal-plugin-order>div{flex-direction:column}.sb-vocal-plugin-step .sb-vocal-plugin-row{padding:12px;gap:12px}.sb-vocal-plugin-controls{grid-template-columns:1fr}.sb-vocal-plugin-name small{font-size:9px}}.sb-vocal-plugin-rack{container-type:inline-size}.sb-vocal-plugin-controls{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:14px}.sb-vocal-plugin-controls label{width:100%;min-width:min(180px,100%)}.sb-vocal-plugin-controls label>span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;min-height:16px;gap:6px 10px;font-size:11px;line-height:1.35}.sb-vocal-plugin-controls label>span>b{white-space:nowrap}.sb-vocal-plugin-controls input[type=range]{min-height:20px}.sb-vocal-plugin-controls select{min-height:36px;font-size:12px}@container (max-width:800px){.sb-vocal-plugin-step .sb-vocal-plugin-row{grid-template-columns:1fr;align-items:start}.sb-vocal-plugin-controls{width:100%}}@container (max-width:460px){.sb-vocal-plugin-rack>header{flex-wrap:wrap}.sb-vocal-plugin-controls{grid-template-columns:1fr}.sb-vocal-plugin-controls label{min-width:0}.sb-vocal-plugin-step{grid-template-columns:44px minmax(0,1fr)}.sb-vocal-plugin-order>span{display:none}.sb-vocal-plugin-order>div{flex-direction:column}.sb-vocal-plugin-name{align-items:flex-start;flex-wrap:wrap}.sb-vocal-plugin-step .sb-vocal-plugin-row{padding:12px;gap:14px}}.sb-compressor-meter{grid-column:1/-1;width:174px;height:94px;margin-top:5px;padding:4px;box-sizing:border-box;border:1px solid #08090b;border-radius:5px;background:linear-gradient(145deg,#35383d,#111316 48%,#292c31);box-shadow:inset 0 1px #ffffff1a,0 2px 5px #0000006b}.sb-vu-bezel{position:relative;width:100%;height:100%;overflow:hidden;border:3px solid #0c0d0f;border-radius:3px;background:linear-gradient(160deg,#f7d875,#dcae45 62%,#bd7d25);box-shadow:inset 0 0 15px #5b320466,inset 0 1px 3px #fff8bed9}.sb-compressor-meter svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(255,196,69,.26))}.sb-compressor-meter .vu-title{fill:#5b3d15;font-size:8px;font-weight:800;letter-spacing:1px;text-anchor:middle}.sb-compressor-meter .vu-scale{fill:none;stroke:#5b3b13;stroke-width:1.5}.sb-compressor-meter .vu-hot-zone{fill:none;stroke:#bd3a26;stroke-width:5;opacity:.78}.sb-compressor-meter .vu-ticks{fill:none;stroke:#3b2c19;stroke-width:1.5}.sb-compressor-meter .vu-labels{fill:#493317;font-size:8px;font-weight:750;text-anchor:middle}.sb-compressor-meter .vu-gr{fill:#6d4618;font-size:8px;font-weight:900;letter-spacing:1px;text-anchor:middle}.sb-compressor-meter .vu-needle{transform-box:view-box;transform-origin:90px 82px;transition:transform .26s cubic-bezier(.22,.65,.28,1)}.sb-compressor-meter .vu-needle path{stroke:#24180d;stroke-width:1.7;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.sb-compressor-meter .vu-needle circle{fill:#202124;stroke:#08090a;stroke-width:2}.sb-compressor-meter:not(.active){filter:saturate(.22);opacity:.56}.sb-section-cell{display:grid;grid-template-columns:28px minmax(72px,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;gap:6px 8px;height:96px;padding:9px 10px}.sb-section-cell .sb-section-edit{grid-column:2;grid-row:1}.sb-section-cell .sb-track-state{grid-column:3;grid-row:1;padding:0}.sb-track-channel{display:contents}.sb-track-level{grid-column:1;grid-row:1/3;display:grid;grid-template-rows:1fr auto;justify-items:center;align-self:stretch;min-height:66px;gap:3px}.sb-track-level>span{position:relative;width:9px;height:100%;min-height:48px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:linear-gradient(to top,#36d39914 0,#36d39914 68%,#e7bd551a 68%,#e7bd551a 86%,#ef5a541f 86%)}.sb-track-level i{position:absolute;right:0;bottom:0;left:0;border-radius:2px;background:linear-gradient(to top,#31bc7b 0,#31bc7b 68%,#e4b94d 68%,#e4b94d 86%,#ef625b 86%);box-shadow:0 0 7px #31bc7b66;transition:height 65ms linear}.sb-track-level>b{display:grid;justify-items:center;color:#858b94;font-size:8px;font-variant-numeric:tabular-nums;line-height:1}.sb-track-level>b small{margin-top:2px;color:#69717b;font-size:6px;font-weight:800}.sb-track-db{grid-column:2;grid-row:2;display:grid;grid-template-columns:52px minmax(42px,1fr);align-items:center;gap:5px;min-width:0}.sb-track-db>span{color:#aeb4bd;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.sb-track-db input{width:100%;min-width:0;height:12px;accent-color:#d6aa38}.sb-track-pan{grid-column:3;grid-row:2;display:grid;grid-template-columns:auto 38px auto;align-items:center;gap:2px;color:#858b94;font-size:8px}.sb-track-pan input{width:38px;height:12px;margin:0;accent-color:#7ac7a0}.sb-lane{min-height:96px}.sb-track-db{display:flex;align-items:baseline;gap:5px;min-width:70px;padding:3px 6px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#191b1f;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.sb-track-db:hover{border-color:#d6aa387a}.sb-track-db>b{color:#e4e7eb;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.sb-track-db>small{color:#747b85;font-size:7px;font-weight:800}.sb-track-db>input,.sb-track-pan>input{box-sizing:border-box;width:100%;height:24px;min-width:0;padding:2px 4px;border:1px solid #d6aa38;border-radius:4px;background:#101216;color:#fff;font:10px ui-monospace,monospace}.sb-track-pan{display:grid;grid-template-columns:25px 20px;align-items:center;justify-content:end;gap:4px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.sb-pan-knob{position:relative;display:block;width:23px;height:23px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 42% 35%,#464b53,#1a1c20 68%);box-shadow:inset 0 0 0 2px #101216,0 1px 3px #000}.sb-pan-knob:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border-top:1px solid rgba(214,170,56,.7);transform:rotate(var(--pan-angle))}.sb-pan-knob i{position:absolute;left:50%;top:3px;width:2px;height:7px;border-radius:2px;background:#e7bd55;transform-origin:50% 8.5px;transform:translate(-50%) rotate(var(--pan-angle))}.sb-track-pan>b{color:#aeb4bd;font-size:9px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.sb-track-pan>input{grid-column:1/3;width:52px}.sb-vocal-plugin-row{position:relative}.sb-vocal-plugin-name{padding-right:60px}.sb-vocal-plugin-name>button{position:absolute;z-index:2;top:10px;right:12px}.sb-vocal-plugin-controls{padding-right:58px}@container (max-width:800px){.sb-vocal-plugin-controls{padding-right:0;padding-top:30px}}.sb-compressor-meter .vu-hot-zone{stroke-linecap:round}.sb-compressor-meter .vu-labels .hot{fill:#a92f20}.sb-compressor-meter.burned .sb-vu-bezel{box-shadow:inset 0 0 18px #99150a8c,inset 0 1px 3px #fff8bed9,0 0 8px #ef452e8c}.sb-compressor-meter.burned .sb-compressor-reading{background:#b93627;color:#fff}.sb-midi-clip-range{flex-basis:44px;padding-bottom:10px}.sb-midi-roll>.sb-midi-clip-range{height:44px;padding-bottom:10px}.sb-midi-roll>.sb-midi-ruler{top:44px}.sb-waveform-clip-range{height:44px;padding-bottom:10px}.sb-track-level{position:relative}.sb-track-level>.sb-track-clip{width:24px;height:10px;padding:0;border:0;border-radius:2px;background:#2c3035;color:#747b84;font-size:6px;font-weight:900;line-height:10px}.sb-track-level>.sb-track-clip.active{background:#ef4238;color:#fff;box-shadow:0 0 6px #ef4238cc}.sb-track-level>span.stereo{display:flex;width:15px;gap:2px;border:0;background:none;overflow:visible}.sb-track-level>span.stereo>i{position:relative;width:6px;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:2px;background:#111418}.sb-track-level>span.stereo>i>b,.sb-track-level>span.stereo>i>em{position:absolute;right:0;bottom:0;left:0;display:block;transition:none}.sb-track-level>span.stereo>i>b{z-index:2;background:linear-gradient(to top,#27c879 0,#27c879 72%,#e7c449 72%,#e7c449 90%,#f0473d 90%)}.sb-track-level>span.stereo>i>em{z-index:1;background:#176c49;opacity:.72}.sb-track-level>span.stereo>i>small{position:absolute;right:0;left:0;z-index:3;height:1px;background:#fff;box-shadow:0 0 2px #fff}.sb-compressor-meter{display:grid;grid-template-columns:18px minmax(150px,1fr) 18px;align-items:end;gap:5px}.sb-compressor-meter .sb-vu-bezel{min-width:0}.sb-compressor-meter .vu-needle{transform-origin:90px 82px;transition:transform 70ms linear}.sb-compressor-meter.optical .vu-needle{transition-duration:.22s}.sb-compressor-io{display:grid;justify-items:center;gap:2px;color:#989080;font-size:7px;font-weight:900}.sb-compressor-io>i{position:relative;width:7px;height:56px;overflow:hidden;border:1px solid #756d5d;border-radius:2px;background:#171713}.sb-compressor-io>i>b{position:absolute;right:0;bottom:0;left:0;background:linear-gradient(to top,#43bc6b 0,#43bc6b 76%,#e6be45 76%,#e6be45 91%,#ed4c37 91%)}.sb-master-meter{display:flex;align-items:center;gap:4px;height:44px;padding:2px 5px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#15181c}.sb-master-meter>small{color:#777f89;font-size:7px;font-weight:900;writing-mode:vertical-rl;transform:rotate(180deg)}.sb-master-meter .sb-track-level{grid-template-rows:10px 1fr auto;min-height:38px}.sb-master-meter .sb-track-level>span.stereo{height:24px;min-height:24px}.sb-topbar{position:relative;padding-bottom:58px}.sb-topbar>.sb-master-meter{position:absolute;right:12px;bottom:6px;z-index:4;height:43px;padding:3px 7px}.sb-master-output{display:grid;grid-template-columns:32px;justify-items:center;gap:0;padding-left:5px;border-left:1px solid rgba(255,255,255,.1)}.sb-master-output>button{position:relative;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 40% 34%,#505761,#20242a 66%);box-shadow:inset 0 0 0 3px #121519,0 1px 4px #000;cursor:ns-resize;touch-action:none}.sb-master-output>button:focus-visible{outline:2px solid #7ac7a0;outline-offset:2px}.sb-master-output>button>span{position:absolute;left:50%;top:3px;width:2px;height:9px;border-radius:2px;background:#70dda2;transform-origin:50% 11px}.sb-master-output>b{color:#e6e9ed;font-size:8px;font-variant-numeric:tabular-nums;line-height:10px}.sb-master-output>em{color:#6f7780;font-size:6px;font-style:normal;font-weight:900;line-height:7px}.sb-track-level>span.stereo>i>b{top:0;background:linear-gradient(to top,#27c879 0,#27c879 84%,#62c96c 88%,#e7c449,#f0cf61);transition:clip-path 65ms linear}.sb-track-level>span.stereo>i.clipped>b{background:linear-gradient(to top,#27c879 0,#27c879 78%,#65c969 83%,#e7c449 90%,#ed9843,#ee693f 96%,#f0473d)}.sb-track-level>span.stereo>i.clipped>small{height:2px;box-shadow:0 0 4px #f0473df2}.sb-compressor-io>i>b{background:linear-gradient(to top,#43bc6b 0,#43bc6b 84%,#77c75f 88%,#e6be45,#efd05f)}.sb-topbar{padding-bottom:10px}.sb-lower-utility-row{display:flex;align-items:stretch;gap:10px;min-width:0}.sb-lower-utility-row>.sb-feedback-card,.sb-lower-utility-row>.sb-next-chords{flex:1 1 auto;width:auto;min-width:0}.sb-lower-utility-row>.sb-master-meter{flex:0 0 auto;align-self:stretch;box-sizing:border-box;height:auto;min-height:54px;padding:4px 8px}.sb-lower-utility-row>.sb-feedback-card,.sb-lower-utility-row>.sb-next-chords{min-height:72px}.sb-lower-utility-row>.sb-master-meter{min-height:72px}.sb-lower-utility-row>.sb-master-meter .sb-track-level>span.stereo{height:40px;min-height:40px}.sb-master-output-input{box-sizing:border-box;width:38px;height:18px;padding:1px 2px;border:1px solid rgba(89,213,255,.55);border-radius:4px;background:#101722;color:#eefaff;font:700 9px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;outline:none}.sb-master-output-input:focus{border-color:#59d5ff;box-shadow:0 0 0 2px #59d5ff24}.sb-master-output-input::-webkit-inner-spin-button{margin:0}.sb-lower-utility-row>.sb-feedback-card.collapsed{flex:0 0 112px;width:112px;min-height:34px;padding-top:5px;padding-bottom:5px}.sb-lower-utility-row>.sb-master-meter{margin-left:auto}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter{height:34px;min-height:34px;padding-top:2px;padding-bottom:2px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level{grid-template-columns:auto 54px auto;grid-template-rows:10px 14px;align-items:center;min-height:28px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>.sb-track-clip{grid-column:1;grid-row:1/3;margin-right:3px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>span.stereo{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;width:54px;height:14px;min-height:14px;gap:2px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>span.stereo>i{width:52px;height:5px;min-height:5px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>span.stereo>i>b{top:0;right:auto;width:var(--meter-peak);height:100%;clip-path:none!important;background:linear-gradient(to right,#27c879 0,#27c879 84%,#62c96c 88%,#e7c449,#f0cf61)}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>span.stereo>i.clipped>b{background:linear-gradient(to right,#27c879 0,#27c879 78%,#65c969 83%,#e7c449 90%,#ed9843,#ee693f 96%,#f0473d)}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>span.stereo>i>em{top:0;right:auto;width:var(--meter-rms);height:100%!important}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>span.stereo>i>small{top:0;bottom:auto!important;left:var(--meter-hold);width:1px;height:100%;transform:translate(-1px)}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed)>.sb-master-meter .sb-track-level>b{grid-column:3;grid-row:1/3;margin-left:3px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed) .sb-master-output{grid-template-columns:28px 30px;grid-template-rows:14px 12px;align-items:center;column-gap:4px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed) .sb-master-output>button{grid-column:1;grid-row:1/3;width:26px;height:26px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed) .sb-master-output>button>span{transform-origin:50% 10px}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed) .sb-master-output>b,.sb-lower-utility-row:has(>.sb-feedback-card.collapsed) .sb-master-output-input{grid-column:2;grid-row:1}.sb-lower-utility-row:has(>.sb-feedback-card.collapsed) .sb-master-output>em{grid-column:2;grid-row:2}@media (max-width:700px){.sb-lower-utility-row{align-items:stretch;flex-direction:column}.sb-lower-utility-row>.sb-master-meter{align-self:flex-end;min-height:48px}}.template-rhythm span.active{animation:template-rhythm-hit .16s ease-out;background:#d6aa38;color:#17130a}.template-rhythm span.group-end{border-right-color:#ffffff47}.template-rhythm span.group-start{border-color:#d6aa38;color:#e4ca80}.template-rhythm span.group-start.active{color:#17130a}@keyframes template-rhythm-hit{0%{transform:scale(.88)}55%{transform:scale(1.18);box-shadow:0 0 14px #d6aa38a6}to{transform:scale(1.08)}}.template-browser-player{grid-template-columns:180px 320px minmax(500px,1fr)}.template-player-detail{gap:12px;padding:18px 22px;scrollbar-gutter:stable}.template-player-detail>header{align-items:flex-start}.template-meter-badge{position:relative;display:flex;align-items:center;gap:6px}.template-meter-badge>b{padding:7px 10px;border:1px solid rgba(214,170,56,.48);border-radius:7px;color:#e4c878}.template-meter-badge>button{position:relative;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #626872;border-radius:50%;background:#292d33;color:#c7cbd1;font-size:11px}.template-meter-badge>button span{position:absolute;z-index:5;top:30px;right:0;display:none;width:250px;padding:9px 10px;border:1px solid #555b64;border-radius:7px;background:#111318;color:#d6d9de;font-size:11px;line-height:1.4;text-align:left;box-shadow:0 10px 25px #0009}.template-meter-badge>button:hover span,.template-meter-badge>button:focus-visible span{display:block}.rhythm-learning-card{display:grid;gap:11px;padding:13px 14px;border:1px solid rgba(214,170,56,.22);border-radius:10px;background:#15181d}.rhythm-learning-card>header{display:flex;gap:30px}.rhythm-learning-card>header>div{display:grid;gap:2px}.rhythm-learning-card small{color:#888f99;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.rhythm-learning-card>header strong{color:#f0f1f3;font-size:16px}.rhythm-learning-card>header span{color:#b5bac2;font-size:11px}.rhythm-learning-card>p{margin:0;color:#aeb4bd;font-size:11px}.rhythm-meter-visualization{min-width:0;padding:9px 10px;border-radius:8px;background:#101216;overflow-x:auto}.rhythm-meter-groups{display:flex;align-items:flex-start;justify-content:center;gap:10px;min-width:max-content}.rhythm-meter-group{display:grid;gap:5px;padding:5px 6px 4px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#ffffff06}.rhythm-meter-cells{display:flex;gap:3px}.rhythm-step{position:relative;display:grid;grid-template-rows:1fr 8px;place-items:center;width:38px;height:43px;padding:5px 4px 4px;border:1px solid #41464e;border-radius:6px;background:#20242a;color:#d7d9dd;transition:background .08s,border-color .08s,box-shadow .08s,transform .08s}.rhythm-step b{font-size:12px}.rhythm-step i{display:grid;place-items:center;width:100%;height:8px}.rhythm-step i span{display:block;width:6px;height:6px;border-radius:50%;background:#8c929b}.rhythm-step.group-start{border-top:3px solid #d6aa38}.rhythm-step.group-start em{position:absolute;top:-5px;left:4px;width:7px;height:7px;border-radius:2px;background:#d6aa38;transform:rotate(45deg)}.rhythm-step.has-event i span{background:#d6aa38}.rhythm-step.is-current{border-color:#f8df8b;background:#655022;color:#fff6d2;box-shadow:0 0 0 2px #d6aa3838}.rhythm-step.is-hit-now i span{animation:rhythm-event-hit .18s ease-out;background:#fff;box-shadow:0 0 10px #f4cd63}.rhythm-meter-group>small{text-align:center;color:#858c96;font-size:9px;text-transform:none;letter-spacing:.02em}.rhythm-meter-visualization.loop-0,.rhythm-meter-visualization.loop-1{animation:rhythm-bar-restart .28s ease-out}.rhythm-meter-visualization.compact .rhythm-step{width:30px;height:36px}.rhythm-meter-visualization.compact .rhythm-meter-group{padding:3px}.rhythm-meter-visualization:has(.rhythm-step:nth-child(n+10)) .rhythm-step{width:30px}@keyframes rhythm-event-hit{0%{transform:scale(.5)}55%{transform:scale(1.9)}to{transform:scale(1)}}@keyframes rhythm-bar-restart{0%{box-shadow:inset 4px 0 #f0ca61}to{box-shadow:inset 0 0 transparent}}.template-player{grid-template-columns:auto 52px minmax(0,1fr);padding:11px 13px}.template-player>div:last-child span{line-height:1.4}.template-info-sections{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}.template-info-sections>section{display:grid;align-content:start;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000001f}.template-info-sections h4{margin:0;color:#e2c777;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.template-player-detail .template-info-sections dl{display:grid;grid-template-columns:70px 1fr;gap:6px 10px;margin:0;padding:0;border:0;background:transparent}.template-info-sections dt,.template-info-sections>section>div>small{color:#8f96a0;font-size:11px}.template-info-sections dd{font-size:12px}.template-info-sections dd small{display:block;margin-top:2px}.template-chips{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 0}.template-chips span{padding:4px 7px;border:1px solid #454a52;border-radius:999px;background:#24282e;color:#cdd1d7;font-size:10px}.template-play-button:focus-visible,.template-preview-modes button:focus-visible,.template-meter-badge>button:focus-visible,.rhythm-step:focus-visible{outline:2px solid #f1d278;outline-offset:2px}@media (max-width:1050px){.template-browser-player{grid-template-columns:150px 270px minmax(430px,1fr)}.rhythm-step{width:34px}.template-player-detail{padding:16px}}@media (max-width:850px){.template-info-sections{grid-template-columns:1fr}.rhythm-meter-groups{justify-content:flex-start}.template-player-detail{min-height:680px}}@media (prefers-reduced-motion:reduce){.rhythm-step,.rhythm-step.is-hit-now i span,.rhythm-meter-visualization.loop-0,.rhythm-meter-visualization.loop-1{animation:none!important;transition:none!important}}.rhythm-step.is-bar-restart{animation:rhythm-step-restart .25s ease-out}@keyframes rhythm-step-restart{0%{box-shadow:0 0 0 3px #f0ca6199;transform:translate(-2px)}to{box-shadow:0 0 0 0 transparent;transform:none}}@media (prefers-reduced-motion:reduce){.rhythm-step.is-bar-restart{animation:none!important}}.template-list-pane .template-filters{grid-template-columns:1fr}.template-dialog-backdrop:has(.template-dialog-large){padding:6px}.template-dialog-large{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-width:none;max-height:none;border-radius:9px}.template-dialog-large .template-browser-player{grid-template-columns:minmax(150px,180px) minmax(270px,.72fr) minmax(500px,1.45fr);min-height:0}.template-dialog-large .template-navigation,.template-dialog-large .template-list-pane,.template-dialog-large .template-player-detail{min-height:0}.sb-place-combo{display:none;width:100%;min-height:38px;border:1px solid rgba(214,170,56,.58);border-radius:6px;background:#d6aa3821;color:#efd47d;font-weight:800}.sb-place-combo:hover:not(:disabled){background:#d6aa3838}.sb-place-combo:disabled{opacity:.45}.sb-access-modal{width:min(820px,94vw);max-height:88vh;overflow:auto}.sb-access-sections{display:grid;gap:18px}.sb-access-sections>section{display:grid;gap:9px}.sb-access-sections h3{margin:0;color:#e4c878;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.sb-access-project{display:grid;gap:9px;padding:12px;border:1px solid #464b53;border-radius:9px;background:#181b20}.sb-access-project>header,.sb-access-row,.sb-access-person{display:flex;align-items:center;justify-content:space-between;gap:10px}.sb-access-project>header>small,.sb-access-row small,.sb-access-person small{display:block;margin-top:3px;color:#9298a1;font-size:10px}.sb-access-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.sb-access-row,.sb-access-person{padding:9px 10px;border:1px solid #3e434b;border-radius:7px;background:#20242a}.sb-access-row>div{display:flex;flex-wrap:wrap;gap:6px}.sb-outline-action.danger{border-color:#754a4a;color:#e7a1a1}@media (max-width:650px){.sb-access-project>header,.sb-access-row,.sb-access-person{align-items:stretch;flex-direction:column}.sb-access-invite{grid-template-columns:1fr}.sb-access-row>div{display:grid;grid-template-columns:1fr}.sb-access-row button,.sb-access-person button{width:100%}}.sb-auth-backdrop{z-index:9500}.sb-auth-modal{display:grid;gap:18px;width:min(470px,94vw);max-height:92vh;overflow:auto}.sb-auth-modal .auth-mode-row{display:grid;grid-template-columns:1fr 1fr}.sb-auth-modal .auth-form{display:grid;gap:13px}.sb-auth-code{text-align:center;font-size:20px;letter-spacing:.3em}.sb-access-project-list,.sb-access-detail-list{display:grid;gap:8px}.sb-access-project-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:1px solid #41464e;border-radius:8px;background:#20242a;color:#edf0f4;text-align:left}.sb-access-project-summary:hover{border-color:#d6aa38;background:#29271f}.sb-access-project-summary span{display:grid;gap:3px}.sb-access-project-summary small{color:#9298a1}.sb-access-project-summary b{color:#d9bd6d;font-size:11px}.sb-access-detail-backdrop{z-index:9400}.sb-access-detail-modal{display:grid;gap:16px;width:min(650px,94vw);max-height:88vh;overflow:auto}.sb-access-detail-list h3{margin:8px 0 0;color:#e4c878;font-size:12px;text-transform:uppercase}@media (max-width:650px){.sb-access-project-summary{align-items:flex-start;flex-direction:column}.sb-access-project-summary b{font-weight:600}}.sb-mobile-placement{display:grid;grid-template-columns:minmax(170px,1fr) 130px 78px repeat(4,auto);align-items:end;gap:7px;padding:9px 10px;border-top:1px solid rgba(214,170,56,.35);border-bottom:1px solid rgba(214,170,56,.35);background:#201b11}.sb-mobile-placement>div{display:grid;gap:2px}.sb-mobile-placement>div span{color:#aaa18d;font-size:10px}.sb-mobile-placement label{display:grid;gap:3px;color:#a99d81;font-size:9px}.sb-mobile-placement select,.sb-mobile-placement input,.sb-mobile-placement button{box-sizing:border-box;height:32px;padding:5px 8px;border:1px solid #565044;border-radius:5px;background:#29261f;color:#eee}.sb-mobile-placement button.primary{border-color:#d6aa38;background:#b88b28;color:#17130a;font-weight:800}.sb-mobile-placement-preview{position:absolute;z-index:28;top:5px;bottom:5px;display:grid;align-content:center;min-width:42px;padding:5px 7px;border:2px solid #f0c85d;border-radius:6px;background:#b88b284d;color:#fff3c8;box-shadow:0 0 12px #d6aa3859;pointer-events:none}.sb-mobile-placement-preview strong,.sb-mobile-placement-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-mobile-placement-preview span{font-size:9px}@media (max-width:850px){.sb-place-combo{position:sticky;bottom:0;z-index:4;display:block}.sb-mobile-placement{position:sticky;top:0;z-index:70;grid-template-columns:1fr auto auto;padding:8px}.sb-mobile-placement>div{grid-column:1/-1}.sb-mobile-placement label:first-of-type{grid-column:1/3}.sb-mobile-placement label:nth-of-type(2){grid-column:3}.sb-mobile-placement button{min-width:54px}.sb-mobile-placement button:nth-last-of-type(4),.sb-mobile-placement button:nth-last-of-type(3){display:none}.sb-mobile-placement button.primary{grid-column:3}.sb-mobile-placement-preview{top:3px;bottom:3px}}@media (max-width:1050px){.template-dialog-large .template-browser-player{grid-template-columns:minmax(140px,160px) minmax(240px,.72fr) minmax(410px,1.35fr)}}@media (max-width:850px){.template-dialog-backdrop:has(.template-dialog-large){padding:3px}.template-dialog-large{width:calc(100vw - 6px);height:calc(100dvh - 6px);border-radius:7px}.template-dialog-large .template-browser-player{display:flex;overflow:auto}.template-dialog-large .template-player-detail{min-height:auto}}.sb-vocal-waveform-editor .sb-rhythm-analyze-action,.sb-vocal-waveform-editor .sb-waveform-actions{gap:7px}.sb-vocal-waveform-editor .sb-rhythm-analyze-action{margin:12px 0 0;padding:9px 10px 0;border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:8px 8px 0 0;background:#22252ab8}.sb-vocal-waveform-editor .sb-waveform-actions{margin:0;padding:7px 10px 10px;border:1px solid rgba(255,255,255,.08);border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#22252ab8,#1b1d21e6)}.sb-vocal-waveform-editor .sb-waveform-primary-action{position:relative;min-width:138px!important;min-height:39px!important;padding:8px 14px!important;border:1px solid #4b5058!important;border-radius:6px!important;background:#292c31!important;color:#e2e4e7!important;font-size:12px!important;font-weight:500!important;letter-spacing:.005em;box-shadow:inset 0 1px #ffffff0b,0 1px 2px #00000038!important}.sb-vocal-waveform-editor .sb-waveform-primary-action:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#c7a64c;vertical-align:1px}.sb-vocal-waveform-editor .sb-waveform-primary-action.melody:before{background:#72a9d7}.sb-vocal-waveform-editor .sb-waveform-primary-action.rhythm:before{background:#72ac92}.sb-vocal-waveform-editor .sb-waveform-primary-action.melody,.sb-vocal-waveform-editor .sb-waveform-primary-action.rhythm{border-color:#4b5058!important;background:#292c31!important;color:#e2e4e7!important}.sb-vocal-waveform-editor .sb-waveform-primary-action:hover:not(:disabled),.sb-vocal-waveform-editor .sb-waveform-primary-action.melody:hover:not(:disabled),.sb-vocal-waveform-editor .sb-waveform-primary-action.rhythm:hover:not(:disabled){border-color:#747b85!important;background:#33373d!important;color:#fff!important;transform:translateY(-1px)}.sb-vocal-waveform-editor .sb-waveform-primary-action:active:not(:disabled){transform:translateY(0)}.sb-vocal-waveform-editor .sb-waveform-primary-action:focus-visible{outline:2px solid rgba(214,170,56,.65);outline-offset:2px}.sb-vocal-waveform-editor .sb-waveform-primary-action:disabled{opacity:.42}.sb-vocal-waveform-editor .sb-waveform-commit{min-height:39px!important;margin:0 auto 0 0!important;padding:8px 13px!important;border-color:#405a4a!important;background:#25362c!important;color:#d5e7dc!important;font-size:11px!important;font-weight:600!important;box-shadow:none!important}.sb-vocal-waveform-editor .sb-waveform-commit.melody{border-color:#3d5267!important;background:#243342!important;color:#d8e5f1!important}@media (max-width:760px){.sb-vocal-waveform-editor .sb-rhythm-analyze-action,.sb-vocal-waveform-editor .sb-waveform-actions{justify-content:stretch}.sb-vocal-waveform-editor .sb-waveform-primary-action{flex:1;min-width:120px!important}.sb-vocal-waveform-editor .sb-waveform-commit{width:100%;margin:0!important}}.sb-rhythm-analyze-action{display:flex;justify-content:flex-end;margin-top:9px}.sb-waveform-primary-action.rhythm{border-color:#70c4a2!important;background:linear-gradient(180deg,#428d70,#285b48)!important;color:#071811!important}.sb-rhythm-analysis{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid rgba(112,196,162,.38);border-radius:9px;background:#171f1c}.sb-rhythm-analysis>header{display:flex;align-items:center;justify-content:space-between}.sb-rhythm-analysis h3{margin:2px 0}.sb-rhythm-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}.sb-rhythm-candidates button{display:grid;gap:3px;text-align:left}.sb-rhythm-candidates button.active{border-color:#70c4a2;background:#233b32}.sb-rhythm-candidates span,.sb-rhythm-candidates small{font-size:11px}.sb-rhythm-meter{display:grid;grid-template-columns:repeat(var(--rhythm-columns),minmax(28px,1fr));gap:4px}.sb-rhythm-meter>span{position:relative;display:grid;place-items:center;min-height:46px;border:1px solid #48554f;border-radius:5px;background:#202a26}.sb-rhythm-meter>span.group-start{margin-left:7px;border-left:3px solid #70c4a2}.sb-rhythm-meter>span:first-child{margin-left:0}.sb-rhythm-meter i,.sb-rhythm-meter em{position:absolute;bottom:5px;width:7px;height:7px;border-radius:50%}.sb-rhythm-meter i{left:30%;background:#68aeff}.sb-rhythm-meter em{right:30%;background:#d6aa38}.sb-rhythm-adjust{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.sb-rhythm-adjust label{display:grid;gap:4px;font-size:11px}.sb-rhythm-adjust label>span{display:flex}.sb-rhythm-adjust input,.sb-rhythm-adjust select,.sb-rhythm-preview select{min-height:34px;background:#111714;color:#fff;border:1px solid #46544e;border-radius:5px}.sb-rhythm-preview{display:flex;justify-content:flex-end;gap:8px}.sb-rhythm-analysis .warning{margin:0;color:#e9c675;font-size:12px}@media (max-width:760px){.sb-rhythm-adjust{grid-template-columns:repeat(2,minmax(120px,1fr))}.sb-rhythm-meter{overflow-x:auto}.sb-rhythm-preview{flex-wrap:wrap}}.sb-audio-project-analyzer{display:grid;gap:16px;padding:18px;min-height:360px}.sb-audio-project-analyzer header h2{margin:0 0 6px}.sb-audio-project-analyzer header p{margin:0;color:var(--muted-text,#9ca3af);max-width:780px}.sb-audio-analysis-drop{display:grid;place-items:center;text-align:center;gap:7px;padding:34px 20px;border:2px dashed color-mix(in srgb,var(--accent,#8b5cf6) 45%,transparent);border-radius:16px;background:color-mix(in srgb,var(--accent,#8b5cf6) 7%,transparent);transition:.18s ease}.sb-audio-analysis-drop.active{border-color:var(--accent,#8b5cf6);background:color-mix(in srgb,var(--accent,#8b5cf6) 16%,transparent);transform:scale(1.005)}.sb-audio-analysis-drop>span{font-size:.85rem;color:var(--muted-text,#9ca3af)}.sb-audio-analysis-drop>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.sb-audio-analysis-drop button,.sb-audio-create-project{border:1px solid color-mix(in srgb,var(--accent,#8b5cf6) 55%,transparent);border-radius:9px;padding:9px 13px;background:transparent;color:inherit;cursor:pointer}.sb-audio-analysis-drop button.primary{background:var(--accent,#7c3aed);color:#fff}.sb-audio-analysis-drop button.recording{background:#be123c;color:#fff}.sb-audio-analysis-drop button:disabled{opacity:.55;cursor:wait}.sb-audio-analysis-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.sb-audio-analysis-results article{display:grid;gap:5px;padding:13px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:12px;background:color-mix(in srgb,currentColor 3%,transparent)}.sb-audio-analysis-results article span,.sb-audio-analysis-results article small{font-size:.78rem;color:var(--muted-text,#9ca3af)}.sb-audio-create-project{grid-column:1/-1;justify-self:start;margin-top:4px}.sb-chords-panel{font-size:14px}.sb-progression-browser-filters{gap:10px}.sb-progression-browser-filters label{gap:6px;font-size:11px;line-height:1.35}.sb-progression-browser-filters select.text-input{height:40px;font-size:13px;font-weight:700}.sb-ready-progression-note{font-size:12px;line-height:1.6}.sb-ready-progression-list{gap:10px}.sb-ready-progression-list>article{min-height:82px;padding:12px 13px}.sb-ready-progression-list small{font-size:10px;line-height:1.45;overflow-wrap:anywhere}.sb-ready-progression-list strong{font-size:14px;line-height:1.35}.sb-ready-progression-list span{font-size:12px;line-height:1.45}.sb-ready-progression-list footer button{min-height:34px;font-size:11px}.sb-ready-progression-list>article.playing{border-color:#d6aa38;background:linear-gradient(135deg,#34301f,#242720);box-shadow:0 0 0 1px #d6aa382e,0 8px 24px #00000038}.sb-ready-progression-list>article.playing strong{color:#f1d47c}.sb-ready-progression-list footer button.playing{border-color:#d6aa38;background:#3b321d;color:#f6dc8a}.sb-music-explore{display:flex;flex-direction:column;gap:14px}.sb-music-explore>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.sb-music-explore>header h3{margin:3px 0}.sb-music-explore>header p{margin:0;color:var(--sb-muted,#9ca8bd)}.sb-music-explore button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.sb-explore-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sb-explore-controls label,.sb-explore-advanced label{display:flex;flex-direction:column;gap:5px;font-size:.76rem;color:var(--sb-muted,#9ca8bd)}.sb-explore-controls select,.sb-explore-advanced select,.sb-explore-advanced input{min-height:38px;border:1px solid rgba(157,183,255,.2);border-radius:9px;background:#151c2d;color:#eef3ff;padding:0 10px}.sb-explore-advanced{display:flex;gap:10px;align-items:end;padding:10px;border-radius:12px;background:#141c2db3}.sb-explore-advanced span{margin-left:auto;font-size:.75rem;color:#9ca8bd}.sb-explore-transform,.sb-explore-locks{display:flex;gap:7px;overflow-x:auto}.sb-explore-transform button,.sb-explore-locks button{white-space:nowrap;border:1px solid rgba(157,183,255,.18);border-radius:999px;background:#151c2db8;color:#c7d2e8;padding:7px 10px}.sb-explore-locks button.active{border-color:#7fa3ef;color:#fff;background:#4868ad4d}.sb-explore-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sb-explore-results article{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(157,183,255,.18);border-radius:14px;background:linear-gradient(145deg,#182033f2,#101624f2)}.sb-explore-results article>header{display:flex;justify-content:space-between}.sb-explore-results article>header div{display:flex;flex-direction:column;gap:2px}.sb-explore-results article>header small,.sb-explore-results article>header span{font-size:.72rem;color:#9ca8bd}.sb-explore-results article>header>b{display:none}.sb-explore-chords{font-weight:700;color:#f1d08c}.sb-explore-results dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.sb-explore-results dl div{min-width:0}.sb-explore-results dt{font-size:.65rem;text-transform:uppercase;color:#7f8da8}.sb-explore-results dd{margin:1px 0;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-explore-results details{font-size:.7rem;color:#9ca8bd}.sb-explore-results details span{display:inline-block;margin-right:8px}.sb-explore-results footer{display:flex;gap:8px;margin-top:auto}.sb-explore-results footer button{flex:1;min-height:36px;border-radius:9px}.sb-explore-results footer .primary{background:#6e8ed8;color:#fff}@media (max-width:760px){.sb-explore-controls{grid-template-columns:1fr 1fr}.sb-explore-results{grid-template-columns:1fr}.sb-explore-advanced{align-items:stretch;flex-direction:column}.sb-explore-advanced span{margin-left:0}.sb-music-explore>header{flex-direction:column}.sb-music-explore>header button{align-self:flex-start}}.sb-fx-plugin-body .sb-vocal-plugin-controls>.sb-fx-spatial-controls{grid-column:1/-1;display:grid;gap:12px;width:100%}.sb-fx-knob-row{display:flex;align-items:start;justify-content:center;gap:clamp(24px,7vw,72px)}.sb-fx-plugin-body .sb-vocal-plugin-controls .sb-fx-knob-control{position:relative;display:grid;grid-template-columns:72px;justify-items:center;gap:5px;min-width:72px;width:72px;max-width:72px;color:#afb4bd;text-align:center}.sb-fx-plugin-body .sb-vocal-plugin-controls .sb-fx-knob-control>span:first-child{display:block;min-height:0;color:#afb4bd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sb-fx-knob{position:relative;display:block!important;width:58px;height:58px;border:1px solid #555b63;border-radius:50%;background:radial-gradient(circle at 38% 30%,#5b6067,#25282d 58%,#111317 72%);box-shadow:inset 0 0 0 3px #181a1e,0 3px 7px #0000008c}.sb-fx-knob:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(214,170,56,.22);border-bottom-color:transparent}.sb-fx-knob i{position:absolute;left:50%;top:5px;width:3px;height:19px;border-radius:3px;background:#e7bd55;box-shadow:0 0 5px #e7bd5566;transform-origin:50% 24px;transform:translate(-50%) rotate(var(--knob-angle))}.sb-fx-plugin-body .sb-vocal-plugin-controls .sb-fx-knob-control>b{color:#e7bd55;font-size:11px;font-variant-numeric:tabular-nums}.sb-fx-plugin-body .sb-vocal-plugin-controls .sb-fx-knob-control>input[type=range]{position:absolute;left:7px;top:17px;width:58px;height:58px;margin:0;opacity:0;cursor:ew-resize}.sb-fx-dropdown-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.sb-fx-plugin-body .sb-vocal-plugin-controls .sb-fx-dropdown-row>label{width:100%;min-width:0;max-width:none}@media (max-width:620px){.sb-fx-knob-row{gap:20px}.sb-fx-knob{width:52px;height:52px}.sb-fx-knob i{height:17px;transform-origin:50% 21px}.sb-fx-plugin-body .sb-vocal-plugin-controls .sb-fx-knob-control>input[type=range]{left:10px;width:52px;height:52px}}.sb-sounds-browser{width:100%;max-width:525px}.sb-editor-patterns{gap:10px;padding:11px;border-color:#e0b87547;border-radius:10px;background:linear-gradient(180deg,#20252a,#1a1e22)}.sb-editor-patterns header{align-items:end;gap:10px}.sb-editor-patterns header strong{font-size:.78rem}.sb-editor-patterns header small{margin-top:2px;font-size:.64rem;line-height:1.35}.sb-editor-patterns header label{gap:4px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sb-editor-patterns select{height:32px;padding:0 24px 0 8px;border-radius:6px;font-size:.7rem}.sb-editor-pattern-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:250px;padding:1px;overflow:auto}.sb-editor-pattern-list article{display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto 18px;min-width:0;min-height:62px;padding:9px 9px 7px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(145deg,#292f34,#22272c);box-shadow:0 3px 8px #00000029;cursor:grab;transition:border-color .15s ease,background .15s ease,transform .15s ease}.sb-editor-pattern-list article:hover{border-color:#e0b87580;background:linear-gradient(145deg,#30342f,#252a2d);transform:translateY(-1px)}.sb-editor-pattern-list article:active{cursor:grabbing}.sb-editor-pattern-list article.playing{border-color:#e0b875;background:linear-gradient(145deg,#b484324d,#29291f);box-shadow:inset 3px 0 #e0b875,0 0 14px #e0b8751f}.sb-editor-pattern-list article>div{display:grid;align-content:center;gap:3px;min-width:0}.sb-editor-pattern-list article strong{overflow:hidden;color:#e7ebee;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.sb-editor-pattern-list article small{overflow:hidden;color:#929ca5;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.sb-editor-pattern-list article>button{display:grid;grid-column:2;grid-row:1/3;place-items:center;width:34px;height:34px;align-self:center;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#30363c;color:#e8ecef}.sb-editor-pattern-list article>button:hover:not(:disabled){border-color:#e0b875;color:#f3d99d}.sb-editor-pattern-list article>button.playing{border-color:#e0b875;background:#a8792e;color:#17130a}.sb-editor-pattern-list article>span{align-self:end;color:#859099;font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sb-editor-pattern-list article.playing>span{color:#e8c983}@media (max-width:720px){.sb-editor-pattern-list{grid-template-columns:1fr;max-height:42vh}.sb-editor-pattern-list article{min-height:58px}}.sb-block-color-palette{position:fixed;z-index:905;display:flex;gap:6px;padding:7px;border:1px solid #51565e;border-radius:8px;background:#191c20;box-shadow:0 8px 24px #00000073;transform:translateY(-100%)}.sb-block-color-palette button{width:25px;height:25px;padding:0;border:2px solid rgba(255,255,255,.28);border-radius:50%}.sb-block-color-palette button:hover,.sb-block-color-palette button:focus-visible{border-color:#fff;transform:scale(1.08)}.sb-block-color-palette .blue{background:#233752}.sb-block-color-palette .teal{background:#204d4a}.sb-block-color-palette .gold{background:#75531d}.sb-block-color-palette .red{background:#5b2627}.sb-block-color-palette .plum{background:#3c2d4e}.sb-mix-advisor-panel{gap:10px!important;padding:12px!important;border-color:#ffffff1a!important;border-radius:8px!important;background:linear-gradient(180deg,#202328,#191c20)!important;font:inherit}.sb-mix-advisor-panel>header>div>strong{font-size:14px;color:var(--sb-text)}.sb-mix-advisor-panel>header span,.sb-mix-advisor-status span{font-size:11px!important;line-height:1.4;color:var(--sb-soft)}.sb-mix-advisor-panel button,.sb-mix-advisor-panel select{font:inherit}.sb-mix-view-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sb-mix-view-toggle button{box-sizing:border-box;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#242a2f;color:#9ea8b0;font-size:12px;font-weight:700}.sb-mix-view-toggle button:hover:not(:disabled){border-color:#d6aa3873;color:#e7e9ec}.sb-mix-view-toggle button.active{border-color:var(--sb-gold);background:#d6aa3824;color:#f2d888}.sb-mix-view-toggle button:disabled{opacity:.4}.sb-mix-goal{display:grid;gap:5px;color:var(--sb-soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sb-mix-goal select,.sb-builder-mix-fields select,.sb-builder-mix-fields input{box-sizing:border-box;width:100%;height:38px;min-width:0;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#17191d;color:var(--sb-text);font-size:12px}.sb-mix-goal select:focus,.sb-builder-mix-fields select:focus,.sb-builder-mix-fields input:focus{outline:1px solid rgba(214,170,56,.72);border-color:var(--sb-gold)}.sb-mix-analyze-button{min-height:36px!important;padding:0 13px!important;border-radius:6px!important;font-size:11px!important;box-shadow:none}.sb-mix-advisor-status{padding:10px!important;border-color:#ffffff1a!important;border-radius:7px!important;background:#171a1f!important}.sb-mix-summary{gap:6px}.sb-mix-summary span{padding:5px 8px!important;border:1px solid rgba(255,255,255,.08);border-radius:6px!important;background:#24272c!important;font-size:10px!important;font-weight:700}.sb-mix-findings article{border-color:#ffffff1a!important;border-radius:7px!important;background:#22262b!important}.sb-mix-finding-head{min-height:58px;padding:10px 11px!important;font:inherit;color:#e7e9ec}.sb-builder-mix-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.sb-builder-mix-fields label{display:grid;gap:6px;color:var(--sb-soft);font-size:10px;font-weight:800;text-transform:uppercase}.sb-builder-mix-fields :disabled{opacity:.48}.sb-builder-mix-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.sb-builder-mix-actions .sb-builder-mix-remove{margin:0 auto 0 0}@media (max-width:620px){.sb-builder-mix-fields{grid-template-columns:1fr}.sb-builder-mix-actions{align-items:stretch;flex-direction:column}.sb-builder-mix-actions .sb-builder-mix-remove{margin:0}}.sb-mobile-selection-actions,.sb-mobile-builder-actions,.sb-mobile-transport-more{display:none}.sb-mobile-project-sheet{display:contents}.sb-mobile-project-sheet-header,.sb-mobile-project-menu-backdrop{display:none}@media (max-width:600px){html,body,#root{width:100%;min-height:100%;height:auto;overflow-y:visible}body{overflow-x:hidden}.app-shell:has(.song-builder-workspace-page){display:block;width:100%;height:auto;min-height:100dvh;padding:4px;overflow:visible}.app-shell:has(.song-builder-workspace-page) .app-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 12px;margin:0 0 5px;border-radius:7px}.app-shell:has(.song-builder-workspace-page) .app-header>div:first-child{min-width:0}.app-shell:has(.song-builder-workspace-page) .app-header .eyebrow,.app-shell:has(.song-builder-workspace-page) .app-header .header-benefits{display:none}.app-shell:has(.song-builder-workspace-page) .app-title{overflow:hidden;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app-shell:has(.song-builder-workspace-page) .mobile-nav-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#242424;color:#f4f4f4}.app-shell:has(.song-builder-workspace-page) .top-nav{position:absolute;z-index:30;top:calc(100% + 4px);right:4px;left:4px;display:none;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#171717;box-shadow:0 14px 32px #000b}.app-shell:has(.song-builder-workspace-page) .top-nav.mobile-open{display:grid}.app-shell:has(.song-builder-workspace-page) .top-nav>.nav-pill,.app-shell:has(.song-builder-workspace-page) .top-nav>.settings-menu{width:100%;min-width:0}.app-shell:has(.song-builder-workspace-page) .top-nav .nav-pill,.app-shell:has(.song-builder-workspace-page) .account-menu-button{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center}.app-shell:has(.song-builder-workspace-page) .account-panel{position:fixed;z-index:110;right:6px;bottom:6px;left:6px;top:auto;box-sizing:border-box;min-width:0;max-height:calc(100dvh - 12px);overflow:auto}.song-builder-workspace-page{position:relative;display:flex;gap:5px;width:100%;height:auto;min-height:0;overflow:visible;padding-bottom:calc(78px + env(safe-area-inset-bottom));font-size:13px}.song-builder-workspace-page button,.song-builder-workspace-page select,.song-builder-workspace-page input{font-size:16px}.song-builder-workspace-page button{min-height:42px;touch-action:manipulation}.sb-topbar{position:relative!important;z-index:20;display:block!important;width:100%;height:auto!important;min-height:0!important;padding:7px;overflow:visible!important}.sb-topbar>.sb-brand{width:100%!important}.sb-brand,.sb-transport,.sb-meta,.sb-top-actions{width:100%;min-width:0;box-sizing:border-box}.sb-brand{justify-content:flex-start;min-width:0}.sb-brand-mark{display:none}.sb-brand-copy{min-width:0}.sb-brand-copy strong,.sb-brand-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-app-title{font-size:15px}.sb-song-headline{font-size:10px}.sb-mobile-project-menu-toggle{display:grid!important;place-items:center;margin-left:auto;width:42px;min-width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#24272c;color:#eee}.sb-transport{display:none}.sb-transport.mobile-context-visible{position:fixed!important;z-index:40;right:4px;bottom:0;left:4px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:auto!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:10px 10px 0 0;background:#141619fa;box-shadow:0 -10px 28px #000b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sb-transport .sb-mobile-transport-more{display:grid}.sb-transport button,.sb-transport .sb-top-circle.primary{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0}.sb-mobile-builder-actions.mobile-context-visible{position:fixed;z-index:40;right:4px;bottom:0;left:4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:10px 10px 0 0;background:#141619fa;box-shadow:0 -10px 28px #000b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sb-mobile-builder-actions button{display:grid;grid-template-rows:20px 12px;place-items:center;gap:1px;width:100%;min-width:0;min-height:44px;height:44px;padding:3px 1px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:#24272c;color:#eee}.sb-mobile-builder-actions button:disabled{opacity:.45}.sb-mobile-builder-actions span{overflow:hidden;max-width:100%;font-size:9px;line-height:11px;text-overflow:ellipsis;white-space:nowrap}.sb-mobile-project-menu-backdrop{position:fixed;z-index:69;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0!important;padding:0;border:0;background:#0000009e}.sb-mobile-project-sheet{position:fixed;z-index:70;right:5px;bottom:calc(66px + env(safe-area-inset-bottom));left:5px;display:none;box-sizing:border-box;max-height:calc(100dvh - 82px - env(safe-area-inset-bottom));padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px 12px 8px 8px;background:#1b1d20;box-shadow:0 -16px 44px #000d;overflow:auto}.sb-mobile-project-sheet.open{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}.sb-mobile-project-sheet>.sb-mobile-project-sheet-header,.sb-mobile-project-sheet>.sb-meta,.sb-mobile-project-sheet>.sb-actions{grid-area:auto!important;grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0!important}.sb-mobile-project-sheet-header{display:flex;align-items:center;justify-content:space-between}.sb-mobile-project-sheet-header strong{font-size:15px}.sb-mobile-project-sheet-header button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#282b30;color:#fff}.sb-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;overflow:visible}.sb-meta label{display:grid;min-width:0;gap:4px}.sb-meta label.wide{min-width:0}.sb-meta label>span{font-size:10px}.sb-meta .sb-bpm-scrub,.sb-meta .sb-meta-input{width:100%!important;min-width:0!important}.sb-meta .sb-meta-input,.sb-meta .sb-bpm-field .sb-meta-input,.sb-meta .sb-instrument-field .sb-meta-input{height:44px;min-height:44px}.sb-actions,.sb-actions.mobile-open{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;background:none;box-shadow:none}.sb-actions>.sb-top-action,.sb-actions.mobile-open>.sb-top-action{display:flex;width:100%;min-width:0;min-height:46px;padding:7px}.sb-top-action span{overflow:hidden;text-overflow:ellipsis}.sb-mobile-more-toggle{display:none!important}.song-builder-workspace-tabs,.sb-mobile-tabs{position:static;z-index:auto;display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:4px;padding:3px;background:#111}.song-builder-workspace-tabs button,.sb-mobile-tabs button{width:100%;min-width:0;min-height:44px}.sb-layout-wide,.sb-properties-wide,.sb-builder-section{min-width:0}.sb-panel,.sb-sidebar-card,.sb-arrangement{padding:7px}.sb-button-row,.sb-generated-actions,.sb-pattern-actions,.sb-arrangement-header{flex-wrap:wrap}.sb-button-row>*{flex:1 1 130px}.sb-sidebar-grid.two,.sb-properties-wide .sb-sidebar-grid.two,.sb-properties-wide .sb-effects-grid,.sb-waveform-clip-controls,.sb-vocal-waveform-editor .sb-waveform-control-strip .sb-waveform-clip-controls{grid-template-columns:1fr!important}.sb-arrangement-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px}.sb-arrangement-copy{min-width:0}.sb-arrangement-copy span{display:block}.sb-arrangement-actions{grid-column:2}.sb-arrangement-actions button{width:44px;min-width:44px;height:44px}.sb-total-bars{grid-column:1/-1;width:100%}.sb-mobile-selection-actions{position:sticky;top:52px;z-index:640;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;box-sizing:border-box;padding:7px;border:1px solid rgba(214,170,56,.42);border-radius:7px;background:#201c13;box-shadow:0 6px 18px #0008}.sb-mobile-selection-actions strong{grid-column:1/-1;overflow:hidden;color:#f0cf75;text-overflow:ellipsis;white-space:nowrap}.sb-mobile-selection-actions button{min-width:0;padding:5px 3px;font-size:11px}.sb-mobile-selection-actions button.danger{border-color:#8b4141;color:#faa}.sb-arrangement,.sb-arrangement-grid,.sb-analysis-native-arrangement{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}.sb-arrangement{overflow:hidden!important}.sb-arrangement-grid{display:grid;grid-template-columns:118px minmax(0,1fr);height:auto;overflow:hidden!important}.sb-sections-column{position:relative;z-index:8;width:118px;min-width:118px;overflow:hidden;background:#17191d}.song-analyze-workspace,.sb-audio-project-analyzer{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.sb-sections-head,.sb-ruler-viewport{height:48px;min-height:48px}.sb-add-track-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px}.sb-add-track-menu button{min-width:0;min-height:40px;padding:2px;font-size:9px}.sb-section-cell,.sb-lane{height:104px;min-height:104px}.sb-section-cell{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;padding:4px;gap:3px}.sb-section-edit{min-width:0;overflow:hidden;padding:3px;font-size:11px;text-overflow:ellipsis}.sb-section-edit small{font-size:8px}.sb-track-channel{transform:scale(.9);transform-origin:top left}.sb-track-state{grid-column:1/-1;justify-content:center}.sb-track-state button{min-width:34px!important;height:34px!important;min-height:34px!important}.sb-timeline-shell{min-width:0;overflow:hidden}.sb-ruler-viewport{overflow:hidden}.sb-timeline-scroll{max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y;overscroll-behavior-inline:contain}.sb-block{min-height:68px;touch-action:none}.sb-block-resize{width:30px!important;min-width:30px!important;min-height:68px!important}.sb-block-pattern-name{font-size:9px}.sb-arrangement-footer{display:grid;grid-template-columns:1fr;gap:8px;padding:8px}.sb-zoom-controls,.sb-scrollbar-shell,.sb-snap-select{width:100%;box-sizing:border-box}.sb-scrollbar-shell button{min-width:44px}.sb-bottom-editor-overlay,.sb-vocal-dock-layer .sb-bottom-editor-overlay{position:fixed!important;top:4px!important;right:4px!important;bottom:4px!important;left:4px!important;z-index:9200!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:9px!important;padding-bottom:env(safe-area-inset-bottom)}.sb-bottom-editor-content{overflow:auto}.sb-block-editor-modal,.sb-vocal-waveform-editor{padding:8px!important}.sb-midi-roll-shell,.shared-midi-scroll,.sb-waveform-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain}.sb-midi-roll,.shared-midi-timeline{min-width:680px}.sb-midi-note,.shared-midi-note{min-height:18px}.sb-block-event-handle{width:18px;min-width:18px}.sb-waveform-editor-body{display:block}.sb-waveform-control-strip{max-height:none;overflow:visible}.sb-waveform-surface{min-width:620px!important}.sb-waveform-toolbar,.sb-waveform-actions{align-items:stretch!important}.sb-waveform-toolbar button,.sb-waveform-actions button{flex:1 1 130px}.template-dialog,.template-dialog-large,.sb-arpeggio-pattern-modal,.sb-access-modal,.sb-access-detail-modal,.sb-auth-modal,.sb-key-apply-modal{box-sizing:border-box;width:calc(100vw - 8px)!important;max-width:none!important;height:calc(100dvh - 8px)!important;max-height:none!important;margin:0;padding:10px;border-radius:8px;overflow:auto}.template-dialog-backdrop,.sb-modal-backdrop,.sb-timeline-context-backdrop{padding:4px}.sb-timeline-context-menu{position:fixed!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;left:6px!important;top:auto!important;max-height:70dvh;overflow:auto}.sb-timeline-context-menu button{min-height:48px}.sb-mobile-placement{grid-template-columns:1fr 1fr!important}.sb-mobile-placement>div,.sb-mobile-placement label,.sb-mobile-placement button.primary{grid-column:1/-1!important}.sb-mobile-placement button{display:block!important}.sb-layout{display:flex;flex-direction:column;width:100%;height:auto;min-height:0;overflow:visible}.sb-panel-resizer{display:none}.sb-bottom-layout,.sb-builder-section,.sb-properties-wide{width:100%;height:auto;min-height:0;overflow:visible}.sb-layout>.sb-builder-section{min-width:0;max-width:none}.sb-top-panels,.sb-top-panels.track-instrument{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}.sb-top-panels>.sb-panel{flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important}.sb-top-panels>.sb-patterns-panel{order:1}.sb-top-panels>.sb-chords-panel{order:2}.sb-lower-utility-row{display:block;width:100%}.sb-lower-utility-row>.sb-feedback-card:not(.sb-next-chords){display:none}.sb-lower-utility-row>.sb-master-meter{position:static;display:flex;align-self:stretch;width:100%;height:auto;min-height:54px;margin:0;padding:6px 10px}.sb-lower-utility-row>.sb-master-meter>small{writing-mode:horizontal-tb;transform:none}.sb-lower-utility-row>.sb-master-meter .sb-track-level{flex:1}.sb-lower-utility-row>.sb-master-meter .sb-track-level>span.stereo{width:100%;height:28px;min-height:28px}.sb-lower-utility-row>.sb-master-meter .sb-track-level>span.stereo>i{width:100%}.sb-patterns-panel,.sb-pattern-list,.sb-sidebar-card,.sb-panel{max-height:none!important;overflow:visible}.sb-pattern-field,.sb-pattern-search,.sb-pattern-new-button{width:100%;max-width:100%}.sb-ai-panel{top:4px;right:4px;bottom:4px;left:4px;max-height:calc(100dvh - 8px);padding:10px}.sb-ai-fields{grid-template-columns:1fr}}.sb-mobile-project-menu-toggle,.sb-mobile-more-toggle{display:none}.sb-parametric-eq{min-width:0;display:grid;gap:12px;padding:16px;background:linear-gradient(145deg,#121b29,#0d1420);border-color:#26364b}.sb-parametric-eq>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sb-eq-header-actions,.sb-eq-toolbar,.sb-eq-band-controls,.sb-eq-band-title{display:flex;align-items:center;gap:8px}.sb-parametric-eq button,.sb-parametric-eq select,.sb-parametric-eq input{font:inherit}.sb-parametric-eq button,.sb-parametric-eq select{color:#d8e2ef;background:#172437;border:1px solid #31445e;border-radius:7px;padding:7px 10px}.sb-parametric-eq button.active{color:#07150f;background:#63e6be;border-color:#63e6be}.sb-eq-graph{height:300px;min-height:220px;position:relative;border:1px solid #263a52;border-radius:10px;overflow:hidden;touch-action:none}.sb-eq-graph canvas{width:100%;height:100%;display:block;cursor:crosshair}.sb-eq-graph output{position:absolute;left:12px;top:10px;display:grid;color:#dce8f7;pointer-events:none}.sb-eq-graph output span,.sb-eq-range{font-size:11px;color:#8fa0b7}.sb-eq-range{position:absolute;right:10px;bottom:7px}.sb-eq-toolbar{flex-wrap:wrap}.sb-eq-toolbar label{margin-left:auto;display:flex;align-items:center;gap:8px;color:#9cafc5}.sb-eq-toolbar input{width:150px}.sb-eq-band-controls{display:grid;grid-template-columns:auto repeat(4,minmax(105px,1fr));align-items:end;padding:12px;border-radius:9px;background:#101a28;border:1px solid #24364c}.sb-eq-band-title{grid-column:1/-1}.sb-eq-band-title button:first-of-type{margin-left:auto}.sb-eq-band-controls label{display:grid;gap:5px;color:#91a4ba;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.sb-eq-band-controls label>span{display:flex}.sb-eq-band-controls input,.sb-eq-band-controls select{width:100%;box-sizing:border-box;color:#e9f1fb;background:#0b1320;border:1px solid #2b4058;border-radius:6px;padding:8px}.sb-eq-band-controls i{padding:8px;color:#8598ae;background:#0b1320;border:1px solid #2b4058;border-left:0;border-radius:0 6px 6px 0;font-style:normal;text-transform:none}.sb-eq-empty{margin:0;color:#8193a9;font-size:12px}.sb-eq-collapsed{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:linear-gradient(145deg,#121b29,#0d1420);border-color:#26364b}.sb-eq-collapsed button{color:#07150f;background:#63e6be;border:0;border-radius:7px;padding:9px 13px;font-weight:700}.sb-panel-heading-tabs{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sb-panel-fx-tab{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 11px;border:1px solid rgba(214,170,56,.42);border-radius:7px;background:#d6aa3814;color:var(--sb-gold);font-weight:750;cursor:pointer}.sb-panel-fx-tab:hover{background:#d6aa3829;border-color:var(--sb-gold)}.sb-panel-fx-tab span{min-width:18px;color:#63e6be;font-size:10px;text-transform:uppercase}.sb-builder-panel-tabs{display:flex;gap:4px;width:max-content;margin:0 0 10px;padding:4px;border:1px solid var(--sb-line);border-radius:9px;background:#151515}.sb-builder-panel-tabs button{display:flex;align-items:center;gap:8px;padding:9px 14px;border:0;border-radius:6px;background:transparent;color:var(--sb-soft);font-weight:750;cursor:pointer}.sb-builder-panel-tabs button.active{background:#d6aa3829;color:var(--sb-gold)}.sb-builder-panel-tabs span{display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#2b2b2b;color:#eee;font-size:10px}.sb-builder-section:has(>.sb-fx-rack){display:flex;flex-direction:column}.sb-fx-rack{display:grid;grid-template-rows:auto minmax(0,1fr) auto;flex:1;min-height:0;width:100%;max-width:1100px;margin:0 auto;gap:14px;overflow:hidden}.sb-fx-rack>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.sb-fx-rack>header label{display:grid;gap:5px;color:var(--sb-soft);font-size:11px}.sb-fx-rack select,.sb-fx-rack button{font:inherit}.sb-fx-rack select{min-width:190px;padding:8px;border:1px solid #39465a;border-radius:7px;background:#141d29;color:#e8edf5}.sb-fx-rack-chain{display:grid;align-content:start;gap:8px;min-height:0;padding-right:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sb-fx-rack-chain article{display:grid;grid-template-columns:70px 50px minmax(180px,1fr) auto 34px;align-items:center;gap:10px;padding:10px;border:1px solid #303845;border-radius:9px;background:#171b22}.sb-fx-rack-chain article.enabled{border-left:3px solid #63e6be}.sb-fx-order{display:flex;align-items:center;gap:3px}.sb-fx-order b{width:22px;color:#8fa0b7}.sb-fx-order button,.sb-fx-remove,.sb-fx-power{padding:5px 7px;border:1px solid #39465a;border-radius:6px;background:#202937;color:#ced7e3}.sb-fx-power[aria-pressed=true]{background:#63e6be;color:#07150f}.sb-fx-open{display:grid;gap:3px;border:0;background:transparent;color:#e9eef5;text-align:left;cursor:pointer}.sb-fx-open>span{display:flex;align-items:center;gap:7px}.sb-fx-open em{padding:2px 5px;border-radius:4px;background:#d6aa3821;color:var(--sb-gold);font-size:9px;font-style:normal}.sb-fx-open small,.sb-fx-summary{color:#8d9bad;font-size:11px}.sb-fx-remove{font-size:19px}.sb-fx-inline-controls{grid-column:2/-1;display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:10px;padding:8px 0 2px}.sb-fx-inline-controls label{display:grid;gap:5px}.sb-fx-inline-controls label span{display:flex;justify-content:space-between;color:#8d9bad;font-size:10px}.sb-fx-inline-controls input,.sb-fx-inline-controls select{width:100%}.sb-fx-inline-controls select{min-width:0}.sb-fx-edit-button{grid-column:2/-1;width:max-content;padding:7px 10px;border:1px solid #3d806e;border-radius:6px;background:#18372f;color:#8ff0d2}.sb-fx-rack>footer{position:relative}.sb-fx-rack>footer>button{padding:9px 13px;border:1px solid var(--sb-gold);border-radius:7px;background:#d6aa381a;color:var(--sb-gold)}.sb-fx-add-menu{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:7px;max-width:650px;margin-top:8px}.sb-fx-add-menu button{display:grid;gap:3px;padding:10px;border:1px solid #364152;border-radius:7px;background:#171d26;color:#eef2f7;text-align:left}.sb-fx-add-menu span,.sb-fx-rack-empty{color:#8d9bad;font-size:11px}.sb-fx-rack-empty{padding:28px;border:1px dashed #3a4350;border-radius:9px;text-align:center}.sb-fx-plugin-body{grid-column:1/-1;display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,1.35fr);align-items:center;gap:18px;margin:2px -2px -2px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,#22252a,#15171a)}.sb-fx-plugin-body .sb-vocal-plugin-name{padding-right:0}.sb-fx-plugin-body .sb-vocal-plugin-name>div{display:grid;justify-items:start}.sb-fx-plugin-body .sb-vocal-plugin-name strong{color:#f0f1f3}.sb-fx-plugin-body .sb-vocal-plugin-name em{color:var(--sb-gold);font-size:9px}.sb-fx-plugin-body .sb-vocal-plugin-name small{color:#8d929a;font-size:10px}.sb-fx-plugin-body .sb-vocal-plugin-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;padding:0}.sb-fx-plugin-body .sb-vocal-plugin-controls label{display:grid;gap:7px}.sb-fx-plugin-body .sb-vocal-plugin-controls label>span{display:flex;justify-content:space-between;color:#aaa;font-size:10px}.sb-fx-plugin-body .sb-vocal-plugin-controls input,.sb-fx-plugin-body .sb-vocal-plugin-controls select{width:100%;box-sizing:border-box}.sb-fx-plugin-body .sb-compressor-meter{margin-top:8px}.sb-eq-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:0 18px;background:#0205096b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sb-eq-sheet{width:min(1120px,100%);max-height:min(76vh,760px);overflow:auto;border:1px solid #30435d;border-bottom:0;border-radius:18px 18px 0 0;background:#0d1420;box-shadow:0 -22px 60px #0000008c}.sb-eq-sheet-handle{position:sticky;top:0;z-index:2;width:52px;height:4px;margin:8px auto 2px;border-radius:999px;background:#53657a}.sb-eq-sheet-backdrop.expanded .sb-eq-sheet{width:min(1440px,calc(100% - 36px));max-height:calc(100vh - 32px)}.sb-eq-sheet .sb-parametric-eq{border:0;border-radius:0;background:transparent}.sb-parametric-eq.compact{gap:10px;padding:12px 16px 16px}.sb-parametric-eq.compact .sb-eq-graph{height:280px;min-height:240px}.sb-eq-sheet-backdrop.expanded .sb-eq-graph{height:clamp(360px,48vh,560px)}.sb-parametric-eq.compact .sb-eq-band-controls{padding:8px;grid-template-columns:auto repeat(4,minmax(90px,1fr))}.sb-parametric-eq.compact .sb-eq-toolbar{font-size:12px}.sb-parametric-eq.compact .sb-eq-empty{padding-bottom:4px}@media (max-width:700px){.sb-panel-heading-tabs{gap:8px}.sb-builder-panel-tabs{width:100%}.sb-builder-panel-tabs button{flex:1;justify-content:center}.sb-fx-rack>header{align-items:stretch;flex-direction:column}.sb-fx-rack-chain article{grid-template-columns:64px 48px minmax(0,1fr) 32px}.sb-fx-summary{display:none}.sb-fx-plugin-body{grid-template-columns:1fr;padding:12px}.sb-fx-plugin-body .sb-vocal-plugin-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-fx-inline-controls{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.sb-fx-edit-button{grid-column:1/-1}.sb-fx-add-menu{grid-template-columns:1fr}.sb-eq-sheet-backdrop{padding:0}.sb-eq-sheet,.sb-eq-sheet-backdrop.expanded .sb-eq-sheet{width:100%;max-height:calc(100dvh - 44px)}.sb-parametric-eq>header{align-items:flex-start;flex-direction:column}.sb-eq-header-actions{width:100%;overflow-x:auto}.sb-eq-graph,.sb-parametric-eq.compact .sb-eq-graph{height:210px;min-height:180px}.sb-eq-band-controls,.sb-parametric-eq.compact .sb-eq-band-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-eq-toolbar label{margin-left:0;width:100%}.sb-eq-toolbar input{flex:1}.sb-eq-collapsed{align-items:flex-start;flex-direction:column}}.sb-eq-sheet{display:flex;flex-direction:column;width:min(1440px,calc(100% - 36px));max-height:calc(100dvh - 24px);overflow:hidden}.sb-eq-sheet-handle{position:relative;top:auto;display:grid;place-items:center;flex:0 0 22px;width:100%;height:22px;margin:0;padding:0;border:0;background:#101a28;cursor:ns-resize;touch-action:none}.sb-eq-sheet-handle i{display:block;width:58px;height:5px;border-radius:999px;background:#687b92}.sb-eq-sheet-handle:hover i,.sb-eq-sheet-handle:active i{background:#63e6be}.sb-eq-sheet .sb-parametric-eq{grid-template-rows:auto minmax(260px,1fr) auto auto;flex:1;min-height:0;overflow:auto}.sb-eq-sheet .sb-eq-graph{height:auto;min-height:300px}.sb-eq-close{display:grid;place-items:center;width:34px;height:34px;padding:0!important;border-radius:50%!important;font-size:22px!important;line-height:1}.sb-eq-band-title{display:none!important}.sb-eq-empty{font-size:0}.sb-eq-empty:after{content:"Click the graph to add a band. Double-click a band point to remove it.";font-size:12px}@media (max-width: 700px){.sb-eq-sheet{width:100%}.sb-eq-sheet .sb-eq-graph{min-height:240px}}.sb-builder-section{container-name:builder-pane;container-type:inline-size}.sb-builder-section *,.sb-builder-section *:before,.sb-builder-section *:after{box-sizing:border-box}.sb-builder-section :where(.sb-panel,.sb-top-panels,.sb-fx-rack,.sb-fx-rack-chain,.sb-fx-plugin-body,.sb-vocal-plugin-controls,label){min-width:0}.sb-builder-section :where(select,input,textarea){max-width:100%;min-width:0}.sb-builder-section input[type=range]{width:100%}.sb-fx-rack>header{flex-wrap:wrap}.sb-fx-rack>header label{min-width:min(190px,100%);max-width:100%}.sb-fx-rack>header select,.sb-fx-plugin-body select{width:100%;min-width:0}.sb-fx-plugin-body .sb-vocal-plugin-controls{grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr))}@container builder-pane (max-width: 760px){.sb-top-panels.track-instrument{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.sb-top-panels.track-instrument .sb-patterns-panel,.sb-top-panels.track-instrument .sb-chords-panel{min-width:0}.sb-fx-rack-chain article{grid-template-columns:64px 48px minmax(0,1fr) 32px}.sb-fx-summary{display:none}.sb-fx-plugin-body{grid-template-columns:minmax(0,1fr)}.sb-fx-plugin-body .sb-vocal-plugin-controls{padding-top:0;padding-right:0}.sb-fx-rack>header label,.sb-fx-rack>header select{width:100%}.sb-progression-browser-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-progression-browser-filters label:first-child{grid-column:1 / -1}}@container builder-pane (max-width: 640px){.sb-fx-rack>header{align-items:stretch;flex-direction:column}.sb-fx-plugin-body .sb-vocal-plugin-controls,.sb-fx-slider-row{grid-template-columns:minmax(0,1fr)}.sb-builder-panel-tabs{width:100%}.sb-builder-panel-tabs button{flex:1;justify-content:center;min-width:0}}.sb-waveform-editor-main>.sb-rhythm-workspace,.sb-waveform-editor-main>.sb-rhythm-analyze-action,.sb-waveform-editor-main>.sb-waveform-actions,.sb-waveform-editor-main>.sb-waveform-key-suggestions{display:none!important}.sb-vocal-waveform-editor .sb-waveform-editor-main{min-width:0;overflow:auto}.sb-vocal-waveform-editor .sb-waveform-scroll{flex:0 0 auto;width:100%;height:auto;min-height:0;max-height:none;overflow-x:auto;overflow-y:hidden}.sb-vocal-waveform-editor .sb-vocal-analysis-workspace{flex:0 0 auto;max-height:none;overflow:visible}.sb-vocal-analysis-workspace{display:flex;flex-direction:column;min-width:0;margin:14px 0 4px;border:1px solid #30343a;border-radius:10px;background:#17191d;overflow:hidden}.sb-vocal-analysis-workspace>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #30343a;background:#1d2024}.sb-vocal-analysis-workspace>header div{display:grid;gap:2px}.sb-vocal-analysis-workspace>header small{color:#8d949d;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.sb-vocal-analysis-workspace>header h2{margin:0;font-size:18px;font-weight:600}.sb-vocal-analysis-workspace>header>span{padding:5px 9px;border-radius:999px;background:#26352d;color:#a9d3ba;font-size:11px}.sb-vocal-waveform-editor .sb-waveform-ruler{position:relative;z-index:10;grid-row:2;box-sizing:border-box;height:30px;min-height:30px;background:#1c2026;border-bottom:1px solid #4a5059}.sb-vocal-waveform-editor .sb-waveform-playhead{top:74px;bottom:48px}.sb-vocal-waveform-editor .sb-waveform-ruler>button:after{top:30px}.sb-bottom-editor-overlay{max-height:none!important}.sb-vocal-waveform-editor .sb-waveform-scroll{flex:0 0 auto;height:auto;min-height:0}.sb-vocal-waveform-editor .sb-waveform-surface{display:grid;grid-template-rows:44px 30px 112px 48px;grid-auto-rows:0;height:234px;min-height:234px!important;background:#111827}.sb-vocal-waveform-editor .sb-waveform-shape.editor{position:relative;top:auto;grid-row:3;grid-column:1;align-self:center;width:100%;height:100px;min-height:100px}.sb-vocal-waveform-editor .sb-waveform-peaks{grid-row:3;grid-column:1;align-self:center;box-sizing:border-box;width:100%;height:100px!important;min-height:100px!important;padding:6px 0}.sb-analysis-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 14px;border-bottom:1px solid #30343a;background:#1a1c20;overflow:hidden}.sb-analysis-tabs button{display:grid;gap:2px;min-width:0;padding:11px 14px 9px;border:0;border-bottom:2px solid transparent;background:transparent;color:#a6abb2;text-align:left}.sb-analysis-tabs b,.sb-analysis-tabs small{overflow:hidden;text-overflow:ellipsis}.sb-analysis-tabs b{font-size:13px;font-weight:500}.sb-analysis-tabs small{font-size:10px;white-space:nowrap;opacity:.72}.sb-analysis-tabs button.active{border-bottom-color:#d6aa38;background:#d6aa380f;color:#f1d583}.sb-analysis-tabs button:focus-visible{outline:2px solid #d6aa38;outline-offset:-3px}.sb-analysis-tab-panel{min-height:220px;padding:18px}.sb-analysis-empty{display:grid;place-items:center;gap:6px;min-height:150px;color:#b8bdc4;text-align:center}.sb-analysis-empty p{max-width:440px;margin:0;color:#858c95;font-size:12px}.sb-rhythm-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:start}.sb-rhythm-candidate-list{display:grid;gap:10px;min-width:0}.sb-rhythm-candidate-list>header{display:grid;gap:4px}.sb-rhythm-candidate-list>header b{font-size:13px}.sb-rhythm-candidate-list>header small{color:#8c939b;font-size:11px}.sb-rhythm-candidate-list>[role=listbox]{display:grid;gap:7px;max-height:500px;overflow:auto}.sb-rhythm-candidate-card{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;width:100%;padding:11px;border:1px solid #34383e;border-left:3px solid transparent;border-radius:7px;background:#202328;color:#dce0e4;text-align:left}.sb-rhythm-candidate-card:hover{background:#262a2f}.sb-rhythm-candidate-card.selected{border-color:#675a37;border-left-color:#d6aa38;background:#29271f}.sb-rhythm-candidate-card:focus-visible{outline:2px solid #d6aa38}.sb-rhythm-candidate-card .rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#17191d;color:#8e959e;font-size:10px}.sb-rhythm-candidate-card .copy{display:grid;gap:3px;min-width:0}.sb-rhythm-candidate-card .copy b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sb-rhythm-candidate-card .copy>span{color:#b2b7bd;font-size:11px}.sb-rhythm-candidate-card .copy em{padding:2px 5px;border-radius:4px;background:#30343a;font-style:normal}.sb-rhythm-candidate-card .copy small{color:#8f969e;font-size:10px}.sb-rhythm-candidate-card .copy>i{height:3px;background:#34383e}.sb-rhythm-candidate-card .copy>i span{display:block;height:100%;background:#9d853f}.sb-rhythm-candidate-card>strong{color:#d6aa38;font-size:9px;font-weight:500;text-transform:uppercase}.sb-rhythm-candidate-list .show-more{justify-self:start;border:0;background:transparent;color:#d7ba69}.sb-selected-rhythm-panel{display:grid;gap:14px;min-width:0;padding:18px;border-radius:9px;background:#202328}.sb-selected-rhythm-panel>header{display:flex;justify-content:space-between;gap:14px}.sb-selected-rhythm-panel>header>div{display:grid;gap:2px}.sb-selected-rhythm-panel>header small{color:#8e959d;font-size:9px;text-transform:uppercase}.sb-selected-rhythm-panel h3{margin:0;font-size:20px}.sb-selected-rhythm-panel>header p,.sb-selected-rhythm-panel .explanation{margin:2px 0 0;color:#b5bac0;font-size:13px}.sb-selected-rhythm-panel .confidence{display:grid;text-align:right}.sb-selected-rhythm-panel .confidence b{font-size:11px}.sb-selected-rhythm-panel .confidence small{color:#d6aa38}.sb-why-result{display:flex;justify-content:space-between;width:100%;padding:7px 0;border:0;border-bottom:1px solid #363a40;background:transparent;color:#c8ccd0}.sb-fit-details{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0}.sb-fit-details div{padding:8px;background:#191b1f}.sb-fit-details dt{color:#888f98;font-size:9px}.sb-fit-details dd{margin:2px 0 0}.sb-selected-rhythm-panel h4{margin:0;font-size:12px}.sb-rhythm-visual,.sb-rhythm-adjustments{display:grid;gap:9px}.sb-analysis-warning{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;padding:10px 12px;border:1px solid #514724;border-radius:7px;background:#2a261b}.sb-analysis-warning>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#786328}.sb-analysis-warning div{display:grid;gap:2px}.sb-analysis-warning b{color:#ead28e;font-size:11px}.sb-analysis-warning p{margin:0;color:#bdb28f;font-size:11px}.sb-analysis-warning button{border:0;background:transparent;color:#e6c96f}.sb-rhythm-adjustments>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sb-rhythm-adjustments label{display:grid;gap:5px;padding:10px;border-radius:6px;background:#191c20;color:#969da5;font-size:10px}.sb-rhythm-adjustments label>span:first-child{display:flex;justify-content:space-between}.sb-rhythm-adjustments input,.sb-rhythm-adjustments select{box-sizing:border-box;width:100%;min-height:34px;padding:6px 8px;border:1px solid #444a52;border-radius:5px;background:#111316;color:#edf0f2}.sb-rhythm-adjustments input[type=range]{min-height:20px;padding:0;accent-color:#d6aa38}.field-suffix{position:relative}.field-suffix small{position:absolute;right:8px;top:9px}.meter-input{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px}.nudge-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:3px}.nudge-row button{min-height:25px;padding:3px;border:1px solid #3f444b;border-radius:4px;background:#25282d;color:#aeb3b9;font-size:8px}.sb-rhythm-adjustments.simplified{padding:12px;border:1px solid rgba(214,170,56,.2);border-radius:8px;background:#17191d}.sb-auto-groove-result{display:grid;gap:3px;margin:0;padding:10px 12px;border-left:3px solid #d6aa38;border-radius:5px;background:#d6aa3814}.sb-auto-groove-result strong{color:#ecd27f;font-size:11px}.sb-auto-groove-result span{color:#aeb4bc;font-size:10px}.sb-rhythm-adjustments.simplified>div{grid-template-columns:minmax(150px,.55fr) minmax(280px,1.45fr)}.sb-rhythm-adjustments .sb-vocal-groove-offset>small{color:#858d95}.sb-rhythm-adjustments .sb-vocal-groove-offset .nudge-row{grid-template-columns:repeat(3,1fr)}.sb-vocal-groove-offset .nudge-row button:nth-child(2){border-color:#d6aa3880;color:#efd480}.sb-analysis-preview{display:grid;grid-template-columns:1fr minmax(150px,190px) auto;gap:8px;align-items:center;padding:11px;border-radius:7px;background:#191c20}.sb-analysis-preview.single{grid-template-columns:minmax(0,1fr) auto}.sb-analysis-preview>div{display:grid}.sb-analysis-preview small{color:#858d95;font-size:9px}.sb-analysis-preview select,.sb-analysis-preview button,.sb-selected-rhythm-actions button{min-height:35px;border:1px solid #474d54;border-radius:5px;background:#25282d;color:#e0e3e6}.sb-analysis-preview>p{grid-column:2/-1;margin:0;color:#8d949c;font-size:9px}.sb-selected-rhythm-actions{display:flex;justify-content:flex-end;gap:7px}.sb-selected-rhythm-actions button{padding:7px 12px}.sb-selected-rhythm-actions .primary{border-color:#9c7a29;background:#a87f24;color:#15120a}.sb-rhythm-preview-player{grid-template-columns:auto 52px minmax(0,1fr);margin:0}.sb-rhythm-preview-player .template-preview-modes button:disabled{cursor:default;opacity:1}.sb-rhythm-preview-player>p{grid-column:1/-1;margin:0;color:#8d949c;font-size:9px}.sb-key-analysis-panel,.sb-chord-analysis-panel,.sb-melody-analysis-panel{display:grid;gap:14px}.sb-key-analysis-panel h3,.sb-chord-analysis-panel h3{margin:0}.sb-key-analysis-panel p,.sb-chord-analysis-panel p,.sb-melody-analysis-panel>p{margin:3px 0;color:#8f969e;font-size:11px}.sb-key-candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.sb-key-candidate-grid button{display:grid;grid-template-columns:24px 1fr;gap:3px 8px;padding:11px;border:1px solid #34383e;border-radius:7px;background:#202328;color:#dce0e4;text-align:left}.sb-key-candidate-grid button>span{grid-row:1/4}.sb-key-candidate-grid small,.sb-key-candidate-grid em{color:#9299a1;font-size:10px;font-style:normal}.sb-chord-analysis-panel>header{display:flex;justify-content:space-between}.sb-progression-style{display:flex;gap:4px}.sb-chord-suggestion-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:6px}.sb-chord-suggestion-list label{display:grid;gap:4px;padding:9px;border-radius:6px;background:#202328}.sb-chord-suggestion-list select{min-height:34px;background:#15171a;color:#eee}.sb-analysis-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sb-analysis-metrics article{display:grid;gap:6px;padding:13px;border-radius:7px;background:#202328}.sb-analysis-metrics small{color:#8f969e}.sb-analysis-metrics b{font-size:18px;font-weight:500}.sb-analysis-action-footer{position:sticky;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid #3a3e45;background:#1c1e22;box-shadow:0 -8px 18px #00000047}.sb-analysis-action-footer>div{display:flex;align-items:center;gap:6px}.sb-analysis-action-footer span{color:#7f8790;font-size:9px;text-transform:uppercase}.sb-analysis-action-footer button{min-height:34px;padding:6px 11px;border:1px solid #454a51;border-radius:5px;background:#272a2f;color:#c8cdd2}.sb-analysis-action-footer button.primary{border-color:#917126;background:#9f7925;color:#17130a}@media (max-width:980px){.sb-rhythm-workspace{grid-template-columns:1fr}.sb-rhythm-candidate-list>[role=listbox]{grid-template-columns:repeat(2,1fr);max-height:none}.sb-analysis-preview{grid-template-columns:1fr auto}.sb-analysis-preview>div{grid-column:1/-1}}@media (max-width:700px){.sb-vocal-waveform-editor .sb-waveform-scroll{flex-basis:clamp(110px,15vh,160px);height:clamp(110px,15vh,160px);min-height:110px;max-height:160px}.sb-vocal-waveform-editor[data-analysis-view=chords] .sb-waveform-scroll{flex-basis:clamp(170px,25vh,220px);height:clamp(170px,25vh,220px);max-height:220px}.sb-analysis-tab-panel{padding:12px}.sb-analysis-tabs{padding:0 7px}.sb-rhythm-candidate-list>[role=listbox],.sb-rhythm-adjustments>div,.sb-analysis-metrics{grid-template-columns:1fr}.sb-selected-rhythm-panel{padding:13px}.sb-analysis-preview{grid-template-columns:1fr}.sb-analysis-preview>div,.sb-analysis-preview>p{grid-column:auto}.sb-selected-rhythm-actions{align-items:stretch;flex-direction:column}.sb-analysis-action-footer{gap:8px;padding:8px}.sb-analysis-action-footer>div{flex-wrap:wrap}.sb-fit-details{grid-template-columns:repeat(2,1fr)}}.sb-vocal-waveform-editor .analysis-horizontal-scroll{flex:0 0 234px;height:234px;min-height:234px;max-height:234px;overflow-x:auto;overflow-y:hidden}.sb-analysis-overlay-region,.sb-analysis-result-lane{position:relative;box-sizing:border-box;width:100%;overflow:hidden;border-bottom:1px solid #343940;background:#151a21}.sb-analysis-overlay-region{grid-row:4;height:48px;min-height:48px}.sb-analysis-result-lane{display:none}.sb-analysis-overlay-region>.sb-waveform-melody-lane,.sb-analysis-overlay-region>.sb-waveform-chord-alignments,.sb-analysis-overlay-region>.sb-waveform-chord-lane,.sb-analysis-overlay-region>.sb-rhythm-hit-lane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent}.sb-analysis-overlay-region>.sb-waveform-chord-alignments{top:0;bottom:0}.sb-analysis-overlay-region>.sb-waveform-chord-alignments i{top:6px;bottom:6px}.sb-vocal-waveform-editor[data-analysis-view=chords] .sb-analysis-overlay-region{overflow:visible}.sb-vocal-waveform-editor[data-analysis-view=chords] .sb-analysis-overlay-region>.sb-waveform-chord-alignments{top:-112px;bottom:0;z-index:11;height:auto;pointer-events:none}.sb-vocal-waveform-editor[data-analysis-view=chords] .sb-analysis-overlay-region>.sb-waveform-chord-alignments i{top:0;bottom:0}.sb-vocal-waveform-editor[data-analysis-view=rhythm] .analysis-timeline-viewport{height:234px;min-height:234px!important;max-height:234px;overflow:hidden}.sb-vocal-waveform-editor[data-analysis-view=rhythm] .sb-analysis-overlay-region{overflow:visible}.sb-vocal-waveform-editor[data-analysis-view=rhythm] .sb-analysis-overlay-region>.sb-rhythm-hit-lane{top:-112px;bottom:0;z-index:11;box-sizing:border-box;height:auto;min-height:0;max-height:160px;pointer-events:none}.sb-vocal-waveform-editor[data-analysis-view=rhythm] .sb-analysis-overlay-region>.sb-rhythm-hit-lane i{top:0;bottom:0}.sb-rhythm-hit-lane i{position:absolute;top:8px;bottom:8px;width:2px;border-radius:2px;background:#68aeff;box-shadow:0 0 6px #68aeff8c}.sb-analysis-lane-empty,.sb-analysis-lane-summary{display:grid;place-items:center;width:100%;height:100%;color:#717985;font-size:11px}.sb-analysis-lane-summary{color:#bfc6cf;font-weight:700}.sb-analysis-overlay-region .analysis-segment{position:absolute;top:4px;bottom:4px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:2px;box-sizing:border-box;min-width:42px;padding:3px;border:1px solid rgba(214,170,56,.42);border-radius:5px;background:linear-gradient(180deg,#3b321c,#272217);overflow:hidden}.sb-analysis-overlay-region .analysis-segment select{width:100%;min-width:0;height:28px;padding:2px 4px;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:#17191d;color:#fff;text-overflow:ellipsis}.sb-analysis-overlay-region .analysis-segment small{overflow:hidden;color:#d6aa38;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.sb-vocal-analysis-workspace{display:grid;grid-template-rows:52px 52px 190px 46px;margin:8px 0 4px;overflow:hidden}.sb-vocal-analysis-workspace>header{box-sizing:border-box;height:52px;padding:8px 14px}.sb-vocal-analysis-workspace>header h2{font-size:16px}.sb-analysis-tabs{box-sizing:border-box;height:52px;min-height:52px;padding:0 14px}.sb-analysis-tabs button{box-sizing:border-box;height:52px;padding:8px 14px 6px}.sb-analysis-tab-panel{box-sizing:border-box;width:100%;height:190px;min-height:190px;padding:12px;border-top:0;overflow:auto}.sb-analysis-tab-panel>div{width:100%;min-height:166px}.sb-analysis-action-footer{position:relative;bottom:auto;box-sizing:border-box;min-height:46px;padding:6px 14px;box-shadow:none}@media (max-width:760px){.sb-vocal-waveform-editor .analysis-horizontal-scroll{flex-basis:234px;height:234px;min-height:234px;max-height:234px}.sb-waveform-editor-body{grid-template-columns:150px minmax(0,1fr);gap:8px}.sb-analysis-tabs{padding-inline:4px}.sb-analysis-tabs button{min-width:0;padding-inline:7px}.sb-chord-suggestion-list{display:flex;overflow-x:auto}.sb-chord-suggestion-list label{flex:0 0 140px}}.sb-bottom-editor-content:has(>.sb-vocal-waveform-editor){overflow:hidden}.sb-bottom-editor-content>.sb-vocal-waveform-editor{overflow-x:hidden;overflow-y:auto}.sb-vocal-waveform-editor .sb-waveform-editor-body{flex:0 0 auto;min-height:auto;align-items:start;overflow:visible}.sb-vocal-waveform-editor .sb-waveform-control-strip,.sb-vocal-waveform-editor .sb-waveform-editor-main{min-height:auto;overflow:visible}.sb-vocal-waveform-editor .sb-vocal-analysis-workspace{grid-template-rows:52px 52px auto 46px;height:auto;overflow:hidden}.sb-vocal-waveform-editor .sb-analysis-tab-panel{height:auto;min-height:190px;overflow:visible}.sb-vocal-waveform-editor .sb-rhythm-candidate-list>[role=listbox]{max-height:none;overflow:visible}.sb-analysis-progress{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:20px auto minmax(100px,1fr);align-items:center;gap:9px;min-height:38px;padding:7px 14px;border-block:1px solid rgba(214,170,56,.45);background:#231f15f7;color:#f2d47c;box-shadow:0 5px 14px #00000047}.sb-analysis-progress>i{box-sizing:border-box;width:18px;height:18px;border:2px solid rgba(242,212,124,.28);border-top-color:#f2d47c;border-radius:50%;animation:sb-analysis-spin .75s linear infinite}.sb-analysis-progress>span{font-size:12px;font-weight:800;text-transform:capitalize;white-space:nowrap}.sb-analysis-progress>b{position:relative;height:5px;overflow:hidden;border-radius:999px;background:#ffffff1a}.sb-analysis-progress>b>em{position:absolute;inset-block:0;width:36%;border-radius:inherit;background:linear-gradient(90deg,transparent,#d6aa38,#ffe59a,transparent);animation:sb-analysis-scan 1.15s ease-in-out infinite}@keyframes sb-analysis-spin{to{transform:rotate(360deg)}}@keyframes sb-analysis-scan{0%{left:-36%}to{left:100%}}@media (max-width:620px){.sb-analysis-progress{grid-template-columns:20px 1fr}.sb-analysis-progress>b{grid-column:1/-1;width:100%}}.sb-dromos-analysis-panel{display:grid;gap:12px}.sb-dromos-analysis-panel>header{display:flex;align-items:end;justify-content:space-between;gap:18px}.sb-dromos-analysis-panel h3{margin:0}.sb-dromos-analysis-panel header p{margin:3px 0 0;color:#8f969e;font-size:11px}.sb-dromos-analysis-panel>header>small{max-width:250px;color:#76b9a3;text-align:right}.sb-dromos-candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}.sb-dromos-candidate-grid>article{position:relative;display:grid;gap:9px;padding:14px;border:1px solid #343a42;border-radius:9px;background:linear-gradient(145deg,#22262c,#1b1e23);box-shadow:0 8px 20px #0002;transition:border-color .18s,transform .18s}.sb-dromos-candidate-grid>article:hover{transform:translateY(-1px);border-color:#4a5662}.sb-dromos-candidate-grid>article.applied{border-color:#4e9d82;box-shadow:inset 0 0 0 1px #4e9d8240,0 8px 20px #0002}.sb-dromos-rank{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#15181c;color:#8f969e;font-size:11px;font-style:normal}.sb-dromos-card-heading{display:flex;align-items:start;justify-content:space-between;padding-left:34px}.sb-dromos-card-heading>span{display:grid;gap:2px}.sb-dromos-card-heading b{font-size:15px}.sb-dromos-card-heading small{color:#8f969e;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.sb-dromos-card-heading strong{color:#75c9ad;font-size:18px}.sb-dromos-confidence{height:3px;overflow:hidden;border-radius:3px;background:#101215}.sb-dromos-confidence i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4e9d82,#86d6ba)}.sb-dromos-candidate-grid p{min-height:28px;margin:0;color:#b8bec5;font-size:10px;line-height:1.4}.sb-dromos-candidate-grid dl{display:grid;gap:6px;margin:0;padding:9px;border-radius:6px;background:#171a1e}.sb-dromos-candidate-grid dl>div{display:flex;justify-content:space-between;gap:10px}.sb-dromos-candidate-grid dt{color:#7f8790;font-size:9px}.sb-dromos-candidate-grid dd{margin:0;color:#c6cbd0;font-size:9px;text-align:right}.sb-dromos-candidate-grid .conflicts dd{color:#d79b91}.sb-dromos-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sb-dromos-actions button{min-height:34px;border:1px solid #3a4149;border-radius:6px;background:#292e35;color:#e0e4e7}.sb-dromos-actions button.playing{border-color:#bf7d68;background:#332621}.sb-dromos-actions button.primary{border-color:#4e9d82;background:#346d5b}.sb-dromos-preview-error{margin:0;padding:8px 10px;border:1px solid #75483f;border-radius:6px;background:#35231f;color:#efb3a8;font-size:10px}@media (max-width:620px){.sb-dromos-analysis-panel>header{align-items:start;flex-direction:column}.sb-dromos-analysis-panel>header>small{text-align:left}.sb-dromos-candidate-grid{grid-template-columns:1fr}}.sb-analysis-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:560px){.sb-analysis-tabs button{padding-inline:4px}.sb-analysis-tabs b{font-size:11px}.sb-analysis-tabs small{font-size:8px}}.sb-mode-basic-chord{display:grid;gap:3px;padding:9px 10px;border:1px solid #343a42;border-radius:6px;background:#171a1e}.sb-mode-basic-chord small{color:#7f8790;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.sb-mode-basic-chord b{color:#e4ce8b;font-size:12px;font-weight:600}.sb-mode-chord-page>header{align-items:start}.sb-mode-back{margin-bottom:8px;border:0;background:transparent;color:#d6aa38;cursor:pointer}.sb-mode-page-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.sb-mode-page-actions button{min-height:36px;padding:7px 13px;border:1px solid #3a4149;border-radius:6px;background:#292e35;color:#e0e4e7}.sb-mode-page-actions button.playing{border-color:#bf7d68;background:#332621}.sb-mode-page-actions button.primary{border-color:#4e9d82;background:#346d5b}.sb-mode-page-actions button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:620px){.sb-mode-page-actions{align-items:stretch;flex-direction:column}}.sb-mode-alternative-list{display:grid;gap:9px}.sb-mode-alternative-list>article{display:grid;grid-template-columns:minmax(100px,150px) 1fr;gap:12px;padding:11px;border:1px solid #343a42;border-radius:8px;background:#1b1e23}.sb-mode-alternative-list>article>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sb-mode-alternative-list>article>header span{display:grid;gap:2px}.sb-mode-alternative-list>article>header small{color:#7f8790;font-size:9px;text-transform:uppercase}.sb-mode-alternative-list>article>header b{font-size:16px}.sb-mode-alternative-list>article>header strong{color:#75c9ad;font-size:12px}.sb-mode-alternative-list>article>div{display:flex;align-items:center;gap:6px;overflow-x:auto}.sb-mode-alternative-list button{display:grid;gap:2px;min-width:70px;padding:7px 10px;border:1px solid #3a4149;border-radius:6px;background:#252a30;color:#dce1e5}.sb-mode-alternative-list button small{color:#8f969e}.sb-mode-alternative-list button.active{border-color:#d6aa38;background:#3a321f;color:#f1d583}@media (max-width:620px){.sb-mode-alternative-list>article{grid-template-columns:1fr}.sb-mode-alternative-list>article>div{padding-bottom:3px}}.sb-dromos-candidate-grid .sb-dromos-actions>button:first-child{font-size:0}.sb-dromos-candidate-grid .sb-dromos-actions>button:first-child:after{content:"Insert chords";font-size:12px}.sb-dromos-candidate-grid .sb-dromos-actions>button:first-child.playing:after{content:"✓ Chords inserted"}.sb-analysis-overlay-region:has(.sb-waveform-chord-lane)>.sb-analysis-lane-summary,.sb-analysis-result-lane:has(.sb-waveform-chord-lane)>.sb-analysis-lane-summary{display:none}.sb-dromos-analysis-panel:not(.sb-mode-chord-page)>header>small{font-size:0}.sb-dromos-analysis-panel:not(.sb-mode-chord-page)>header>small:after{content:"Insert Chords places editable suggestions beneath the vocal waveform. Another mode replaces them.";font-size:10px}.sb-mode-chord-page>header p{font-size:0}.sb-mode-chord-page>header p:after{content:"Page 2 · Select an alternative to replace that chord beneath the waveform.";font-size:11px}.midi-library-tabs,.midi-library-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.midi-library-tabs button{padding:9px 14px;border-radius:999px;border:1px solid #435249;background:#151c19;color:#aab7b0}.midi-library-tabs button.active{background:#d5ad61;color:#17140d;border-color:#d5ad61}.midi-library-title p{margin:4px 0 0;color:#95a29b;font-size:13px}.midi-library-sources details summary{cursor:pointer;color:#d8bd83}.midi-source-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.midi-phrase-open{display:grid;gap:3px;text-align:left;border:0;background:transparent;color:inherit;padding:4px;cursor:pointer}.midi-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#030605c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.midi-library-editor{width:min(1100px,96vw);max-height:92vh;overflow:auto;padding:22px}.midi-library-editor>header{display:flex;justify-content:space-between;align-items:start}.midi-library-editor h3{margin:4px 0;font-size:28px}.midi-library-editor p{margin:0;color:#9ba9a2}.midi-library-editor-actions{margin:18px 0}.midi-library-editor-actions button{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #435249;border-radius:8px;background:#19231f;color:#edf6f1}.midi-library-editor-actions button.primary{background:#d5ad61;color:#17140d}.midi-library-roll{position:relative;height:400px;overflow:hidden;border:1px solid #33413a;border-radius:10px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(6.25% - 1px),rgba(255,255,255,.1) 6.25%),repeating-linear-gradient(to bottom,#131a17 0,#131a17 7px,#202a25 8px)}.midi-library-roll button{position:absolute;height:7px;min-width:4px;overflow:hidden;border:0;border-radius:2px;background:#dd9b61;color:transparent}.midi-note-editor{display:grid;margin-top:14px}.midi-note-editor>div{display:grid;grid-template-columns:70px 90px 110px 110px 1fr 36px;gap:8px;align-items:center;padding:7px;border-top:1px solid rgba(255,255,255,.07)}.midi-note-editor input{min-width:0;padding:7px;background:#111714;color:#eaf2ee;border:1px solid #39473f;border-radius:6px}.midi-note-head{color:#8f9d96;font-size:11px;text-transform:uppercase}.midi-library-empty{padding:30px;text-align:center;color:#97a49e}@media (max-width:760px){.midi-note-editor>div{grid-template-columns:56px 70px 90px 90px 1fr 32px}.midi-library-editor{padding:14px}}.shared-midi-editor{margin-top:18px}.shared-midi-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:10px}.shared-midi-toolbar label{display:grid;gap:4px;color:#98a69f;font-size:11px;text-transform:uppercase}.shared-midi-toolbar button,.shared-midi-toolbar select,.shared-midi-velocity button{min-height:36px;padding:7px 10px;border:1px solid #405048;border-radius:7px;background:#17201c;color:#ecf4f0}.shared-midi-toolbar button{display:flex;gap:6px;align-items:center}.shared-midi-toolbar button:disabled{opacity:.4}.shared-midi-scroll{display:grid;grid-template-columns:86px minmax(720px,1fr);max-height:500px;overflow:auto;border:1px solid #34433b;border-radius:10px;background:#111714}.shared-midi-labels{position:sticky;left:0;z-index:5;background:#18211d}.shared-midi-ruler-spacer,.shared-midi-ruler{height:34px;border-bottom:1px solid #405048}.shared-midi-labels button{display:block;width:100%;height:20px;padding:0 6px;overflow:hidden;border:0;border-bottom:1px solid #26332d;background:#1a2420;color:#9eada5;text-align:right;font-size:10px}.shared-midi-timeline{position:relative}.shared-midi-ruler{position:sticky;top:0;z-index:4;background:#1b2621;cursor:pointer}.shared-midi-ruler span{position:absolute;padding:9px;color:#cdb376;font-size:10px}.shared-midi-grid{position:relative;background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px);cursor:crosshair}.shared-midi-note{position:absolute;z-index:2;display:flex;align-items:center;min-width:5px;overflow:hidden;border:1px solid #e09e61;border-radius:3px;background:#bd7044;color:#fff;cursor:move;font-size:9px;-webkit-user-select:none;user-select:none}.shared-midi-note.active{border-color:#fff2be;background:#d7a34f;box-shadow:0 0 0 2px #d7a34f4d}.shared-midi-note span{padding-left:4px;overflow:hidden}.shared-midi-note b{position:absolute;right:0;width:7px;height:100%;background:#00000040;cursor:ew-resize}.shared-midi-playhead{position:absolute;inset-block:0;z-index:3;width:2px;background:#f3d27f;pointer-events:none}.shared-midi-velocity{display:grid;grid-template-columns:160px 1fr;gap:12px;margin-top:10px}.shared-midi-velocity>div{display:grid;gap:7px}.shared-midi-velocity>div span{color:#a9b6af;font-size:12px}.shared-midi-velocity>div button{display:flex;gap:5px;align-items:center;justify-content:center}.shared-midi-velocity section{position:relative;height:100px;border:1px solid #34433b;border-radius:8px;background:linear-gradient(to bottom,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%)}.shared-midi-velocity section button{position:absolute;bottom:0;width:5px;min-height:5px;padding:0;border:0;background:#9b6847}.shared-midi-velocity section button.active{background:#e0b45e}@media (max-width:760px){.shared-midi-scroll{grid-template-columns:70px minmax(650px,1fr)}.shared-midi-velocity{grid-template-columns:1fr}.shared-midi-editor{font-size:12px}}.midi-library-search{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(110px,1fr)) auto auto;gap:8px;align-items:end;margin-bottom:18px;padding:12px;border:1px solid #34433b;border-radius:10px;background:#121916}.midi-library-search label{display:grid;gap:5px;color:#96a49d;font-size:11px;text-transform:uppercase}.midi-library-search input,.midi-library-search select,.midi-library-search button{height:38px;padding:8px 10px;border:1px solid #405048;border-radius:7px;background:#18211d;color:#edf5f1}.midi-library-search button{cursor:pointer}@media (max-width:900px){.midi-library-search{grid-template-columns:1fr 1fr}.midi-library-search .wide{grid-column:1/-1}}.midi-create-fields{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin:16px 0;padding:14px;border:1px solid #34433b;border-radius:10px;background:#121916}.midi-create-fields label{display:grid;gap:5px;color:#96a49d;font-size:11px;text-transform:uppercase}.midi-create-fields input,.midi-create-fields select{height:38px;padding:8px 10px;border:1px solid #405048;border-radius:7px;background:#18211d;color:#edf5f1}@media (max-width:760px){.midi-create-fields{grid-template-columns:1fr 1fr}}.midi-import-review{width:min(1000px,95vw);max-height:90vh;overflow:auto;padding:22px}.midi-import-review>header{display:flex;justify-content:space-between}.midi-import-review h3{margin:4px 0}.midi-import-drop{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:90px;margin:16px 0;border:1px dashed #c7a45e;border-radius:10px;background:#17201c;color:#ebd39e}.midi-import-tracks{display:grid;gap:8px;margin-bottom:14px}.midi-import-tracks article{display:grid;grid-template-columns:auto 1fr 130px 150px;gap:10px;align-items:center;padding:10px;border:1px solid #34433b;border-radius:8px}.midi-import-tracks article div{display:grid}.midi-import-tracks article span{color:#98a69f;font-size:12px}.midi-import-tracks select,.midi-import-tracks input{min-width:0;padding:8px;background:#111714;color:#edf5f1;border:1px solid #405048;border-radius:6px}@media (max-width:760px){.midi-import-tracks article{grid-template-columns:auto 1fr}.midi-import-tracks article select,.midi-import-tracks article>input:last-child{grid-column:2}}.midi-similarity-panel{width:min(1200px,96vw);max-height:94vh;overflow:auto;padding:22px}.midi-similarity-panel>header{display:flex;justify-content:space-between}.midi-similarity-panel h3{margin:4px 0;text-transform:capitalize}.midi-similarity-matches{display:flex;gap:8px;overflow:auto;margin:16px 0}.midi-similarity-matches>button{display:grid;flex:0 0 260px;gap:4px;padding:10px;border:1px solid #34433b;border-radius:8px;background:#151e1a;color:#e9f2ed;text-align:left}.midi-similarity-matches>button.active{border-color:#d5ad61}.midi-similarity-matches span,.midi-similarity-matches small{color:#9caaa3}.midi-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.midi-compare-grid article{min-width:0;padding:10px;border:1px solid #34433b;border-radius:10px;overflow:hidden}.midi-compare-grid .shared-midi-scroll{grid-template-columns:70px minmax(500px,1fr);max-height:330px}.midi-compare-grid>.midi-library-editor-actions{grid-column:1/-1}@media (max-width:900px){.midi-compare-grid{grid-template-columns:1fr}}.midi-advanced-filters{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;margin:-8px 0 8px}.midi-advanced-filters label{display:grid;gap:4px;color:#96a49d;font-size:10px;text-transform:uppercase}.midi-advanced-filters input{height:34px;padding:7px;border:1px solid #405048;border-radius:7px;background:#18211d;color:#edf5f1}.midi-search-help{margin:0 0 16px;color:#9ba9a2;font-size:12px}@media (max-width:900px){.midi-advanced-filters{grid-template-columns:repeat(2,1fr)}}.song-analyze-tab{min-height:0;padding:14px;overflow:auto}.song-analyze-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.song-analyze-toolbar>div{display:grid;min-width:105px;gap:2px;padding:7px 9px;border:1px solid var(--border,#343a40);border-radius:7px;background:#ffffff06}.song-analyze-toolbar small,.song-analyze-results small{color:var(--muted,#89939c);font-size:9px;letter-spacing:.08em}.song-analyze-toolbar button,.song-analyze-tabs button,.song-analyze-preview button,.song-analyze-edit-actions button{min-height:34px;padding:7px 11px;border:1px solid var(--border,#3d4349);border-radius:7px;background:var(--panel-2,#1c1f22);color:inherit}.song-analyze-tabs{display:flex;margin:12px 0;border-bottom:1px solid var(--border,#343a40)}.song-analyze-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}.song-analyze-tabs button.active{border-color:var(--accent,#d6a626);color:var(--accent,#e0b332)}.song-analyze-empty{display:grid;place-content:center;min-height:320px;text-align:center}.song-analyze-empty p,.song-analyze-preview span,.song-analyze-results p{color:var(--muted,#929aa2)}.song-analyze-generation,.song-analyze-edit-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin-bottom:10px}.song-analyze-generation label{display:grid;gap:4px;color:var(--muted,#929aa2);font-size:10px}.song-analyze-generation input,.song-analyze-generation select,.song-analyze-inspector input,.song-analyze-inspector select{min-height:32px;border:1px solid var(--border,#3d4349);border-radius:6px;background:var(--panel-2,#171a1d);color:inherit}.song-analyze-player{padding:12px;border:1px solid var(--border,#343a40);border-radius:10px;background:#05080c59}.song-analyze-player>header{display:flex;gap:22px;margin-bottom:14px;color:var(--muted,#929aa2)}.song-analyze-player>header b{margin-left:5px;color:inherit}.song-analyze-strings{position:relative;display:grid;gap:14px;padding:13px 0;cursor:pointer}.song-analyze-string{position:relative;height:5px;margin-left:24px;background:linear-gradient(180deg,#888,#383b3e);box-shadow:0 1px #fff3}.song-analyze-string>small{position:absolute;left:-22px;top:-6px}.song-analyze-string>i{position:absolute;top:-8px;height:20px;min-width:18px;border:1px solid #b88b28;border-radius:8px;background:#604915;color:#fff;text-align:center;font-style:normal}.song-analyze-string>i.active{background:#d5a52a;box-shadow:0 0 10px #e1b23499}.song-analyze-string>i b{font-size:10px;line-height:18px}.song-analyze-playhead{position:absolute;inset-block:0;width:2px;background:#f0c44c;pointer-events:none}.song-analyze-preview{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;padding:9px;border:1px solid #88691b;border-radius:8px;background:#9c75121f}.song-analyze-preview span{margin-right:auto}.song-analyze-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.song-analyze-results article{display:grid;gap:5px;min-height:72px;padding:11px;border:1px solid var(--border,#343a40);border-radius:8px;background:#ffffff06}.song-analyze-results article:first-child{grid-column:1/-1}.song-analyze-results p{margin:0;font-size:12px}.song-analyze-inspector{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:10px;padding:10px;border:1px solid var(--border,#343a40);border-radius:8px}.song-analyze-inspector label{display:grid;gap:3px;color:var(--muted,#929aa2);font-size:10px}.song-builder-workspace-tabs{display:flex;gap:4px;padding:0 8px}.song-builder-workspace-tabs button{min-height:32px;padding:6px 14px;border:1px solid var(--border,#343a40);border-radius:7px 7px 0 0;background:var(--panel-2,#181b1e);color:inherit}.song-builder-workspace-tabs button.active{border-color:#98751c;color:#e0b332}.song-analyze-workspace{min-height:520px;padding:0 8px 8px}@media (max-width:760px){.song-analyze-toolbar>div{min-width:90px}.song-analyze-player>header{gap:8px;flex-wrap:wrap}.song-analyze-workspace{min-height:420px}}