.creation-studio{--accent:#647ca7;--accent-hover:#506589;--accent-on-surface:#62769f;--smt-accent:#647ca7;background:#f7f9fb;border:1px solid #c9d5df;border-radius:12px;overflow:hidden;color:#253746;box-shadow:0 6px 22px #25374608}
.creation-studio button,.creation-studio input,.creation-studio select{font:inherit}.creation-studio .btn{font-size:12px;min-height:38px;padding:8px 13px;border-radius:6px;line-height:1.3}.creation-studio .btn-primary{background:#5c7399;color:white;border-color:#5c7399}.creation-studio .btn:disabled{opacity:.45;cursor:not-allowed}.creation-studio .btn[aria-pressed=true]{background:#dfe8f3;border-color:#6f89a7;color:#304d6d}.creation-studio label{font-size:11px;letter-spacing:.025em;font-weight:600;display:flex;flex-direction:column;gap:5px;color:#576b7b}.creation-studio input,.creation-studio select{min-height:36px;background:#fff;border:1px solid #cbd7e0;border-radius:5px;padding:6px 8px;max-width:100%;color:#263d4e}.creation-studio input[type=range]{accent-color:#7980a8;padding:0;min-height:28px}.creation-studio input[type=file]{font-size:12px;max-width:280px}.creation-studio fieldset{border:0;padding:14px 0;margin:0;min-width:0}.creation-studio fieldset:disabled{opacity:.5}.creation-studio legend{font-size:12px;font-weight:600}.studio-topline{padding:18px 22px;background:#e8eef3;border-bottom:1px solid #cbd7e0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.04em}.studio-topline strong span{color:#8f7ca6;margin-left:12px}.studio-topline>span{font-family:var(--font-mono);font-size:11px}.studio-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;padding:20px;margin:0}.studio-transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 20px}.studio-status{font-size:12px;color:#536b80;padding:10px 20px;margin:0;background:#edf2f6}.studio-bar-nav{display:flex;align-items:center;gap:16px;padding:15px 20px;font-size:12px}.studio-bar-nav label{flex-direction:row;align-items:center}.studio-bar-nav select{width:64px}.disco-channel{--instrument:#617e9c;border-top:1px solid #d3dee6;padding:14px 20px;border-left:3px solid var(--instrument)}.disco-channel--bass{--instrument:#7770a2}.disco-channel--arp{--instrument:#537f82}.disco-channel--chords{--instrument:#8b779e}.disco-channel--atmosphere{--instrument:#64869c}.disco-channel-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.disco-channel-head h3{font-size:13px;margin:0;min-width:110px;color:var(--instrument)}.disco-channel-head label{flex-direction:row;align-items:center;max-width:200px}.disco-channel svg{display:block;width:100%;height:82px;color:var(--instrument);margin-top:8px}.disco-channel details{font-size:11px;margin-top:6px}.disco-channel details fieldset{display:flex;flex-wrap:wrap;gap:16px}.disco-step-row{display:grid;grid-template-columns:88px repeat(16,minmax(12px,1fr));gap:5px;align-items:center;margin:5px 0}.disco-step-row>span{font-size:11px}.disco-steps{overflow-x:auto;padding:8px 0}.disco-step{border:1px solid #d0dbe4;background:#e7edf2;min-height:22px;border-radius:3px;cursor:pointer;padding:0}.disco-step:nth-of-type(4n+1){background:#dce5ed}.disco-step.is-on{background:#6e88a5;border-color:#58718e}.disco-step.is-playing{outline:2px solid #9482b4;outline-offset:1px}.studio-pro{border-top:1px solid #c9d5df;padding:20px;background:#eef0f6}.studio-pro>summary{font-size:14px;font-weight:650}.studio-pro p{font-size:13px}.studio-pro .studio-controls,.studio-pro .studio-transport{padding-left:0;padding-right:0}.studio-pro-badge{display:inline-block;font-size:9px;background:#e0dbea;color:#6e5d8c;letter-spacing:.07em;padding:3px 6px;border-radius:4px;margin-left:7px}.studio-related{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:13px}.studio-input{padding:22px;border-bottom:1px solid #d5dfe7}.studio-input>p{font-size:12px}.studio-upload{padding:20px;background:#edf2f7;border:1px dashed #8d9fb5;border-radius:8px;font-size:15px!important;gap:14px!important}.studio-input .studio-transport{padding:12px 0 0}#atm-wave{display:block;width:calc(100% - 40px);height:100px;margin:16px 20px;background:#eff4f8}#atm-original{margin:12px 20px;max-width:calc(100% - 40px)}#atm-progress{display:block;width:calc(100% - 40px);margin:10px 20px;height:8px;accent-color:#7881ad}#atm-progress[hidden]{display:none}#atm-error{margin:14px 20px}#atm-editor{border-top:1px solid #cddae4;padding-bottom:20px}#atm-editor>.field-hint{margin:10px 20px}#atm-download{margin:10px 20px}.atm-roll-wrap{margin:10px 20px;border:1px solid #c4d2df;border-radius:6px;overflow:hidden;--mlp-roll-bg:#f6f9fc;--mlp-row-white:#f8fafc;--mlp-row-black:#edf2f7;--mlp-row-scale:#eaf0f8;--mlp-root:#a4b6d2;--mlp-line-bar:#9fafc0;--mlp-line-beat:#cedae5;--mlp-line-sub:#e3eaf0;--mlp-line-oct:#b8c8d8;--mlp-line-row:#e7edf3;--mlp-ruler-bg:#e2eaf2;--mlp-text:#314d68;--mlp-muted:#6e8394;--mlp-accent:#84719d;--mlp-select:#293e5c;--mlp-play:#7d639e;--mlp-part-melody:#7294b1;--mlp-key-white:#f6f8fa;--mlp-key-black:#42556b;--mlp-key-text:#344c63}.atm-roll{height:380px;overflow:auto;position:relative;outline-offset:-2px}#atm-canvas{position:sticky;top:0;left:0;display:block;touch-action:none}#atm-sizer{position:absolute;top:0;left:0;pointer-events:none}.creation-studio summary{cursor:pointer}.creation-studio :focus-visible{outline:2px solid #7883b4;outline-offset:2px}
@media(max-width:650px){.studio-topline{align-items:flex-start;flex-direction:column;padding:16px}.studio-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.disco-channel{padding:12px}.disco-channel-head h3{min-width:72px}.disco-channel-head label{max-width:160px}.disco-step-row{min-width:540px}.studio-bar-nav{align-items:flex-start;flex-direction:column}.studio-pro{padding:16px}.studio-transport{padding:10px 16px}.atm-roll-wrap{margin:10px}.studio-topline>span{font-size:10px}.studio-related{gap:12px}.creation-studio .btn{min-height:42px}}

/* Disco uses the same warm hardware surface as Drum Studio and Vocal Slicer. */
#disco-studio{--accent:#25282c;--accent-hover:#3a3e44;background:#e7e3d9;color:#25282c;border-color:#a9a291;border-radius:6px;box-shadow:0 3px 0 #bdb6a6}
#disco-studio .studio-topline{background:#ddd8cb;border-color:#a9a291;padding:12px 16px;gap:14px 22px}
.disco-brand{display:flex;align-items:center;gap:12px;padding-right:22px;border-right:1px solid #a9a291}.disco-brand img{width:auto;height:36px}.disco-brand>div{display:flex;flex-direction:column;line-height:1.1}.disco-brand strong{font-family:var(--font-heading);font-size:17px;letter-spacing:.12em}.disco-brand span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#515659;margin-top:3px}
#disco-studio label{color:#515659;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}#disco-studio input,#disco-studio select{background:#f4f1e9;border-color:#a9a291;border-radius:3px;color:#25282c}#disco-studio input[type=range]{accent-color:#25282c}
#disco-studio .btn{background:#f4f1e9;border:1px solid #25282c;border-radius:3px;color:#25282c;font-family:var(--font-heading);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
#disco-studio .btn-primary,#disco-studio .btn[aria-pressed=true]{background:#25282c;color:#f4f1e9}#disco-studio .btn:hover:not(:disabled){background:#fff;color:#25282c}
#disco-studio .studio-status,#disco-studio .studio-pro{background:#ddd8cb;color:#515659;border-color:#a9a291}#disco-studio .disco-channel{border-top-color:#bdb6a6;--instrument:#565c61}#disco-studio .disco-channel--bass{--instrument:#756a87}#disco-studio .disco-channel--arp{--instrument:#577979}#disco-studio .disco-channel--chords{--instrument:#77718b}#disco-studio .disco-channel--atmosphere{--instrument:#617780}
#disco-studio .disco-step{background:#f4f1e9;border-color:#bdb6a6}#disco-studio .disco-step:nth-of-type(4n+1){background:#ddd8cb}#disco-studio .disco-step.is-on{background:#34383b;border-color:#25282c}#disco-studio .disco-step.is-playing{outline-color:#7c7094}#disco-studio .studio-pro-badge{background:#c9c3b5;color:#3a3e44}
@media(max-width:650px){.disco-brand{border-right:0;padding-right:0}}

.atm-recording{display:inline-flex;align-items:center;gap:8px;color:#a33443;font-weight:600}.atm-recording[hidden]{display:none}.atm-recording>span{width:10px;height:10px;background:#cf354b;border-radius:50%;animation:record-pulse 1s infinite}@keyframes record-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.atm-recording>span{animation:none}}

/* Full-width, one-bar instrument views share the transport position. */
#disco-studio .disco-channel svg{height:112px;width:100%}#disco-studio .studio-bar-nav{flex-wrap:wrap}#disco-studio #disco-follow{min-height:0;width:16px;height:16px;accent-color:#77718b}

.disco-demo{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 20px;background:#e3e1eb;border-bottom:1px solid #bdb6a6}.disco-demo>div{flex:1 1 230px}.disco-demo strong{font-size:15px}.disco-demo p{font-size:12px;margin:5px 0 0}.disco-demo audio{width:280px;max-width:100%}.disco-demo a{font-size:12px}.disco-pro-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#disco-pro{scroll-margin-top:100px}@media(max-width:650px){.disco-demo{padding:16px}.disco-demo label,.disco-demo audio{width:100%}.disco-pro-benefits{grid-template-columns:1fr;gap:0}}