/* Compact wooden side drawer. Every control stays in the viewport. */
.heart-studio-shell{position:fixed;inset:0;z-index:90;pointer-events:none;color:#eee3cb}.heart-studio-shell[hidden]{display:none!important}.heart-studio{pointer-events:auto;position:absolute;top:0;right:0;width:min(980px,98vw);height:100dvh;max-height:100dvh;overflow:hidden;outline:none;border-left:1px solid #c4a77488;box-shadow:-22px 0 70px #0006;background:repeating-linear-gradient(94deg,transparent 0 3px,#f1cd8208 4px,transparent 5px 16px),repeating-linear-gradient(1deg,transparent 0 23px,#26180d26 24px,transparent 26px 54px),radial-gradient(ellipse at 20% 25%,#8d684533,transparent 57%),linear-gradient(100deg,#4d3826,#665039 48%,#493726);color:#efe1c4}.studio-panel{height:100%;width:100%;min-height:0;display:grid;grid-template-rows:38px 36px 166px minmax(0,1fr)30px;gap:10px;padding:14px 18px;overflow:hidden;box-shadow:inset 0 0 70px #20110845}.studio-topline{display:flex;align-items:center;gap:15px;min-height:0}.studio-topline>div{min-width:0}.studio-kicker{font:600 7px/1.3 var(--sans);letter-spacing:.16em;color:#c4ad80;margin:0 0 3px}.studio-topline h3{font:400 26px/1 var(--serif);letter-spacing:-.035em;color:#f3e8d0;margin:0}.studio-topline h3 em{color:#ddc189}.studio-format{font:7px var(--sans);letter-spacing:.13em;color:#c5ac80;margin-left:auto;white-space:nowrap}.studio-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:28px;border-radius:999px;padding:6px 12px;background:#d5b882;border:1px solid #d9bd84;color:#34291c;font:10px/1.4 var(--sans);white-space:nowrap;box-shadow:0 2px 0 #25180d55;transition:filter .16s,transform .16s;text-decoration:none}.studio-pill:hover{filter:brightness(1.1)}.studio-pill:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.studio-subtle{background:#2e291f99;color:#e3ceaa;border-color:#d1af7655;box-shadow:inset 0 1px 0 #ffffff09}.studio-close{flex:0 0 30px;width:30px;height:30px;padding:0!important;min-height:30px;font:24px/1 var(--sans);margin-left:5px}.studio-scene-launch{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:0;box-shadow:none;line-height:inherit}.studio-scene-launch:hover{background:#ffffff14!important;transform:none!important}.studio-transport{display:flex;align-items:center;gap:9px;min-width:0}.studio-play{background:linear-gradient(#d7bf91,#ba985c);min-width:157px;border-color:#e3cd9c;font-weight:600}.studio-play[aria-pressed=true]{background:linear-gradient(#e1cb99,#c2a266)}.studio-play>span{font-size:11px}.studio-tempo{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.08em;color:#c6af87;margin:0 8px 0 0}.studio-tempo input{width:48px;padding:3px 6px;background:#241e17;border:1px solid #b8995b66;border-radius:30px;color:#e3cc9d;text-align:center;font:19px/1 var(--serif);height:28px;appearance:textfield}.studio-tempo input::-webkit-inner-spin-button{appearance:none}.studio-sequencer-scroll{width:100%;min-width:0;min-height:0;overflow:hidden;padding:4px 0 0;border-top:1px solid #d3b98433;border-bottom:1px solid #d3b98433}.studio-sequencer{width:100%;min-width:0}.studio-sequencer-numbers,.studio-track-row{display:grid;grid-template-columns:125px repeat(16,minmax(0,1fr));gap:6px;align-items:center;min-width:0}.studio-sequencer-numbers{height:18px;margin-bottom:4px;color:#baa176}.studio-sequencer-numbers>span{font-size:7px;text-align:center;line-height:14px;font-variant-numeric:tabular-nums}.studio-sequencer-numbers>span:first-child{text-align:left;font-size:6px;letter-spacing:.14em}.studio-sequencer-numbers>.group-start{color:#edcf92}.studio-sequencer-numbers>.is-current{color:#fff5d2;background:#c4a46b33;border-radius:20px}.studio-track-row{height:29px;margin:0}.studio-track-preview{display:flex;align-items:center;gap:6px;text-align:left;border:0;background:transparent;color:#e5cfaa;padding:1px 0;border-radius:18px;box-shadow:none;min-height:24px;min-width:0}.studio-track-preview:disabled{opacity:.45;cursor:default}.studio-track-preview:not(:disabled):hover{color:#ffe6b6}.studio-track-symbol{font-size:18px;width:22px;flex:0 0 22px;text-align:center;line-height:1;color:#bda06b}.studio-track-preview strong{font:400 11px/1.1 var(--serif);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-step{width:100%;height:22px;max-width:35px;justify-self:center;border-radius:999px;position:relative;background:radial-gradient(circle at 34% 27%,#786247,#3c3021 77%);border:1px solid #b49b6b4d;box-shadow:inset 0 1px 2px #d3b07917,0 2px 0 #261b12,0 3px 2px #0004;display:grid;place-items:center;padding:0;min-width:0;transition:background .12s,box-shadow .12s}.studio-step.group-start{border-color:#bda3719e}.studio-step>span{width:3px;height:3px;border-radius:50%;background:#b89e6a55;box-shadow:0 1px 0 #1d130b}.studio-step:hover:not(:disabled){border-color:#e3c98a}.studio-step[aria-pressed=true]{background:radial-gradient(circle at 35% 25%,#e8d7a9,#be9758 80%);border-color:#e9d7a8;box-shadow:inset 0 1px 2px #fff4cb55,0 2px 0 #6b4b25,0 0 8px #d4a45a20}.studio-step[aria-pressed=true]>span{background:#674f2b;box-shadow:none}.studio-step.is-current{outline:1px solid #eee2bfb0;outline-offset:2px}.studio-step.is-current[aria-pressed=true]{box-shadow:0 0 12px #f8ce7855,inset 0 1px 2px #fff4cb55}.studio-step:disabled{opacity:.27;cursor:not-allowed}.studio-step-legend{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#bfa47c;margin:4px 0 0;line-height:1.4;white-space:nowrap}.studio-step-legend>span:first-child{display:flex;align-items:center;gap:5px}.studio-step-legend i{width:5px;height:5px;border-radius:50%;background:#d5b67c}.studio-controls-grid{display:grid;grid-template-columns:1fr .9fr 1.25fr;gap:10px;align-items:start;align-self:start;min-height:0;max-height:100%;min-width:0}.studio-module{background:#211c1473;border:1px solid #c5a97426;border-radius:12px;padding:12px 10px;box-shadow:inset 0 1px 3px #0003,0 1px 0 #dbbc8730;min-width:0;min-height:0}.studio-module-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px}.studio-module-heading h4{font:400 21px/1 var(--serif);letter-spacing:-.025em;color:#efddb8;margin:0}.studio-module-heading>span{font-size:6px;color:#bda37b;letter-spacing:.12em;white-space:nowrap}.studio-mixer-channels{display:flex;flex-direction:column;gap:11px}.studio-channel{display:grid;grid-template-columns:67px minmax(25px,1fr) 25px;align-items:center;gap:6px;min-width:0;color:#c9b18a}.studio-channel-name{font-size:8px;line-height:1.15;white-space:nowrap}.studio-channel output{font-size:7px;text-align:right;color:#d8c08f;font-variant-numeric:tabular-nums}.studio-master{border-top:1px solid #c1a37133;padding-top:10px}.studio-master .studio-channel-name{color:#edcf92}.studio-channel input,.studio-atmosphere input{display:block;width:100%;min-width:0;height:15px;margin:0;appearance:none;background:transparent;cursor:pointer;accent-color:#c3a26b}.studio-channel input::-webkit-slider-runnable-track,.studio-atmosphere input::-webkit-slider-runnable-track{height:3px;background:#15120d;border:1px solid #b39c6733;border-radius:4px;box-shadow:inset 1px 1px 2px #0008}.studio-channel input::-webkit-slider-thumb,.studio-atmosphere input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:linear-gradient(#e0c99b,#b59659);border:1px solid #d6c18f;border-radius:50%;margin-top:-5px;box-shadow:0 1px 2px #0009}.studio-channel input::-moz-range-track,.studio-atmosphere input::-moz-range-track{height:3px;background:#15120d;border-radius:4px}.studio-channel input::-moz-range-thumb,.studio-atmosphere input::-moz-range-thumb{width:12px;height:12px;background:#cbb17b;border:1px solid #e0c99b;border-radius:50%}.studio-atmosphere-grid{display:flex;flex-direction:column;gap:10px}.studio-atmosphere{display:grid;grid-template-columns:83px minmax(20px,1fr);align-items:center;gap:9px;min-width:0}.studio-atmosphere-toggle{display:flex;align-items:center;gap:5px;width:100%;background:#322d21;border:1px solid #c7a97155;border-radius:30px;padding:4px 7px;color:#cab58f;font-size:9px;line-height:1.4;height:25px;white-space:nowrap}.studio-atmosphere-toggle>span{font:16px/1 var(--serif);width:15px}.studio-atmosphere-toggle i{width:4px;height:4px;background:#716a4f;border-radius:50%;margin-left:auto}.studio-atmosphere-toggle[aria-pressed=true]{background:#4d5035;color:#f4dfb3;border-color:#c9b174}.studio-atmosphere-toggle[aria-pressed=true] i{background:#e6ce86;box-shadow:0 0 6px #f0d58480}.studio-atmosphere-toggle:disabled{opacity:.5;cursor:wait}.studio-atmosphere label{min-width:0}.studio-recording-stack{display:flex;flex-direction:column;gap:8px}.studio-recording-stack .studio-module-heading{margin-bottom:7px}.studio-device-row{display:flex;align-items:center;gap:6px}.studio-device-row select{width:100%;min-width:0;border:1px solid #bda06d55;background:#251f18;color:#e3cda1;padding:4px 16px 4px 8px;border-radius:30px;font:8px var(--sans);height:26px}.studio-device-row button{padding:4px 8px;min-height:26px;font-size:8px}.studio-input-actions{display:flex;align-items:center;gap:5px;margin-top:7px;min-width:0}.studio-input-actions .studio-pill{font-size:8px;padding:4px 8px;min-height:25px}.studio-input-actions .studio-record{flex:1}.studio-record{background:#543d2d;color:#ebd3ab;border-color:#bb926055}.record-dot{width:5px;height:5px;border-radius:50%;background:#bd7052;box-shadow:0 0 0 2px #bd705215;flex:0 0 5px}.studio-record.is-recording{border-color:#d9ac81;background:#795039}.studio-record.is-recording .record-dot{background:#f1b38a;box-shadow:0 0 0 3px #e6ad7822}.studio-input-status{font-size:7px;line-height:1.35;color:#c2ac84;margin:6px 0 0;min-height:19px;max-height:20px;overflow:hidden}.studio-export{border-top:1px solid #bba16c33;padding-top:7px}.studio-tape{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.studio-tape-label{font-size:6px;letter-spacing:.09em;color:#b3a076;line-height:1.3}.studio-tape output{font:20px/1 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#dfcd92}.studio-export-actions{display:flex;gap:6px;align-items:center}.studio-mix-record{flex:1;font-size:9px;min-height:27px;padding:5px 8px}.studio-download{background:#68734b;color:#f8e9ca;border-color:#c9c18a70;font-size:9px;min-height:27px;padding:5px 9px}.studio-download[hidden]{display:none!important}.studio-module-note{font-size:6px;line-height:1.4;color:#b9a47d;margin:5px 0 0;white-space:nowrap}.studio-status{align-self:end;font-size:9px;line-height:1.4;color:#e4cfaa;min-height:25px;max-height:30px;margin:0;padding:5px 9px;background:#d4ae6d10;border-left:2px solid #c6a67577;border-radius:0 7px 7px 0;overflow:hidden}.heart-studio-shell :focus-visible,.studio-scene-launch:focus-visible{outline:2px solid #efcf8e;outline-offset:3px}.studio-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:701px) and (max-height:620px){.studio-panel{grid-template-rows:33px 31px 157px minmax(0,1fr)25px;gap:8px;padding:11px 15px}.studio-topline h3{font-size:24px}.studio-kicker{font-size:6px}.studio-track-row{height:27px}.studio-module{padding:9px}.studio-module-heading h4{font-size:19px}.studio-module-heading{margin-bottom:9px}.studio-mixer-channels{gap:9px}.studio-atmosphere-grid{gap:8px}.studio-recording-stack{gap:5px}.studio-input-actions{margin-top:5px}.studio-input-status{margin-top:4px;min-height:17px;max-height:18px}.studio-export{padding-top:5px}.studio-tape{margin-bottom:4px}.studio-status{font-size:8px;max-height:25px}}
@media(max-width:850px) and (min-width:701px){.studio-controls-grid{grid-template-columns:.95fr .85fr 1.25fr;gap:8px}.studio-channel{grid-template-columns:59px minmax(18px,1fr) 21px;gap:4px}.studio-channel-name{font-size:7px}.studio-channel output{font-size:6px}.studio-atmosphere{grid-template-columns:73px minmax(18px,1fr);gap:6px}.studio-atmosphere-toggle{font-size:8px;padding:4px 6px}.studio-atmosphere-toggle>span{font-size:14px;width:13px}.studio-module-heading>span{font-size:5px}.studio-module-heading h4{font-size:19px}.studio-module-note{font-size:5px}.studio-input-actions .studio-pill{font-size:7px;padding:4px 6px}.studio-sequencer-numbers,.studio-track-row{grid-template-columns:110px repeat(16,minmax(0,1fr));gap:5px}.studio-track-preview strong{font-size:10px}}
@media(max-width:700px){.heart-studio{width:100vw;border-left:0}.studio-panel{grid-template-rows:42px 68px 158px minmax(0,1fr)34px;gap:9px;padding:12px}.studio-topline{gap:7px}.studio-topline h3{font-size:26px}.studio-kicker{font-size:6px}.studio-format{display:none}.studio-close{margin-left:auto;flex-basis:30px;width:30px;height:30px}.studio-transport{display:grid;grid-template-columns:1fr 90px;gap:7px}.studio-play{min-width:0;width:100%;font-size:10px;min-height:29px}.studio-tempo{justify-content:center;margin:0;gap:5px}.studio-tempo input{width:48px;height:28px}.studio-transport>.studio-subtle{font-size:9px;padding:5px 10px;min-height:28px}.studio-sequencer-numbers,.studio-track-row{grid-template-columns:71px repeat(16,minmax(0,1fr));gap:2px}.studio-sequencer-numbers{height:17px;margin-bottom:3px}.studio-sequencer-numbers>span{font-size:6px}.studio-sequencer-numbers>span:first-child{font-size:5px}.studio-track-row{height:28px}.studio-track-preview{gap:0;padding-right:2px}.studio-track-symbol{display:none}.studio-track-preview strong{font-family:var(--sans);font-size:7px;line-height:1.2;white-space:normal;overflow:visible;letter-spacing:0;max-width:66px}.studio-step{width:100%;height:22px;max-width:none;border-radius:999px;box-shadow:inset 0 1px 1px #d3b07917,0 2px 0 #261b12}.studio-step>span{width:2px;height:2px}.studio-step.is-current{outline-offset:1px}.studio-step-legend{font-size:6px;gap:5px;margin-top:4px}.studio-step-legend>span:last-child{font-size:5px}.studio-controls-grid{grid-template-columns:1fr 1fr;gap:9px;align-content:start}.studio-module{padding:12px 9px}.studio-module-heading{margin-bottom:11px}.studio-module-heading h4{font-size:22px}.studio-module-heading>span{font-size:5px}.studio-mixer-channels{gap:9px}.studio-channel{grid-template-columns:50px minmax(15px,1fr) 22px;gap:4px}.studio-channel-name{font-size:7px;white-space:normal;max-width:50px;line-height:1.2}.studio-channel output{font-size:6px}.studio-master{padding-top:8px}.studio-atmosphere-grid{gap:10px}.studio-atmosphere{grid-template-columns:76px minmax(18px,1fr);gap:6px}.studio-atmosphere-toggle{font-size:8px;padding:5px 7px}.studio-atmosphere-toggle>span{width:13px;font-size:14px}.studio-recording-stack{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:12px;padding:12px 10px}.studio-recording-stack .studio-module-heading h4{font-size:22px}.studio-recording-stack .studio-module-heading>span{font-size:5px}.studio-device-row{display:grid;grid-template-columns:1fr 58px;gap:4px}.studio-device-row select{font-size:7px;padding-left:6px;padding-right:11px;height:25px}.studio-device-row button{font-size:7px;padding:4px 5px;min-height:25px}.studio-input-actions{flex-wrap:wrap;gap:4px;margin-top:6px}.studio-input-actions .studio-record{width:100%;flex-basis:100%;font-size:8px;min-height:25px}.studio-input-actions .studio-subtle{flex:1;font-size:7px;min-height:23px;padding:3px 6px}.studio-input-status{font-size:6px;min-height:20px;max-height:21px;margin-top:5px}.studio-export{border-top:0;border-left:1px solid #bba16c33;padding:0 0 0 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.studio-tape{display:block;text-align:center;margin-bottom:8px}.studio-tape-label{display:block;font-size:5px;line-height:1.5;letter-spacing:.08em;margin-bottom:5px}.studio-tape output{font-size:25px}.studio-export-actions{flex-direction:column;gap:5px}.studio-mix-record,.studio-download{width:100%;font-size:8px;min-height:27px;padding:5px 8px}.studio-module-note{text-align:center;white-space:normal;font-size:6px;line-height:1.5;margin-top:7px}.studio-status{font-size:8px;max-height:34px;min-height:29px;padding:5px 8px}}
@media(max-width:700px) and (max-height:740px){.studio-panel{grid-template-rows:35px 63px 146px minmax(0,1fr)29px;gap:7px;padding:9px 10px}.studio-topline h3{font-size:24px}.studio-track-row{height:25px}.studio-module{padding:9px 8px}.studio-module-heading{margin-bottom:8px}.studio-module-heading h4{font-size:20px}.studio-mixer-channels{gap:7px}.studio-atmosphere-grid{gap:8px}.studio-recording-stack{padding:9px;gap:9px}.studio-recording-stack .studio-module-heading h4{font-size:20px}.studio-input-status{min-height:17px;max-height:18px}.studio-export{padding-left:9px}.studio-status{font-size:7px;max-height:29px}}
@media(max-height:490px) and (min-width:701px){.studio-panel{grid-template-rows:28px 28px 139px minmax(0,1fr)22px;gap:5px;padding:7px 11px}.studio-topline h3{font-size:21px}.studio-kicker{font-size:5px}.studio-track-row{height:24px}.studio-module{padding:7px}.studio-module-heading{margin-bottom:6px}.studio-module-heading h4{font-size:17px}.studio-mixer-channels{gap:6px}.studio-atmosphere-grid{gap:5px}.studio-input-actions{margin-top:4px}.studio-input-actions .studio-pill{min-height:22px;font-size:7px}.studio-input-status{font-size:6px;min-height:12px;max-height:14px}.studio-device-row select,.studio-device-row button{height:23px;min-height:23px;font-size:7px}.studio-export{padding-top:4px}.studio-mix-record,.studio-download{min-height:23px;font-size:8px}.studio-module-note{font-size:5px;margin-top:3px}.studio-tape output{font-size:17px}.studio-status{min-height:20px;max-height:22px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.studio-step,.studio-pill{transition:none}}
@media(max-width:700px) and (max-height:640px){.studio-panel{grid-template-rows:29px 56px 132px minmax(0,1fr)23px;gap:5px;padding:7px 9px}.studio-topline h3{font-size:21px}.studio-kicker{font-size:5px}.studio-close{width:26px;height:26px;min-height:26px;flex-basis:26px;font-size:21px}.studio-transport{gap:4px}.studio-play,.studio-transport>.studio-subtle{min-height:25px;padding:3px 7px;font-size:8px}.studio-tempo input{height:25px;font-size:17px}.studio-sequencer-numbers{height:14px;margin-bottom:1px}.studio-track-row{height:24px}.studio-step{height:19px}.studio-step-legend{font-size:5px;margin-top:2px}.studio-step-legend>span:last-child{font-size:5px}.studio-controls-grid{gap:6px}.studio-module{padding:7px}.studio-module-heading{margin-bottom:6px}.studio-module-heading h4,.studio-recording-stack .studio-module-heading h4{font-size:17px}.studio-module-heading>span{font-size:4px}.studio-mixer-channels{gap:4px}.studio-channel{grid-template-columns:45px minmax(15px,1fr) 21px;gap:3px}.studio-channel-name,.studio-channel output{font-size:6px}.studio-channel input{height:14px}.studio-master{padding-top:4px}.studio-atmosphere-grid{gap:4px}.studio-atmosphere-toggle{height:21px;padding:2px 6px;font-size:7px}.studio-atmosphere{grid-template-columns:69px minmax(15px,1fr);gap:5px}.studio-recording-stack{padding:7px;gap:8px}.studio-device-row select,.studio-device-row button{height:22px;min-height:22px;font-size:6px}.studio-input-actions{gap:3px;margin-top:4px}.studio-input-actions .studio-record,.studio-input-actions .studio-subtle{min-height:21px;padding:2px 6px;font-size:6px}.studio-input-status{font-size:5px;min-height:14px;max-height:15px;margin-top:3px}.studio-tape{margin-bottom:5px}.studio-tape-label{font-size:4px;margin-bottom:3px}.studio-tape output{font-size:20px}.studio-mix-record,.studio-download{font-size:7px;min-height:23px;padding:3px 6px}.studio-module-note{font-size:5px;margin-top:4px}.studio-status{font-size:6px;min-height:21px;max-height:23px;padding:3px 6px}}

/* Narrow, readable side studio. One section opens at a time. */
.heart-studio{width:clamp(320px,25vw,480px)}
.studio-panel{grid-template-rows:45px 74px 205px minmax(0,1fr)38px;gap:7px;padding:13px 14px}
.studio-topline h3{font-size:24px}
.studio-kicker{font-size:9px;font-weight:700}
.studio-format{display:none}
.studio-pill{font-size:11px;font-weight:700;letter-spacing:.01em}
.studio-transport{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.studio-transport>.studio-pill{width:100%;min-width:0;min-height:32px;padding:5px 8px}
.studio-play>span{font-size:10px}
.studio-tempo{justify-content:center;margin:0;font-size:11px;font-weight:700}
.studio-tempo input{font-size:17px}
.studio-sequencer-scroll{padding-top:1px}
.studio-sequencer-numbers{display:none}
.studio-track-row{height:44px;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:18px 21px;gap:1px 3px;margin-bottom:2px}
.studio-track-preview{grid-column:1/-1;min-height:18px;gap:5px}
.studio-track-preview strong{font:700 12px/1.1 var(--sans);letter-spacing:.01em}
.studio-track-symbol{font-size:12px;width:15px;flex-basis:15px}
.studio-step{height:18px;max-width:none}
.studio-step-legend{font-size:10px;margin-top:2px;white-space:normal}
.studio-step-legend>span:last-child{display:none}
.studio-controls-grid{display:flex;flex-direction:column;gap:6px;align-content:stretch;align-self:stretch;min-height:0;overflow:hidden}
.studio-module{flex:0 0 auto;width:100%;padding:0 10px;border-radius:10px}
.studio-section-toggle{width:100%;min-height:34px;padding:3px 2px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#f1dfb8;font:700 15px/1.2 var(--sans);text-align:left}
.studio-section-toggle>span:last-child{font-size:16px;color:#ddc18c;transition:transform .24s}
.studio-section-toggle[aria-expanded=true]>span:last-child{transform:rotate(180deg)}
.studio-section-toggle:hover{color:#fff3d8}
.studio-module-body[hidden]{display:none}
.studio-module-body{padding:0 1px 9px}
.studio-module-heading{display:none}
.studio-mixer-channels{gap:5px}
.studio-channel{grid-template-columns:95px minmax(40px,1fr)34px;gap:5px;min-height:23px}
.studio-channel-name{font-size:11px;white-space:normal;line-height:1.1}
.studio-channel output{font-size:10px}
.studio-master{padding-top:5px}
.studio-atmosphere-grid{gap:5px}
.studio-atmosphere{grid-template-columns:115px minmax(40px,1fr);gap:8px}
.studio-atmosphere-toggle{height:27px;font-size:11px;font-weight:700}
.studio-atmosphere-toggle>span{font-size:12px;width:13px}
.studio-recording-stack{display:block}
.studio-input-actions .studio-pill,.studio-device-row button{font-size:10px;font-weight:700}
.studio-device-row select{font-size:11px}
.studio-input-status{font-size:10px;min-height:0;max-height:none}
.studio-export{margin-top:6px}
.studio-tape-label,.studio-module-note{font-size:9px}
.studio-mix-record,.studio-download{font-size:10px}
.studio-status{font-size:11px;max-height:none;min-height:32px;align-self:stretch}
.heart-studio-shell :focus-visible{outline:2px solid #ffdf9d;outline-offset:2px}
@media(max-width:700px){
  .heart-studio{width:100vw}
  .studio-panel{grid-template-rows:43px 74px 205px minmax(0,1fr)38px;gap:7px;padding:12px}
  .studio-transport{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .studio-track-row{grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:18px 21px;gap:1px 3px;height:44px}
  .studio-track-preview{grid-column:1/-1}
  .studio-track-symbol{display:inline-block}
  .studio-track-preview strong{font:700 12px/1.1 var(--sans);max-width:none}
  .studio-controls-grid{display:flex;flex-direction:column;gap:6px;overflow:hidden}
  .studio-recording-stack{display:block}
  .studio-export{border-left:0;border-top:1px solid #bba16c33;padding:6px 0 0}
  .studio-module{padding:0 10px}
  .studio-module-body[hidden]{display:none}
}
@media(max-height:680px){
  .studio-panel{grid-template-rows:36px 67px 192px minmax(0,1fr)32px;gap:5px;padding:8px 10px}
  .studio-track-row{height:40px;grid-template-rows:17px 19px}
  .studio-step{height:17px}
  .studio-section-toggle{min-height:29px}
  .studio-channel{min-height:20px}
  .studio-mixer-channels,.studio-atmosphere-grid{gap:3px}
}
@media(prefers-reduced-motion:reduce){
  .studio-section-toggle>span:last-child{transition:none}
}

.sound-options .studio-scene-launch{background:linear-gradient(135deg,#f4dfaa,#cfa96c);box-shadow:0 5px 18px #070c09a8,inset 0 1px #fff8d69e}
.sound-options .studio-scene-launch:hover,.sound-options .studio-scene-launch:focus-visible{background:linear-gradient(135deg,#fff0c2,#dfb978)!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px #090c07ad,0 0 18px #edc77f8c}
@media(prefers-reduced-motion:reduce){.sound-options .studio-scene-launch:hover,.sound-options .studio-scene-launch:focus-visible{transform:none!important}}
@media(max-height:600px){.studio-controls-grid{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c6a67577 transparent}}