/* OttoMix's compact studio language, shared across the online tools. */
.tool-family{--tw-accent:#ffc5e8;--tw-hot:#dd277f;--tw-cold:#5130c2;background:#050409;--m-ink:#f5f0f8;--m-dim:#bdb4c4;--m-dim2:#a69aae;color:var(--m-ink);font-family:Poppins,Arial,sans-serif}
.tool-family.chopper-page{--tw-accent:#b5f4d9;--tw-hot:#05a485;--tw-cold:#12677d;--m-accent:var(--tw-accent)}
.tool-family.lead-page{--tw-accent:#d7c4ff;--tw-hot:#8d38ef;--tw-cold:#2262c7;--m-accent:var(--tw-accent)}
.tool-family #topbar{height:72px;background:#050409e8;border-bottom:1px solid #ffffff0b;backdrop-filter:blur(18px)}
.tool-family .studio-atmosphere{display:none}.tool-workspace{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:calc(100dvh - 72px);display:flex;flex-direction:column;isolation:isolate;position:relative}
.tool-workspace:before{content:'';position:fixed;inset:72px 0 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 76% 37%,color-mix(in srgb,var(--tw-hot) 12%,transparent),transparent 60%),radial-gradient(ellipse at 90% 98%,color-mix(in srgb,var(--tw-cold) 15%,transparent),transparent 62%)}
.tw-appbar{display:flex;align-items:center;gap:16px;padding:21px 0 18px;border-bottom:1px solid #ffffff0c;flex:none}.tw-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:500;letter-spacing:-.8px}.tw-brand svg{width:30px;height:30px;stroke:var(--tw-accent);fill:none;stroke-width:1.6}.tw-brand small{font-size:12px;font-weight:400;color:var(--tw-accent);letter-spacing:0;align-self:flex-start}.tw-engine{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:#c2b9c9}.tw-engine i,.tw-footer>span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--tw-accent)}
.tw-steps{display:flex;list-style:none;gap:28px;margin:0;padding:18px 0;flex:none;color:#9a8da7;font:10px/1.5 var(--m-mono);letter-spacing:.015em}.tw-steps li{display:flex;align-items:center;gap:9px}.tw-steps span{border:1px solid #ccb9de28;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:9px}.tw-steps [aria-current]{color:#f2e9f4}.tw-steps [aria-current] span{border-color:color-mix(in srgb,var(--tw-accent) 45%,transparent);background:#dec9ee0c}
.tool-workspace .m-stage-area{width:100%;flex:1;min-height:540px;overflow:visible;place-items:center;isolation:isolate}
.tool-workspace .m-state{padding:0;transition:opacity .45s,transform .55s;filter:none;min-width:0}.tool-workspace .m-state:not(.is-on){display:none}.tool-workspace .m-state>div{background:none;width:100%;max-width:100%;padding:24px 0 32px;min-width:0}
.tool-workspace .m-field{opacity:.32;overflow:hidden}.tool-workspace .m-field:after{background:none}
.tool-workspace .tw-hero.is-on{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:540px}.tool-workspace .tw-hero>div{text-align:left}.tool-workspace .m-drop-h1{font-size:clamp(44px,4.65vw,68px);line-height:1.08;font-weight:500;letter-spacing:-.055em}.tool-workspace .m-drop-h1 em{background-image:linear-gradient(110deg,#fff,var(--tw-accent) 70%,color-mix(in srgb,var(--tw-hot) 80%,white));background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500}.tool-workspace .m-drop-sub{font-size:16px;line-height:1.8;margin:22px 0 26px;max-width:390px;color:#bbb2c3}.tw-kicker{font:10px/1.5 var(--m-mono);letter-spacing:.14em;color:var(--tw-accent)!important;margin:0 0 23px}
.tool-workspace .m-drop-row{justify-content:flex-start;margin:26px 0 0;gap:14px;flex-wrap:wrap}.tool-workspace .m-drop,.tool-workspace .m-btn.p{min-height:54px;border:1px solid #f7eafb55;border-radius:11px;background-image:linear-gradient(125deg,#fff,color-mix(in srgb,var(--tw-accent) 55%,white));color:#1c1425;box-shadow:0 10px 36px color-mix(in srgb,var(--tw-accent) 8%,transparent);padding:13px 23px;font-size:13px;letter-spacing:-.01em;text-transform:none;font-weight:500}.tool-workspace .m-drop-ico{width:22px;height:22px}.tool-workspace .m-drop-ico svg{width:20px;height:20px}.tool-workspace .m-drop b{font-weight:500}.tool-workspace .m-drop-ref{background-image:none;color:var(--tw-accent);border:0;box-shadow:none;padding:8px 0;min-height:44px;font-size:12px}.tool-workspace .m-drop-lock{display:none}.tool-workspace .m-drop-fine{font-size:11px;text-align:left;margin:13px 0;color:#b0a4bc}.tool-workspace .m-btn{min-height:44px;font-size:12px;border-radius:9px}.tool-workspace .m-cook-stage,.tool-workspace .m-done-h{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.1}.tool-workspace .m-cook-say,.tool-workspace .m-done-sub{font-size:14px;line-height:1.65}.tool-workspace .m-filename{overflow-wrap:anywhere;white-space:normal}
.tw-art{min-width:0;position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:clip;pointer-events:none}.tw-art-label{position:absolute;left:0;right:0;top:15px;text-align:center;font-size:9px;letter-spacing:.12em;color:#b5a5c2}.tw-deck{position:relative;width:340px;height:340px;filter:drop-shadow(0 28px 32px #0006)}.tw-card{position:absolute;inset:0;display:flex;flex-direction:column;padding:30px 25px 24px;border-radius:36px;border:3px solid color-mix(in srgb,var(--tw-accent) 80%,white);background:linear-gradient(135deg,var(--tw-hot),var(--tw-cold));box-shadow:inset 0 2px 2px #fffc,inset 0 0 0 8px #fffa,0 0 25px color-mix(in srgb,var(--tw-hot) 30%,transparent);transform:rotate(-5deg) scale(.86);backface-visibility:hidden;will-change:transform}.tw-card:nth-child(2){transform:translate(15px,-10px) rotate(-1deg) scale(.843);filter:hue-rotate(22deg)}.tw-card:nth-child(3){transform:translate(28px,-18px) rotate(3deg) scale(.826);filter:hue-rotate(-22deg)}.tw-card:nth-child(4){transform:translate(36px,-25px) rotate(6deg) scale(.809);filter:hue-rotate(50deg)}.tw-card:first-child{z-index:4}.tw-card:nth-child(2){z-index:3}.tw-card:nth-child(3){z-index:2}.tw-card:nth-child(4){z-index:1}.tw-card small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.tw-card strong{font-size:26px;font-weight:500;line-height:1.4;margin-top:5px;letter-spacing:-.8px;color:#fff}.tw-card svg{flex:1;min-height:0;width:100%;margin:12px 0;stroke:#fffc;stroke-width:1.5;fill:none}.tw-card p{font-size:11px;color:#ffffffe0!important;line-height:1.6;margin:0}.tw-card .tw-sweep{animation:tw-scan 5s ease-in-out infinite;transform-origin:center}.tw-card rect{fill:#fff6;stroke:none}.tw-card .tw-bar{animation:tw-bar 3s ease-in-out infinite alternate;transform-origin:center;animation-delay:calc(var(--i)*-.17s)}
@keyframes tw-scan{0%,100%{transform:translateY(-14px);opacity:.4}50%{transform:translateY(14px);opacity:1}}@keyframes tw-bar{from{transform:scaleY(.5)}to{transform:scaleY(1.08)}}
.tw-boot{flex:1;min-height:540px;display:flex;flex-direction:column;justify-content:center;width:min(440px,100%);padding:40px 0;align-self:center}.tw-boot h2{font-size:clamp(40px,4.3vw,64px);line-height:1.1;font-weight:500;letter-spacing:-.055em;margin:10px 0 30px}.tw-boot h2 em{font-style:normal;color:var(--tw-accent)}.tw-boot-mark{font-size:35px;color:var(--tw-accent);animation:tw-breathe 3s ease-in-out infinite}.tw-boot p{font-size:13px;color:#bdb3c8;line-height:1.8}.tw-progress{height:3px;background:#e3ccee17;overflow:hidden;border-radius:3px}.tw-progress i{display:block;height:100%;width:0;background:var(--tw-accent);transition:width .3s}.tw-progress.is-indeterminate i{width:30%;animation:tw-progress 2.5s ease-in-out infinite}.tw-boot-status{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-top:12px;font-size:11px;color:#b8a9c5}.tw-boot-status span:last-child{white-space:nowrap}#tw-status{margin-bottom:16px;min-height:40px}#tw-retry{align-self:flex-start;min-height:48px;background:#f4e5fc;color:#1c1425;border-radius:10px;padding:12px 24px;font:500 13px Poppins}
@keyframes tw-progress{from{transform:translateX(-100%)}to{transform:translateX(435%)}}@keyframes tw-breathe{50%{opacity:.4;transform:rotate(20deg)}}
.tool-workspace[data-engine=loading]>.m-stage-area,.tool-workspace[data-engine=error]>.m-stage-area{display:none}.tool-workspace [hidden]{display:none!important}.tw-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:57px;border-top:1px solid #ffffff10;flex:none;font-size:10px;color:#a99bb5}.tw-footer>span{display:flex;gap:8px;align-items:center}.tw-footer details{max-width:550px;position:relative}.tw-footer summary{cursor:pointer;padding:14px 0;min-height:44px;color:#c1b6cb;list-style:none}.tw-footer summary:after{content:'+';margin-left:18px;color:var(--tw-accent);font-size:16px}.tw-footer details p{font-size:12px;line-height:1.8;color:#c5b9ce;padding-bottom:18px}.tw-footer details[open]{padding-top:5px}.tw-next-tools{display:flex;gap:20px;flex-wrap:wrap}.tw-next-tools a{font-size:11px;color:#e4cdef;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.tool-workspace #s-choose>div{max-width:980px;padding:20px 0 30px}.tool-workspace #s-cook>div{padding:40px 0 150px}.tool-workspace #s-done>div{padding:20px 0;max-width:1000px}.tool-workspace .m-dl{flex-wrap:wrap}.tool-workspace .m-card{border-radius:15px}.tool-workspace .m-state h2:focus{outline:none}.tool-workspace #s-cwork>div{max-width:820px}.tool-workspace .c-mode-note{max-width:360px;margin:0 0 20px;text-align:left;font-size:11px;line-height:1.7;color:#a799b4}.tool-workspace .c-account-status{margin:18px 0;text-align:left}.tool-workspace #c-allowance{font-size:10px;color:#bdafc9}.tool-workspace .c-delivery{padding:20px 0}.tool-workspace .c-work-instrument{padding:25px 0!important}.tool-workspace .c-work-scope{height:160px}.tool-workspace .c-work-stats{margin-top:12px}.tool-workspace .c-steps{margin-top:22px}.tool-workspace .c-session-file b{max-width:100%;overflow-wrap:anywhere}.tool-workspace .c-loop{min-width:0}
.tool-family.lead-page.l-app-open #topbar{display:flex}.tool-family.lead-page.l-app-open{overflow:auto}.tool-family.lead-page.l-app-open .tool-workspace{min-height:calc(100dvh - 72px)}.tool-workspace #l-area{min-height:0}.tool-workspace .l-hero-cta{justify-content:flex-start;margin:25px 0 0}.tool-workspace #s-lead-setup>div{max-width:800px;padding:15px 0 25px}.tool-workspace #s-lead-play>div{max-width:1040px;padding:10px 0 20px}.tool-workspace #l-roll{min-height:90px}.tool-workspace .l-dial{width:60px;height:60px}.tool-workspace .l-knobs{gap:12px}.tool-workspace .l-viewwrap{height:160px;min-height:110px}.tool-workspace .l-knob-say{font-size:11px;min-height:18px}.tool-workspace .l-q-acts{margin-top:24px}.tool-workspace .l-error{font-size:12px}.tool-workspace .l-stepper{min-width:0}
.tw-handoff-note{font-size:12px;line-height:1.7;color:#d5c4de;padding:12px 0}.om-result .tw-handoff{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #f6d3ec1c;padding-top:15px}.tw-handoff button{min-height:46px;border-radius:9px;border:1px solid #e7c5f348;background:#d4b7e50b;color:#f5d5ef;padding:10px 16px;font:500 12px Poppins;text-align:left}.tw-handoff small{display:block;font-size:10px;color:#b9a9c2;line-height:1.6}.tw-handoff p{font-size:10px;margin:4px 0 0}.tw-handoff a{color:#f5d5ef}.tw-handoff button:disabled{opacity:.4}
@media(min-width:961px) and (min-height:790px){.tool-workspace{height:auto;min-height:calc(100dvh - 72px)}.tool-workspace .m-stage-area,.tw-boot{min-height:0}.tool-workspace .tw-hero.is-on{min-height:0}.tool-workspace .tw-art{min-height:430px}.tw-footer:has(details[open]){flex-shrink:0}.tool-workspace #s-lead-play>div{padding-block:5px}.tool-workspace .l-viewwrap{height:clamp(90px,15vh,150px)}}
@media(max-width:960px){.tool-workspace{width:calc(100% - 48px)}.tool-workspace .tw-hero.is-on{grid-template-columns:1.15fr 1fr;gap:0}.tw-deck{width:290px;height:310px}.tw-card{padding:27px 25px}.tw-card strong{font-size:23px}.tool-workspace .m-drop-h1{font-size:45px}.tw-engine{font-size:9px}.tool-workspace #s-done>div{padding:20px 0}.tool-workspace .l-viewwrap{height:160px}}
@media(max-width:600px){.tool-workspace{width:calc(100% - 40px)}.tw-appbar{padding:20px 0 15px;gap:10px}.tw-brand{font-size:19px;gap:8px}.tw-brand svg{width:25px;height:25px}.tw-brand small{font-size:10px}.tw-engine{font-size:8px;max-width:115px;line-height:1.5}.tw-steps{gap:0;justify-content:space-between;font-size:8px;padding:16px 0}.tw-steps li{gap:5px}.tw-steps span{width:18px;height:18px;font-size:8px}.tool-workspace .tw-hero.is-on{grid-template-columns:1fr;gap:0}.tool-workspace .tw-hero>div{padding:28px 0 10px}.tool-workspace .m-drop-h1{font-size:44px;line-height:1.09}.tool-workspace .m-drop-sub{font-size:14px;line-height:1.7;margin:20px 0}.tw-kicker{font-size:9px;margin-bottom:22px}.tool-workspace .m-drop-row{margin-top:25px;gap:5px}.tool-workspace .m-drop{font-size:12px;min-height:52px;padding:12px 20px}.tool-workspace .m-drop-ref{padding:8px 2px;min-height:44px}.tool-workspace .m-drop-fine{font-size:10px}.tw-art{min-height:300px;width:calc(100% + 40px);margin:0 -20px}.tw-art-label{top:6px;font-size:8px}.tw-deck{width:250px;height:260px}.tw-card{border-radius:27px;padding:25px 24px 21px;box-shadow:inset 0 1px 2px #fffc,inset 0 0 0 6px #fffa}.tw-card strong{font-size:21px}.tw-card small{font-size:8px}.tw-card p{font-size:9px}.tw-footer{font-size:8px;gap:12px}.tw-footer summary{font-size:9px}.tw-footer>span{flex:none}.tw-footer:has(details[open]){align-items:flex-start}.tw-footer details[open]{max-width:220px}.tw-boot{min-height:500px}.tw-boot h2{font-size:46px}.tool-workspace .m-cook-stage,.tool-workspace .m-done-h{font-size:36px}.tool-workspace .m-cook-say,.tool-workspace .m-done-sub{font-size:13px}.tool-workspace #s-cook>div{padding-bottom:140px}.tool-workspace .c-delivery-head{gap:18px}.tool-workspace .c-delivery-toolbar{flex-wrap:wrap;gap:12px}.tool-workspace .c-work-scope{height:145px}.tool-workspace #s-lead-play>div{padding:10px 0 25px}.tool-workspace .l-knobs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 6px}.tool-workspace .l-dial{width:58px;height:58px}.tool-workspace .l-viewwrap{height:120px;min-height:100px}.tool-workspace .l-play{width:48px;height:48px}.tool-workspace .l-bottom{gap:12px}.tool-workspace .l-stepper button{min-width:40px;min-height:44px}.tool-workspace .l-knob-say{font-size:10px}.tool-workspace .l-density{max-width:100%}.tw-handoff{flex-wrap:wrap}.tw-handoff small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tw-card,.tw-card .tw-sweep,.tw-card .tw-bar,.tw-boot-mark,.tw-progress.is-indeterminate i{animation:none!important}.tool-workspace .m-state{transition:none}.tw-progress.is-indeterminate i{width:100%;opacity:.45}}

/* Keep the primary workspace legible over its quiet ambient field. */
.tool-workspace .m-drop-ref b{color:var(--tw-accent)}.tool-workspace .m-drop-ref .m-drop-ico{background:transparent}.tool-workspace .m-drop-ref .m-drop-ico svg{stroke:var(--tw-accent)}.tool-workspace .m-drop-row .m-drop b{font-size:13px}.tool-workspace .m-field{opacity:.1}.tool-workspace .m-access{margin:20px 0 0;text-align:left}.tool-workspace #l-roll{height:100%;min-height:90px}.tool-workspace .l-viewwrap{overflow:hidden}

.tool-workspace .m-plan-note{text-align:left;margin:18px 0 0;font-size:11px}
@media(max-width:600px){.tool-workspace .l-panel{padding:18px 12px;border-radius:20px}.tool-workspace .l-top{gap:12px;padding-bottom:14px}.tool-workspace .l-wordmark{display:none}.tool-workspace .l-sound{width:100%}.tool-workspace .l-viewwrap{margin-top:14px}.tool-workspace .l-transport{gap:10px;margin-top:14px}.tool-workspace .l-transport .l-density{flex-basis:auto}.tool-workspace .l-count{margin:0}.tool-workspace .l-knobs{padding:14px 5px 10px;margin-top:14px}.tool-workspace .l-knob b{font-size:10px}.tool-workspace .l-dial{width:53px;height:53px}.tool-workspace .l-bottom{padding-top:14px}.tool-workspace .l-stepper{gap:8px}.tool-workspace .l-stepper b{min-width:20px}.tool-workspace .l-stepper button{min-width:36px}.tool-workspace .m-cards{margin-top:24px}.tool-workspace .m-card{padding:15px}.tool-workspace .m-card-sub{font-size:12px}.tool-workspace .m-cook-file{font-size:10px;overflow-wrap:anywhere}}

.tool-workspace #m-details{padding:28px 0;border-top:1px solid #ffffff17}.tool-workspace .m-det-head{margin:0 0 18px}.tool-workspace #m-details h2{font-size:28px}.tool-workspace #m-details .m-lead{font-size:13px}.tool-workspace .m-plans{justify-content:flex-start;font-size:11px;margin-top:18px}
/* Keep the finished master in one studio view on a laptop. */
.tool-workspace .m-done-sub{max-width:650px;margin:14px auto 20px}.tool-workspace .m-zone{max-width:none;width:100%;margin:0;padding:24px 20px;border-radius:18px;background:#100d16b3}.tool-workspace .m-zone-title{font-size:13px}.tool-workspace .m-zone-sub{padding-top:18px;margin-top:18px}.tool-workspace .m-devs{gap:6px}.tool-workspace .m-dev{width:39px;height:39px}.tool-workspace .m-dev-fine{font-size:10px;margin:9px 0 0}.tool-workspace .m-shape-lab{font-size:10px}.tool-workspace .m-shape-hint{font-size:12px}.tool-workspace .m-shapes{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;background:none;border:0;overflow:visible;padding:0;border-radius:0}.tool-workspace .m-shape{min-height:40px;border:1px solid #ffffff16;border-radius:9px;padding:8px 11px;font-size:11px;flex:none}.tool-workspace .m-shape.is-on{background:#f4eafa;color:#20172a}.tool-workspace #m-shape-hint{min-height:40px}.tool-workspace .m-done-fine{margin:12px 0 0;font-size:11px}.tool-workspace #m-saved:not([hidden]){margin-right:14px}.tool-workspace .m-strip{height:160px}
@media(min-width:961px){.tool-workspace #s-done>div{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:25px;max-width:1180px}.tool-workspace .m-done-h,.tool-workspace .m-done-sub{grid-column:1/-1}.tool-workspace .m-zone-listen{grid-column:1;grid-row:3/5}.tool-workspace .m-zone-shape{grid-column:2;grid-row:3;align-self:start}.tool-workspace #s-done .m-acts{grid-column:2;grid-row:4;align-self:end;margin-top:15px;gap:8px}.tool-workspace #s-done .m-done-fine{grid-column:1/-1}.tool-workspace .m-shape-preview{grid-template-columns:1fr;gap:5px;text-align:center}.tool-workspace #m-shape-curve{width:100%;height:60px}.tool-workspace #m-shape-hint{text-align:center}.tool-workspace #s-done .m-btn{padding:10px 16px}.tool-workspace #s-done .m-btn.p{min-height:48px}.tool-workspace .m-zone-listen .m-play{width:50px;height:50px}.tool-workspace .m-zone-listen .m-hold small{display:none}}
@media(max-width:960px){.tool-workspace .m-zone{margin-top:20px}.tool-workspace #s-done .m-acts{margin-top:20px}}
@media(max-width:600px){.tool-workspace .m-zone{padding:20px 12px 16px}.tool-workspace .m-listen{justify-content:flex-start}.tool-workspace .m-listen .m-play{width:48px;height:48px}.tool-workspace .m-listen .m-hold{width:auto;flex:1;padding:0 9px;font-size:12px}.tool-workspace .m-listen .m-hold small{font-size:9px}.tool-workspace .m-zone-title{margin-bottom:10px}.tool-workspace .m-shape-preview{margin-bottom:8px}.tool-workspace #m-shape-hint{min-height:0;font-size:11px}.tool-workspace .m-strip{height:140px;margin-top:14px}.tool-workspace .m-devs{gap:5px}.tool-workspace .m-dev{width:36px;height:36px}}

.om-result .tw-handoff{justify-content:flex-start;flex-wrap:wrap;gap:10px}.om-result .tw-handoff .om-new-mix{margin:0}.om-result .tw-handoff p:empty{display:none}.om-result .tw-handoff p{width:100%;color:#e5cce5;line-height:1.6}body[data-view=result] .om-studio{height:auto}body[data-view=result] .om-viewport{min-height:640px}.om-result{padding-top:20px;padding-bottom:22px}
@media(min-width:961px){.om-result h2{font-size:50px}.om-result .om-strength{margin:14px 0!important}.om-result .om-eyebrow{margin-bottom:12px}.om-result .om-player{margin-top:10px}}
@media(max-width:600px){.tool-workspace .l-transport .l-density{width:auto;flex:1}.tool-workspace .l-heart{order:4}.tool-workspace .l-count{order:5;width:auto;flex:1}.tool-workspace .l-bottom .l-steppers{gap:8px;flex-wrap:nowrap;justify-content:space-between}.tool-workspace .l-stepper{gap:5px}.tool-workspace .l-stepper>span{font-size:8px}.tool-workspace .l-stepper button{width:32px;min-width:32px}.tool-workspace .l-bottom-acts{gap:8px}.tool-workspace .l-knob-say{display:none}}
@media(min-width:961px){.tool-workspace #s-cdone>div{padding:15px 0}.tool-workspace #c-done-h{font-size:46px;font-weight:500}.tool-workspace .c-delivery-head{margin-bottom:18px}.tool-workspace .c-loop{padding:14px 18px}.tool-workspace .c-loop-wave{height:64px}.tool-workspace .c-acts{margin-top:20px;padding-top:18px}}
/* Saved cloud sessions remain actionable after a lost connection or device change. */
.tw-recovery{margin:20px 0;padding:16px 0;border-top:1px solid #ffffff24;max-width:460px}
.tw-recovery p{font-size:13px;line-height:1.7;color:#d1d7e0;margin:0 0 12px}
.tw-recovery button{margin:4px 10px 4px 0;min-height:44px;padding:11px 16px;border:1px solid #ffffff30;border-radius:9px;background-color:#ffffff08;color:#e9f1ee;font:inherit;font-size:12px;cursor:pointer}
.tw-recovery button:first-of-type{background-color:var(--m-accent,#b6f4d4);color:#09221b;border-color:transparent;font-weight:500}
.tw-recovery button:focus-visible{outline:2px solid var(--m-accent,#b6f4d4);outline-offset:4px}
.tw-recovery button:disabled{opacity:.6;cursor:wait}
.om-screen .om-alert{position:relative;margin-top:16px;font-size:12px;line-height:1.6;max-width:100%}

/* Keep playback and comparison options on distinct rows when the studio is narrow. */
.tool-workspace[data-tool=master] .m-listen-main,.tool-workspace[data-tool=master] .m-listen-options{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.tool-workspace[data-tool=master] .m-chip i,.tool-workspace[data-tool=master] .m-hold i{flex-shrink:0}
.tool-workspace .m-ref-loaded{margin:20px 0 0;color:var(--tw-accent);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){
 .tool-workspace[data-tool=master] .m-listen{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .tool-workspace[data-tool=master] .m-listen-main{width:100%;justify-content:flex-start}
 .tool-workspace[data-tool=master] .m-listen .m-hold{min-width:0;min-height:50px;display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:9px;row-gap:1px;padding:7px 12px;text-align:left;justify-content:start;line-height:1.4}
 .tool-workspace[data-tool=master] .m-hold i{grid-row:1/3;grid-column:1}
 .tool-workspace[data-tool=master] .m-hold span,.tool-workspace[data-tool=master] .m-hold small{grid-column:2}
 .tool-workspace[data-tool=master] .m-listen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:stretch}
 .tool-workspace[data-tool=master] .m-listen .m-chip{width:100%;min-width:0;min-height:44px;padding:8px;gap:7px;white-space:normal;line-height:1.4}
}