.scv6-unified-views{min-width:0;width:100%;border:1px solid var(--scv6-line,#445467);border-radius:12px;background:var(--scv6-canvas,#20262e);color:var(--scv6-text,#edf3fa);overflow:hidden}.scv6-view-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--scv6-line,#445467);background:var(--scv6-well,#202a33)}.scv6-view-tabs button{border-radius:7px;background:transparent;color:inherit;border:1px solid transparent;min-height:38px;padding:8px 12px;font:inherit;font-weight:650}.scv6-view-tabs button[aria-pressed=true]{background:#31566c;border-color:#76b3d2;color:#fff}.scv6-unified-views button:focus-visible,.scv6-unified-views input:focus-visible,.scv6-unified-views select:focus-visible{outline:3px solid var(--scv6-focus,#85d6ff);outline-offset:2px}.scv6-editor{padding:14px;min-width:0}.scv6-editor>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:12px}.scv6-editor h2{font-size:1.25rem;margin:0 0 4px}.scv6-editor p{margin:0;line-height:1.4;color:var(--scv6-sub,#c1cad1)}.scv6-editor label{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.scv6-editor select{color:inherit;background:var(--scv6-well,#202a33);border:1px solid #60758b;border-radius:5px;min-height:32px;padding:4px}.scv6-grid-scroll{overflow-x:auto;max-width:100%;scrollbar-gutter:stable}.scv6-piano-table,.scv6-step-table{min-width:715px;display:grid;gap:3px}.scv6-piano-row,.scv6-step-header,.scv6-step-row{display:grid;grid-template-columns:minmax(150px,2fr) repeat(16,minmax(26px,1fr));align-items:stretch;gap:3px}.scv6-piano-header span,.scv6-step-header span{font-size:10px;text-align:center;color:var(--scv6-sub,#c1cad1)}.scv6-piano-header span:first-child,.scv6-step-header span:first-child{text-align:left}.scv6-mixer-name,.scv6-track-name{display:flex;align-items:center;gap:7px;text-align:left;color:inherit;background:var(--scv6-well,#202a33);border:1px solid #526070;border-radius:5px;padding:6px;min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scv6-mixer-strip.current,.scv6-track-name.current{border-color:#76b3d2}.scv6-track-swatch{display:inline-block;flex:0 0 6px;width:6px;height:16px;border-radius:3px}.scv6-note-cell,.scv6-step{cursor:pointer;border:1px solid #4b5a66;border-radius:4px;background:#34404d;min-height:29px;min-width:26px}.scv6-note-cell:nth-child(4n+2),.scv6-step:nth-child(4n+2){border-left-color:#8da3b0}.scv6-note-cell.on,.scv6-step.on{background:var(--scv6-track-color,#75b9cb);border-color:#e0ecf0;box-shadow:inset 0 0 0 2px #ffffff22}.scv6-step:disabled{cursor:not-allowed;opacity:.25}.scv6-note-label{font-size:12px;text-align:left;padding:7px;background:var(--scv6-well,#202a33);border-radius:4px}.scv6-editor-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.scv6-editor-controls input[type=range]{width:85px}.scv6-editor .scv6-editor-note{margin-top:12px;font-size:12px}.scv6-velocity-editor{margin-top:12px;border:1px solid #4b5a66;padding:9px;border-radius:6px}.scv6-velocity-editor summary{cursor:pointer}.scv6-velocity-list{max-height:220px;overflow:auto;display:grid;gap:7px;margin-top:8px}.scv6-velocity-list label{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,2fr) 40px;gap:8px}.scv6-velocity-list input{width:100%}.scv6-mixer-strips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.scv6-mixer-strip{padding:10px;border:1px solid #526070;background:var(--scv6-well,#202a33);border-radius:8px;display:grid;gap:14px;align-content:start}.scv6-mixer-name{width:100%;font-weight:700}.scv6-mixer-strip label{display:grid;grid-template-columns:1fr auto;gap:5px}.scv6-mixer-strip label input{grid-column:1/-1;width:100%;accent-color:#7dc8de}.scv6-strip-actions{display:flex;gap:5px}.scv6-strip-actions button{border:1px solid #526070;background:#34404d;color:#f0f6fc;border-radius:5px;padding:6px 12px;min-height:36px}.scv6-strip-actions button[aria-pressed=true]{background:#527e90;border-color:#c4e0ed}@media(max-width:640px){.scv6-editor{padding:9px}.scv6-view-tabs button{padding:7px 9px;font-size:12px}.scv6-editor>header{align-items:stretch}.scv6-grid-scroll{margin-inline:-3px}.scv6-mixer-strips{grid-template-columns:repeat(2,minmax(0,1fr))}}.scv6-editor-controls>button{border:1px solid #648195;background:#294257;color:#edf6fc;padding:8px 10px;min-height:36px;border-radius:6px;font:inherit;cursor:pointer}.scv6-editor-controls>button:disabled{opacity:.45;cursor:not-allowed}.scv6-editor-error{border-left:3px solid #e3a0a0;padding:8px 12px;background:#4c2834;color:#fff!important;margin:8px 0!important;font-size:12px}.scv6-velocity-list .scv6-note-detail{display:grid;grid-template-columns:80px repeat(3,minmax(95px,1fr)) minmax(120px,1.2fr) 45px;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #445467}.scv6-note-detail input[type=number]{width:68px;min-height:30px;border:1px solid #526879;border-radius:4px;background:#202a33;color:#e9f5ff;padding:4px}.scv6-note-detail input[type=range]{min-width:95px;width:100%}.scv6-note-detail>output{font-size:11px;text-align:right}@media(max-width:940px){.scv6-velocity-list .scv6-note-detail{grid-template-columns:70px repeat(3,minmax(75px,1fr))}.scv6-note-detail label:last-of-type{grid-column:1/-2}.scv6-note-detail>output{grid-column:-2/-1}}.scv6-piano-row .scv6-piano-key{min-height:36px;min-width:0;display:flex;align-items:center;justify-content:flex-start;padding:5px 12px;border-radius:3px 5px 5px 3px;cursor:pointer;font-size:12px;font-weight:750;letter-spacing:.02em;position:relative;touch-action:manipulation}.scv6-piano-row .scv6-piano-key.white{background:linear-gradient(90deg,#f7fafc,#ced9e1);color:#243142;border:1px solid #95a9b5;box-shadow:inset 0 -2px 0 #a9b5c1}.scv6-piano-row .scv6-piano-key.black{background:linear-gradient(90deg,#131a23,#3b4654);color:#fff;border:1px solid #111a25;width:75%;margin-left:0;z-index:1;box-shadow:2px 2px 2px #0004}.scv6-piano-row .scv6-piano-key:hover{filter:brightness(1.08)}.scv6-piano-row .scv6-piano-key:active{filter:brightness(.82)}.scv6-piano-roll .scv6-piano-row{grid-template-columns:minmax(100px,1.3fr) repeat(16,minmax(26px,1fr))}@media(max-width:640px){.scv6-piano-row .scv6-piano-key{min-height:44px;padding:6px 10px}.scv6-piano-roll .scv6-piano-row{grid-template-columns:minmax(90px,1.3fr) repeat(16,minmax(26px,1fr))}}.sc-session-heading .sc-session-open-piano{margin-top:12px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:9px;border:1px solid #84c9ea;background:#204d69;color:#fff;font-size:14px;font-weight:750;box-shadow:0 2px 7px #0003;cursor:pointer;touch-action:manipulation}.sc-session-heading .sc-session-open-piano:hover{background:#276582}.sc-session-heading .sc-session-open-piano:focus-visible{outline:3px solid #8ed7f8;outline-offset:3px}#scv6-unified-editor{scroll-margin-top:100px}@media(max-width:640px){.sc-session-heading .sc-session-open-piano{width:100%;max-width:340px;min-height:48px}}.loop-app .scv6-piano-roll .scv6-piano-row button.scv6-piano-key.white{background-image:linear-gradient(90deg,#f7fafc,#ced9e1)!important;background-color:#f4f8fb!important;color:#243142!important}.loop-app .scv6-piano-roll .scv6-piano-row button.scv6-piano-key.black{background-image:linear-gradient(90deg,#131a23,#3b4654)!important;background-color:#1a2230!important;color:#fff!important}.scv6-velocity-list .scv6-note-nudges{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.scv6-note-nudges button{min-height:44px;min-width:44px;padding:7px 10px;border:1px solid #708ca1;border-radius:6px;background:#294257;color:#f0f7ff;font:inherit;touch-action:manipulation}.scv6-note-nudges button:disabled{opacity:.4;cursor:not-allowed}.scv6-note-nudges button:last-child{min-width:76px}@media(max-width:640px){.scv6-velocity-list .scv6-note-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.scv6-note-detail>output,.scv6-note-detail>strong{grid-column:auto}.scv6-note-detail label:last-of-type{grid-column:1/-1}.scv6-note-nudges button{flex:1 1 44px}}@media (min-width:761px) and (max-width:1050px){.scv4-sidebar .scv5-pro-reveal{display:grid!important;place-items:center;box-sizing:border-box;width:100%!important;min-width:38px!important;min-height:44px!important;margin:0!important;padding:5px!important}.scv4-sidebar .scv5-pro-reveal b,.scv4-sidebar .scv5-pro-reveal small{display:none!important}.scv4-sidebar .scv5-pro-reveal:before{content:"↗";font:700 19px/1 system-ui}}.scv6-ai-workspace .scv6-ai-context{display:grid;gap:7px;padding:14px;border:1px solid #527084;border-radius:9px;background:var(--scv6-well,#202a33)}.scv6-ai-workspace .scv6-ai-context p{margin:0}.scv6-ai-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.scv6-ai-tool{display:grid;align-content:start;gap:9px;min-height:125px;padding:14px;text-decoration:none!important;color:inherit!important;background:#293d4d;border:1px solid #638ba1;border-radius:9px}.scv6-ai-tool strong{font-size:15px}.scv6-ai-tool span{font-size:12px;line-height:1.5;color:#c7d8e3}.scv6-ai-tool small{font-size:11px;color:#9addf6}.scv6-context-dock{margin:0 12px 12px;padding:12px;border:1px solid #67899c;background:var(--scv6-well,#202a33);border-radius:9px;min-width:0}.scv6-context-dock>header{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.scv6-context-dock h2{font-size:15px;margin:0 0 5px}.scv6-context-dock p{font-size:12px;line-height:1.5;color:#c4d4df;margin:0}.scv6-context-actions,.scv6-context-settings{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.scv6-context-dock button{border:1px solid #83afc6;background:#294c62;color:#f2f9ff;border-radius:7px;padding:8px 12px;min-height:44px;touch-action:manipulation}.scv6-context-dock button[aria-pressed=true]{background:#537d91;border-color:#daf0fa}.scv6-context-dock button:disabled{opacity:.55;cursor:not-allowed}.scv6-context-settings label{display:grid;grid-template-columns:minmax(100px,1fr) 38px;gap:5px;min-width:170px;font-size:12px}.scv6-context-settings label input{grid-column:1/-1;width:100%}.scv6-context-settings output{text-align:right}.scv6-context-dock .scv6-source-ref{margin-top:10px;overflow-wrap:anywhere}@media(max-width:640px){.scv6-ai-tools{grid-template-columns:1fr}.scv6-context-dock{margin:0 8px 8px;padding:10px}.scv6-context-settings label{width:100%}.scv6-context-dock button{flex:1 1 135px}}.scv6-strip-fx{padding:8px;border:1px solid #597b8c;border-radius:7px}.scv6-strip-fx summary{cursor:pointer;font-size:12px;font-weight:700;min-height:32px}.scv6-strip-fx label{margin:8px 0;min-width:0}.scv6-strip-fx .scv6-fx-checkbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.scv6-strip-fx .scv6-fx-checkbox input{width:20px;height:20px;grid-column:auto}.scv6-strip-fx input:disabled{opacity:.4}.scv6-strip-fx output{font-size:10px;color:#d8e8ef}.scv6-strip-fx p{font-size:11px;color:#bcd0dd;line-height:1.5}.scv6-channel-device{display:grid;align-content:start;gap:5px;min-width:0}.scv6-channel-device .scv6-track-name{width:100%;min-width:0}.scv6-channel-device select{font-size:11px;min-width:0;width:100%;text-overflow:ellipsis;color:inherit;background:#243747;border:1px solid #688a9e;border-radius:5px;min-height:32px;padding:4px}.scv6-channel-device select:disabled{opacity:.55}@media(max-width:640px){.scv6-channel-device select{min-height:44px}}html[lang=ar] .scv6-unified-views{direction:rtl;text-align:right;font-family:system-ui,Tahoma,Segoe UI,sans-serif}html[lang=ar] .scv6-unified-views .scv6-view-tabs{direction:rtl}html[lang=ar] .scv6-unified-views .scv6-context-dock>header,html[lang=ar] .scv6-unified-views .scv6-editor>header{direction:rtl;text-align:right}html[lang=ar] .scv6-unified-views :is(.scv6-grid-scroll,.scv6-step-table,.scv6-step-header,.scv6-step-row,.scv6-piano-table,.scv6-piano-row,.scv6-step,.scv6-note-cell,.scv6-piano-key){direction:ltr!important;unicode-bidi:isolate}html[lang=ar] .scv6-unified-views :is(.scv6-grid-scroll,.scv6-step-table,.scv6-piano-table) :is(svg,canvas){transform:none!important}html[lang=ar] .scv6-unified-views .scv6-channel-device{direction:rtl;text-align:right}html[lang=ar] .scv6-unified-views .scv6-mixer-strips{direction:ltr}html[lang=ar] .scv6-unified-views .scv6-mixer-strip{direction:rtl;text-align:right}html[lang=ar] .scv6-unified-views :is(.scv6-context-settings,.scv6-context-actions,.scv6-ai-tools){direction:rtl}html[lang=ar] .scv6-unified-views :is(.scv6-context-numeric,.scv6-strip-fx input,.scv6-editor-controls input,.scv6-editor-controls select){unicode-bidi:isolate}html[lang=ar] .scv6-unified-views :is(.scv6-context-numeric .scv4-numeric-row,.scv6-editor-controls input[type=range],.scv6-strip-fx input[type=range]){direction:ltr}html[lang=ar] .scv6-unified-views :is(.scv6-source-ref code,.scv6-piano-roll .scv6-note-detail strong){direction:ltr;unicode-bidi:isolate;display:inline-block}.scv6-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.scv6-source-context{display:grid;gap:12px;min-width:0;margin-top:12px}.scv6-source-waveform{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #688da1;border-radius:8px;background:#1b2a37}.scv6-source-waveform strong{font-size:12px;color:#e5f2fb}.scv6-source-waveform svg{display:block;width:100%;height:90px;max-height:130px;color:#81cde5;border-radius:5px;background:#14232d;overflow:visible;direction:ltr;transform:none}.scv6-source-waveform small{font-size:11px;line-height:1.45;color:#c8d7e2;overflow-wrap:anywhere}.scv6-source-waveform .sc-track-audio-preview audio,.scv6-source-waveform audio{max-width:100%;width:100%;min-height:44px}.scv6-source-waveform .sc-track-audio-preview{display:grid;gap:8px;min-width:0}.scv6-source-waveform .sc-track-audio-preview strong{font-size:12px}html[lang=ar] .scv6-unified-views .scv6-source-waveform{direction:rtl;text-align:right}html[lang=ar] .scv6-unified-views .scv6-source-waveform :is(svg,audio){direction:ltr;transform:none!important}@media(max-width:640px){.scv6-source-waveform{padding:8px}.scv6-source-waveform svg{height:66px}}.scv6-quick-transport{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;border-bottom:1px solid #4d7187;background:#12293bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scv6-channel-actions button,.scv6-quick-transport button{min-height:38px;padding:7px 11px;border:1px solid #6f95ad;border-radius:7px;background:#223f53;color:#f2faff;font-weight:800;cursor:pointer}.scv6-quick-transport button:first-child{background:#25765c;border-color:#66d6a6}.scv6-channel-actions button[aria-pressed=true],.scv6-quick-transport button[aria-pressed=true]{background:#87e4c5;color:#11271e;border-color:#c6ffea}.scv6-channel-actions button:disabled,.scv6-quick-transport button:disabled{opacity:.42;cursor:not-allowed}.scv6-quick-transport output{font:700 12px ui-monospace,monospace;white-space:nowrap}.scv6-quick-transport small{font-size:11px;color:#bfdae5;flex:1 1;min-width:160px}.scv6-channel-actions{display:flex;gap:4px;justify-content:flex-start;flex-wrap:wrap}.scv6-channel-actions button{min-height:32px;padding:5px 8px;font-size:12px}@media(max-width:640px){.scv6-quick-transport{gap:5px;padding:7px}.scv6-quick-transport button{min-height:42px;padding:7px 8px}.scv6-quick-transport small{flex-basis:100%}}.scv6-selected-instrument-label{display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:min(100%,170px);max-width:100%;font-size:.83rem}.scv6-selected-instrument-label>span{font-weight:700}.scv6-selected-instrument-label>select{max-width:100%;min-width:0;min-height:44px;padding:.4rem;border:1px solid rgba(135,145,165,.38);border-radius:8px;background:transparent;color:inherit;font:inherit}.scv6-selected-instrument-label>select:disabled{opacity:.65}.scv6-selected-instrument-label>select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.scv6-selected-instrument-label>small{font-size:.72rem;line-height:1.3;max-width:24ch;overflow-wrap:anywhere}@media(max-width:430px){.scv6-selected-instrument-label{min-width:100%}.scv6-selected-instrument-label>select{width:100%}}.sc-beat-maker{--bm-bg:var(--sc-p0-shell,#171d24);--bm-panel:var(--sc-p0-panel,#222b34);--bm-line:var(--sc-p0-border,#455461);--bm-text:var(--sc-p0-text,#f0f5f9);--bm-muted:var(--sc-p0-muted,#bfccd7);--bm-accent:var(--sc-p0-accent,#78d4dd);width:100%;min-width:0;margin:12px 0;padding:16px;border:1px solid var(--bm-line);border-radius:12px;background:var(--bm-bg);color:var(--bm-text);overflow:hidden}.sc-beat-maker,.sc-beat-maker *{box-sizing:border-box}.sc-beat-maker-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px}.sc-beat-kicker{margin:0 0 4px;color:var(--bm-accent);font-size:11px;letter-spacing:.12em;font-weight:750}.sc-beat-maker h2{font-size:clamp(20px,2.4vw,28px);line-height:1.15;font-weight:750;letter-spacing:-.025em;margin:0}.sc-beat-mode{display:flex;gap:4px;border:1px solid var(--bm-line);padding:3px;border-radius:9px}.sc-beat-maker button,.sc-beat-maker input,.sc-beat-maker select{font:inherit}.sc-beat-maker button{min-height:44px;border:1px solid var(--bm-line);border-radius:8px;background:var(--bm-panel);color:var(--bm-text);padding:7px 11px;cursor:pointer;font-size:12px;font-weight:650}.sc-beat-maker button:focus-visible,.sc-beat-maker input:focus-visible,.sc-beat-maker select:focus-visible{outline:2px solid var(--bm-accent);outline-offset:2px}.sc-beat-maker button:disabled{opacity:.45;cursor:not-allowed}.sc-beat-maker button.active,.sc-beat-maker button[aria-pressed=true]{border-color:var(--bm-accent);background:#24434b}.sc-beat-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding-bottom:12px}.sc-beat-toolbar label{display:flex;align-items:center;gap:6px;color:var(--bm-muted);font-size:12px}.sc-beat-browser input,.sc-beat-lane-controls input[type=number],.sc-beat-toolbar select{max-width:180px;min-height:44px;border:1px solid var(--bm-line);border-radius:7px;background:#26313b;color:var(--bm-text);padding:7px}.sc-beat-tempo{font-size:12px;color:var(--bm-muted)}.sc-beat-toolbar>button{margin-left:auto}.sc-beat-editbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;border-top:1px solid var(--bm-line);color:var(--bm-muted);font-size:12px}.sc-beat-editbar>div{display:flex;gap:5px}.sc-beat-grid-wrapper{width:100%;max-width:100%;overflow:hidden;direction:ltr}.sc-beat-grid-head,.sc-beat-grid-row{display:grid;grid-template-columns:minmax(102px,1.25fr) repeat(var(--beat-columns),minmax(44px,1fr));gap:4px;align-items:stretch;margin:0 0 5px;min-width:0}.sc-beat-grid-head>span{min-height:27px;display:flex;justify-content:center;align-items:center;font-size:12px;color:var(--bm-muted)}.sc-beat-grid-head>span:first-child{justify-content:flex-start;font-size:10px;letter-spacing:.07em}.sc-beat-grid-head .sc-beat-quarter{color:var(--bm-accent);font-weight:800}.sc-beat-grid-row.selected .sc-beat-lane-select{border-color:var(--bm-accent);background:#263842}.sc-beat-maker .sc-beat-lane-select{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:48px;overflow:hidden;padding:5px 7px;text-align:left}.sc-beat-lane-select>span{display:flex;gap:6px;align-items:center;width:100%;font-size:12px}.sc-beat-lane-select i{display:inline-block;width:6px;height:14px;border-radius:4px;flex:none}.sc-beat-lane-select small{display:block;width:100%;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bm-muted)}.sc-beat-maker .sc-beat-pad{min-width:0;min-height:48px;border:1px solid var(--bm-line);border-radius:6px;padding:0;display:flex;align-items:flex-end;justify-content:center;background:#303943;touch-action:manipulation;overflow:hidden}.sc-beat-pad.quarter{border-left:2px solid var(--bm-accent)}.sc-beat-pad .sc-beat-hit{width:100%;height:0;transition:height .09s ease}.sc-beat-pad.on .sc-beat-hit{height:58%;background:var(--beat-color,var(--bm-accent))}.sc-beat-pad.strong .sc-beat-hit{height:100%;background:var(--beat-color,var(--bm-accent))}.sc-beat-step-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 12px;font-size:12px;color:var(--bm-muted)}.sc-beat-step-pages span{text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sc-beat-lane-toolbar{border-top:1px solid var(--bm-line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0}.sc-beat-lane-toolbar strong{font-size:12px;font-weight:700}.sc-beat-lane-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.sc-beat-browser{padding:12px;background:var(--bm-panel);border:1px solid var(--bm-line);border-radius:9px;margin-bottom:12px}.sc-beat-browser header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sc-beat-browser input{width:100%;max-width:440px}.sc-beat-browser p{color:var(--bm-muted);font-size:12px;line-height:1.45}.sc-beat-sounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.sc-beat-sounds>div>strong{font-size:12px;color:var(--bm-accent)}.sc-beat-sounds>div>div{display:flex;flex-direction:column;gap:5px;margin-top:6px}.sc-beat-maker .sc-beat-sounds button{text-align:left;white-space:normal}.sc-beat-inspector{padding:10px 0 12px;border-top:1px solid var(--bm-line)}.sc-beat-lane-controls,.sc-beat-pro-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.sc-beat-lane-controls label,.sc-beat-pro-controls label{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--bm-muted)}.sc-beat-lane-controls input[type=range],.sc-beat-pro-controls input[type=range]{accent-color:var(--bm-accent);max-width:140px}.sc-beat-lane-controls output{min-width:32px;text-align:end}.sc-beat-lane-controls input[type=number]{width:78px}.sc-beat-pro-controls{margin-top:8px;font-size:12px;color:var(--bm-muted)}.sc-beat-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid var(--bm-line);padding-bottom:env(safe-area-inset-bottom,0)}.sc-beat-foot small{font-size:12px;color:var(--bm-muted);max-width:550px;line-height:1.45}.sc-beat-maker .sc-beat-insert{background:var(--bm-accent);border-color:var(--bm-accent);color:#101d26;font-weight:800}.sc-beat-confirm{font-size:12px;color:#adeccc;margin:10px 0 0}@media(max-width:680px){.sc-beat-maker{margin:8px 0;padding:10px;border-radius:9px;scroll-margin-bottom:90px}.sc-beat-maker-heading{gap:8px}.sc-beat-mode{width:100%}.sc-beat-mode button{flex:1 1}.sc-beat-toolbar{gap:6px}.sc-beat-toolbar label{flex:1 1;min-width:126px}.sc-beat-toolbar select{max-width:130px;width:100%}.sc-beat-toolbar>button{margin-left:0}.sc-beat-grid-head,.sc-beat-grid-row{grid-template-columns:minmax(96px,1fr) repeat(var(--beat-columns),minmax(44px,1fr));gap:3px}.sc-beat-step-pages button{padding:6px}.sc-beat-foot{position:relative;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.sc-beat-maker .sc-beat-insert{width:100%}}@media(max-width:350px){.sc-beat-grid-head,.sc-beat-grid-row{grid-template-columns:minmax(86px,1fr) repeat(var(--beat-columns),minmax(42px,1fr));gap:2px}}@media(prefers-reduced-motion:reduce){.sc-beat-pad .sc-beat-hit{transition:none}}.sc-oss-mode{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 12px;padding:9px;border:1px solid #3d6173;border-radius:8px;background:#102333;color:#d4eaf5}.sc-oss-mode button{min-height:44px;padding:8px 14px;border:1px solid #3b6778;border-radius:7px;background:#1d3241;color:#c9dfed;font-weight:750;cursor:pointer}.sc-oss-mode button[aria-pressed=true]{background:#205d6a;border-color:#95eaf0;color:#fff}.sc-oss-mode small{font-size:12px;flex-basis:100%;color:#a7bbc9}.sc-oss-knob-control{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:105px;max-width:100%;padding:8px;border:1px solid #37566b;border-radius:10px;background:linear-gradient(160deg,#112a39,#101720)}.sc-oss-knob-host{height:78px;min-width:78px;display:flex;justify-content:center;align-items:center}.sc-oss-knob-host webaudio-knob{touch-action:none;display:block;width:72px;height:72px}.sc-oss-knob-exact{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;width:100%;font-size:12px!important;color:#d8f1fc}.sc-oss-knob-exact input{min-height:44px!important;max-width:82px!important;min-width:66px!important;width:76px!important;text-align:center;padding:5px!important;border:1px solid #406477;border-radius:6px;background:#071720;color:#f0fcff;font-size:13px!important}.sc-oss-knob-exact small{font-size:11px;color:#90adbd}@media(max-width:700px){.sc-oss-knob-control{padding:6px}.sc-oss-mode button{flex:1 1}}