.music-desk .studio-parameter-knob{position:relative;display:inline-flex;width:44px;height:44px;min-width:44px;flex-shrink:0;vertical-align:middle;border-radius:50%;touch-action:none;user-select:none;cursor:ns-resize}.studio-parameter-knob svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.knob-track,.knob-amount{fill:none;stroke-width:2.5;stroke-linecap:round}.knob-track{stroke:#79846b55}.knob-amount{stroke:var(--knob-accent)}.knob-face{fill:#3e4b3c;stroke:#859173;stroke-width:1}.knob-pointer{stroke:#f2e5c5;stroke-width:2.5;stroke-linecap:round}.studio-parameter-knob:focus-within{outline:2px solid var(--knob-accent);outline-offset:2px}.studio-parameter-knob:hover .knob-face{fill:#4a5845}.studio-parameter-knob[data-disabled]{opacity:.4;cursor:default}.music-desk .desk-mixer-knobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;margin-top:12px}.music-desk .desk-mixer-knobs>div{flex-direction:column;gap:4px!important}.music-desk .desk-mixer-knobs>div>span{width:auto!important;min-width:0!important;text-align:center!important}.music-desk .studio-parameter-knob>input.studio-knob-range{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:inherit;touch-action:none}.music-desk .studio-parameter-knob>input.studio-knob-exact{position:absolute;z-index:5;top:0;left:50%;transform:translate(-50%);width:84px;min-height:40px;margin:0;padding:6px;color:#26392e;background:#fff8e5;border:2px solid #bb985d;border-radius:5px;user-select:text}.desk-console .desk-region>.drum-box{background:#f6f0df!important}.drum-box{--ink: #263e38;--sage: #d8e4ba;--clay: #b34f38;padding:20px;color:var(--ink);background:#f6f0df;font-family:var(--desk-sans, Arial, sans-serif);border-radius:5px}.drum-box-top,.drum-source,.drum-sequence-tools,.drum-sample,.drum-bottom,.drum-candidate{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.drum-box-top{margin-bottom:18px}.drum-box-top small{font-size:10px;letter-spacing:2px}.drum-box h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:6px 0}.desk-console .drum-box button,.drum-box select,.drum-box input{font:inherit;color:inherit}.desk-console .drum-box button{border:1px solid #9dada0;background:#fffaf0;border-radius:5px;padding:7px 10px;cursor:pointer}.desk-console .drum-box button:disabled{opacity:.45;cursor:default}.desk-console .drum-box button[aria-pressed=true]{background:var(--ink);color:#fffbed}.desk-console .drum-box button:focus-visible,.drum-box input:focus-visible,.drum-box select:focus-visible{outline:3px solid #b34f38;outline-offset:3px}.drum-view-switch{display:flex;gap:3px}.drum-voices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:14px}.desk-console .drum-voices button{display:flex;flex-direction:column;align-items:start;gap:9px;padding:12px;text-align:left;border-top:3px solid #829978}.drum-voices small{font-size:9px;letter-spacing:.5px}.drum-voices strong{font-size:15px}.drum-voices span{font-size:10px;opacity:.8}.desk-console .drum-voices button[aria-pressed=true]{border-top-color:#e1b365}.drum-inspector{background:#e9eadc;border:1px solid #c9cdbb;border-radius:5px;padding:15px;margin-bottom:17px}.drum-source{justify-content:start;margin-bottom:16px}.drum-source>strong{font-family:Georgia,serif;font-size:23px;margin-right:auto}.drum-source label,.drum-sample label,.drum-sequence-tools label{display:flex;align-items:center;gap:8px;font-size:11px}.drum-box select{border:1px solid #a6b2a1;background:#fffaf0;border-radius:4px;padding:7px;max-width:210px}.drum-box .drum-preview{background:#ccdba9;border-color:#829978}.drum-sample{padding:0 0 15px;margin-bottom:14px;border-bottom:1px dashed #b5bdad}.drum-sample>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:170px}.drum-sample strong{font-size:12px;overflow-wrap:anywhere}.drum-sample small,.drum-hint,.drum-notice{font-size:11px;line-height:1.6}.drum-controls{display:flex;align-items:start;flex-wrap:wrap;gap:16px 24px}.drum-control{display:flex;flex-direction:column;gap:8px;width:155px;font-size:12px}.drum-control>span{display:flex;justify-content:space-between;text-transform:capitalize}.drum-control output{font-size:10px}.drum-control input[type=range]{width:100%;accent-color:var(--ink);margin:3px 0}.drum-control>div{display:flex;gap:4px;align-items:center}.drum-control input[type=number]{width:54px;border:1px solid #a9b5a3;border-radius:3px;padding:4px;background:#fffaf0;font-size:11px}.drum-control button{padding:4px 6px;font-size:10px}.drum-control small{font-size:10px}.drum-details{margin-top:14px;border-top:1px solid #c6cbbb;padding-top:12px}.drum-details summary{cursor:pointer;font-size:12px}.drum-details .drum-controls{margin-top:16px}.drum-sequence-tools{font-size:11px;margin-bottom:13px;justify-content:start}.drum-steps{display:grid;grid-template-columns:repeat(var(--step-count),minmax(30px,1fr));gap:6px;padding:12px 8px 16px;background:#cdcabb;border-radius:6px;overflow:auto}.drum-box .drum-steps button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 2px 8px;min-height:100px;background:linear-gradient(#fffdf4,#dfdfd0);border:1px solid #929b8d;border-bottom:4px solid #8c9887;border-radius:4px;box-shadow:0 3px #abae9f!important;color:var(--ink)}.drum-steps .drum-led{width:14px;height:4px;background:#a8b19b;border-radius:2px}.drum-steps strong{font-size:14px;font-weight:400}.drum-steps small{font-size:8px;white-space:nowrap}.drum-box .drum-steps button.beat{background:linear-gradient(#e8d6c2,#d5b695);border-bottom-color:#987d66}.drum-box .drum-steps button.lit{background:linear-gradient(#e5ecce,#c6d9a0);border-bottom-color:#6f865c}.drum-steps .lit .drum-led{background:#b34f38;box-shadow:0 0 5px #c76d4855}.drum-box .drum-steps button.selected{outline:1px solid var(--ink);outline-offset:2px}.drum-box .drum-steps button.playing{outline:3px solid #b34f38;outline-offset:1px}.drum-bottom{font-size:10px;margin-top:12px;min-height:30px}.drum-bottom label{display:flex;align-items:center;gap:8px}.drum-bottom input{accent-color:var(--ink);width:120px}.drum-candidate{justify-content:start;background:#f7dfb8;padding:10px;font-size:12px}@media(max-width:750px){.drum-box{padding:12px}.drum-voices{grid-template-columns:repeat(3,minmax(0,1fr))}.desk-console .drum-voices button{gap:5px}.drum-steps{gap:4px}.drum-steps button{min-width:32px}.drum-box-top h3{font-size:23px}.drum-controls{gap:14px}.drum-control{width:140px}.drum-source{gap:10px}}.drum-reset{margin-top:14px}.desk-console .drum-box input,.desk-console .drum-box select{color-scheme:light;accent-color:#263e38}.desk-console .drum-box .drum-steps button[aria-pressed=true]{color:#263e38}.desk-console .drum-control button{padding:4px 6px;font-size:10px}.drum-control input[type=number]{flex-shrink:0}.drum-control.drum-control-tune{width:180px}.music-desk .desk-synth-keyboard{margin:14px 20px 20px;padding:18px;border:1px solid #6f795d;border-radius:6px;background:#303c30;color:#eee6ce}.desk-synth-keyboard-heading,.desk-synth-keyboard-options,.desk-synth-keyboard-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.desk-synth-keyboard-eyebrow{font-size:9px;letter-spacing:1.7px;color:#c4caa9}.desk-synth-keyboard h3{margin:3px 0 12px;font:26px Georgia,serif}.desk-synth-keyboard-options{justify-content:flex-start;margin-bottom:12px}.desk-synth-keyboard-options label{display:flex;align-items:center;gap:6px;font-size:11px}.desk-synth-keyboard-options select{padding:6px;border:1px solid #869074;border-radius:4px;background:#222e25;color:#f2ead3}.desk-synth-octave{display:flex;align-items:center;gap:10px}.desk-synth-octave span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.music-desk .desk-synth-octave button{padding:5px 12px;min-height:32px}.desk-synth-piano{--piano-whites: 15;display:flex;position:relative;height:142px;isolation:isolate}.music-desk .desk-synth-key{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:10px 0;border-radius:0 0 5px 5px;touch-action:manipulation;user-select:none;transition:background 80ms,transform 80ms}.music-desk .desk-synth-key.is-white{flex:1;min-width:0;height:100%;color:#364333;border:1px solid #a0a78b;border-bottom:6px solid #bfc0a7;background:linear-gradient(#f3ecd6,#fffbee);box-shadow:inset 0 -3px #e3ddc8}.music-desk .desk-synth-key.is-black{position:absolute;z-index:1;width:calc(62% / var(--piano-whites));height:61%;color:#f1e7cf;border:1px solid #1e2921;border-bottom:5px solid #18221c;background:linear-gradient(#344137,#1f2d24);transform:translate(-50%);box-shadow:1px 3px 3px #16201660}.music-desk .desk-synth-key.is-white:hover{background:#eee1be}.music-desk .desk-synth-key.is-black:hover{background:#4b5841}.music-desk .desk-synth-key.is-white.is-sounding,.music-desk .desk-synth-key.is-white:active{background:#d7bc82;border-bottom-width:3px;transform:translateY(2px)}.music-desk .desk-synth-key.is-black.is-sounding,.music-desk .desk-synth-key.is-black:active{background:#68734f;transform:translate(-50%,2px)}.music-desk .desk-synth-key:focus-visible{outline:3px solid #c28a43;outline-offset:-4px}.desk-synth-key kbd{font:9px Inter,system-ui,sans-serif;opacity:.75}.desk-synth-keyboard-footer{align-items:baseline;margin-top:12px;color:#d3d5bc;font-size:11px}.desk-synth-keyboard-footer output{min-height:17px;color:#f1d4a4}@media(max-width:680px){.music-desk .desk-synth-keyboard{margin:12px 10px;padding:12px}.desk-synth-piano{--piano-whites: 8;height:132px}.music-desk .desk-synth-key[data-second-octave]{display:none}.desk-synth-keyboard-options{gap:8px}}.arrangement-desk{--track-width: 142px;color:#e9e3d4;font:13px/1.5 Inter,system-ui,sans-serif;min-width:0;padding:16px;background:#262c26}.arrangement-desk *{box-sizing:border-box}.arrangement-desk button,.arrangement-desk input,.arrangement-desk select{font:inherit;color:inherit;border:1px solid #686e60;background:#353e33;border-radius:4px;min-height:42px;padding:8px 12px}.arrangement-desk button{cursor:pointer}.arrangement-desk button:hover{background:#46503f}.arrangement-desk button:disabled{opacity:.45;cursor:default}.arrangement-desk :focus-visible{outline:2px solid #ebc087;outline-offset:2px}.arrangement-desk [hidden]{display:none!important}.arrangement-desk .arr-primary{background:#cdb07c;color:#252c22;border-color:#ddc399;font-weight:650}.arrangement-desk .arr-primary:hover{background:#e0c493}.arr-toolbar,.arr-transport,.arr-zoom,.arr-actions,.arr-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.arr-toolbar{justify-content:space-between;gap:12px;margin-bottom:14px}.arr-song-scope{font-size:10px;letter-spacing:1px;color:#bdc4ae;padding:0 4px}.arr-zoom button{padding:8px 11px}.arr-scroll{border:1px solid #626954;border-radius:5px;overflow:auto;max-height:570px;overscroll-behavior-x:contain;background:#1d261e;scrollbar-color:#7d8368 #252d24}.arr-timeline{position:relative;min-width:100%}.arr-ruler,.arr-track{display:flex;position:relative}.arr-ruler{position:sticky;top:0;z-index:5;background:#353d31;border-bottom:1px solid #687159}.arr-track-head{width:var(--track-width);min-width:var(--track-width);position:sticky;left:0;z-index:3;background:#333b30;padding:12px 13px;border-right:1px solid #646c56;border-bottom:1px solid #505845}.arr-track-head strong{display:block;font-size:13px;color:var(--clip-color)}.arr-track-head small{display:block;font-size:10px;color:#b1b9a5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arr-track-head button{position:absolute;right:0;bottom:0;padding:0;min-height:44px;width:44px;font-size:17px;background:transparent;border:0}.arr-ruler-label{font-size:9px;letter-spacing:.8px;display:flex;align-items:center;white-space:nowrap;min-height:44px}.arr-bar-numbers{display:flex}.arr-bar-numbers button{padding:0;border:0;border-left:1px solid #ffffff14;border-radius:0;background:none;font-size:11px;min-height:44px;flex-shrink:0}.arr-bar-numbers button[aria-pressed=true]{background:#ad9360;color:#172019;font-weight:700}.arr-track-space{position:relative;flex:1;border-bottom:1px solid #48533e;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--bar-width) - 1px),#68755340 calc(var(--bar-width) - 1px),#68755340 var(--bar-width))}.arr-empty-row{display:block;padding:23px 18px;color:#798870;font:italic 13px Georgia,serif;pointer-events:none;white-space:nowrap}.arr-clip{position:absolute;height:60px;border-radius:4px;border:1px solid var(--clip-color);background:color-mix(in srgb,var(--clip-color) 22%,#283026);box-shadow:0 2px 4px #1115}.arr-clip.is-selected{outline:2px solid #f1e4c5;outline-offset:1px;z-index:2}.arr-clip.is-muted{background:repeating-linear-gradient(135deg,#252c26,#252c26 5px,#ffffff12 5px 6px);opacity:.65}.arrangement-desk .arr-clip-body{display:flex;flex-direction:column;position:absolute;inset:0;width:100%;height:100%;min-height:0;background:none;border:0;padding:5px 13px;overflow:hidden;text-align:left;color:var(--clip-color);cursor:grab;touch-action:pan-x pan-y}.arrangement-desk .arr-clip-body:active{transform:none}.arr-clip-title{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.arr-clip-body small{font-size:9px;white-space:nowrap}.arr-notes{width:100%;height:25px;flex:1;margin-top:2px;fill:currentColor;opacity:.8}.arr-loop-boundary{position:absolute;top:0;bottom:0;border-left:1px dashed #f0e4c577;pointer-events:none}.arrangement-desk .arr-trim{position:absolute;top:0;bottom:0;width:10px;min-height:0;padding:0;border:0;background:transparent;border-radius:0;cursor:ew-resize;touch-action:none}.arr-trim-left{left:0;border-right:2px solid #efebd92b!important}.arr-trim-right{right:0;border-left:2px solid #efebd92b!important}.arr-ghost{position:absolute;top:-2px;height:62px;border:2px dashed #f7e1ae;background:#edcf9733;pointer-events:none;z-index:7}.arr-ghost span{position:absolute;bottom:100%;background:#e3cd9e;color:#293020;padding:3px 6px;white-space:nowrap;font-size:11px}.arr-playhead,.arr-start-marker{position:absolute;top:44px;bottom:0;pointer-events:none;z-index:2}.arr-playhead{border-left:2px solid #f3c281;box-shadow:0 0 0 1px #151a18}.arr-start-marker{border-left:1px dashed #ecdba570}.arr-instruction,.arr-scope{color:#b1bca5;font-size:11px;margin:11px 0}.arr-notice{padding:12px;border-left:3px solid #d3ad7a;background:#524536;color:#f1dfbf}.arr-inspector,.arr-add{padding:16px;border:1px solid #646b52;background:#31392c;border-radius:5px}.arr-inspector header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.arrangement-desk h2{font: 22px/1.2 Georgia,serif;color:#ece3ca;margin:3px 0 0}.arr-eyebrow{font-size:9px;color:#bfc6ab;letter-spacing:1.3px;text-transform:uppercase}.arr-fields{align-items:end;margin-top:14px;gap:12px}.arr-field{display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:125px}.arr-field>span{color:#bdc6ab}.arr-field input{width:125px;background:#232c22}.arr-field select{background:#232c22;max-width:280px}.arr-field.arr-idea{flex:1}.arr-field.arr-idea select{width:100%;max-width:100%}.arr-scope button{margin-left:12px;font-size:11px}.arr-more{border-top:1px solid #596249;padding-top:10px;margin-top:10px}.arr-more summary{cursor:pointer;padding:6px 0;color:#c2c8b1;font-size:12px}.arr-add p{color:#b5bfa7;font-size:12px;max-width:660px;margin:8px 0}.desk-arrangement-editor{margin:16px 0 0;border:1px solid #697254;background:#333f2e;padding:14px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.desk-arrangement-editor h2{font:24px Georgia,serif;margin:0}.desk-arrangement-editor p{margin:4px 0 0;color:#bcc7ad;font-size:12px}.music-desk[data-desk-tool=arrange] .desk-box-heading{padding-bottom:10px}.music-desk[data-desk-tool=arrange] .desk-region-arrangement{margin:0 -12px}.music-desk[data-desk-tool=arrange] .desk-region-piano{border-top:1px solid #687654}@media(max-width:600px){.arrangement-desk{--track-width: 106px;padding:8px 0}.arr-toolbar{padding:0 6px}.arr-transport,.arr-zoom{gap:6px}.arrangement-desk button,.arrangement-desk input,.arrangement-desk select{min-height:44px}.arr-toolbar button{font-size:12px;padding:8px}.arr-track-head{padding:10px 8px}.arr-track-head button{min-height:44px;width:44px}.arr-ruler-label{font-size:8px;letter-spacing:0}.arr-track-head small{font-size:9px}.arrangement-desk .arr-trim{display:none}.arrangement-desk .arr-clip-body{padding:5px 7px}.arr-inspector,.arr-add{padding:12px}.arr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arr-field{min-width:0}.arr-field input,.arr-field select{width:100%;max-width:100%}.arr-field.arr-idea{grid-column:1 / -1}.arr-fields>.arr-primary{grid-column:1 / -1}.arr-scope button{margin:8px 0 0}.arr-instruction{padding:0 6px}.arr-song-scope{padding:4px 0}.desk-arrangement-editor{padding:12px}.music-desk[data-desk-tool=arrange] .desk-region-arrangement{margin:0 -8px}}.desk-tutorial-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-height:40px}.desk-tutorial-toggle>span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:18px;height:18px;font-size:12px}.desk-tutorial-toggle[aria-pressed=true]{background:#ddc98e!important;color:#293629!important;border-color:#ddc98e!important}.desk-tutorial-toggle b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.studio-tutorial-card{position:fixed;z-index:2147483000;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;box-sizing:border-box;padding:19px 21px 14px;background:#f2ead5;color:#2b382e;border:1px solid #b5a985;border-radius:9px;box-shadow:0 12px 35px #111a164d;font-family:var(--font-sans, "Spline Sans", sans-serif);font-size:13px;line-height:1.55;overscroll-behavior:contain}.studio-tutorial-card small{font-size:9px;letter-spacing:.16em;color:#72603d;font-weight:700}.studio-tutorial-card h3{font-family:var(--font-serif, "Newsreader", Georgia, serif);font-size:23px;line-height:1.18;font-weight:500;margin:7px 0 10px;color:#293c31;overflow-wrap:anywhere}.studio-tutorial-card p{margin:0 0 11px;overflow-wrap:anywhere}.studio-tutorial-card .studio-tutorial-how{padding-top:11px;border-top:1px solid #c6bda6;font-size:12px}.studio-tutorial-card .studio-tutorial-value{font-size:11px;font-variant-numeric:tabular-nums;color:#5b5947}.studio-tutorial-card footer{padding-top:9px;border-top:1px solid #c6bda6;font-size:10px;color:#716a52}[data-studio-tutorial=on] .studio-basic-tooltip{display:none!important}@media(max-width:540px){.desk-tutorial-toggle{min-height:44px}.desk-tutorial-toggle b{display:none}.studio-tutorial-card{font-size:12px;padding:15px 17px 12px}.studio-tutorial-card h3{font-size:21px}}