.da-stem-page{max-width:1180px;margin:0 auto;padding:28px 24px 72px;color:#eef4f0}
.da-stem-page [hidden]{display:none!important}
.da-stem-tool{position:relative}
.da-stem-dropzone{min-height:460px;border:1px dashed #3b4a43;border-radius:22px;background:#111714;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;cursor:pointer;transition:.18s ease}
.da-stem-dropzone:hover,.da-stem-dropzone.is-dragging{border-color:#87d7b8;background:#151d19}
.da-stem-upload-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#223129;color:#9be0c3;font-size:30px;font-weight:900}
.da-stem-dropzone strong{font-size:28px}.da-stem-dropzone span:not(.da-stem-upload-icon){color:#a8b2ac}.da-stem-dropzone small{color:#748078}
.da-stem-editor{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(320px,.72fr);gap:14px;padding:14px;border:1px solid #2a3530;border-radius:22px;background:#141a17;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.da-stem-main-column,.da-stem-control-column{min-width:0}
.da-stem-main-column{display:grid;gap:12px}
.da-stem-file-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #2a3530;border-radius:14px;background:#101512}
.da-stem-file-card>div{min-width:0;display:grid;gap:4px}.da-stem-ready-label,.da-stem-section-label{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#9be0c3}
.da-stem-file-card strong{font-size:19px;line-height:1.25;overflow-wrap:anywhere}.da-stem-file-card span:last-child{font-size:13px;color:#8b9790}
.da-stem-file-card button{flex:0 0 auto;min-height:44px;padding:0 17px;border:1px solid #3a4942;border-radius:999px;background:#1b241f;color:#edf5f0;font-weight:800;cursor:pointer}
.da-stem-player{overflow:hidden;border:1px solid #2a3530;border-radius:14px;background:#0d1210}
.da-stem-waveform{height:245px;padding:24px 14px 18px;display:flex;align-items:center;gap:2px;background:linear-gradient(180deg,rgba(135,215,184,.035),transparent)}
.da-stem-waveform i{display:block;flex:1;min-width:2px;height:var(--h);max-height:100%;border-radius:2px;background:linear-gradient(180deg,#b4f1d1,#8bdcb8);opacity:.92}
.da-stem-player-controls{display:grid;grid-template-columns:48px 1fr minmax(100px,160px);align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #26312c}
.da-stem-play{width:44px;height:44px;border:0;border-radius:50%;background:#f0f5f2;color:#101512;font-size:18px;font-weight:900;cursor:pointer}.da-stem-player-controls span{font-size:14px;color:#dfe8e3}.da-stem-player-controls input{width:100%;accent-color:#8bdcb8}
.da-stem-output-preview{padding:16px;border:1px solid #2a3530;border-radius:14px;background:#101512}
.da-stem-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.da-stem-preview-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #29342f;border-radius:11px;background:#121815}
.da-stem-preview-list article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#223129;color:#93dfbf;font-weight:900}.da-stem-preview-list article div{display:grid;min-width:0}.da-stem-preview-list strong{font-size:13px}.da-stem-preview-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#748078;font-size:10px}.da-stem-preview-list b{font-size:9px;padding:5px 6px;border:1px solid #354139;border-radius:7px;color:#aab5af}
.da-stem-control-column{padding:16px;border:1px solid #2a3530;border-radius:14px;background:#0f1412;display:grid;align-content:start;gap:16px}
.da-stem-control-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #25302a;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#8d9992}.da-stem-control-head strong{color:#93dfbf}
.da-stem-mode-group{display:grid;gap:9px}.da-stem-mode-card{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px;border:1px solid #2c3832;border-radius:13px;background:#151b18;color:#eef4f0;text-align:left;cursor:pointer}.da-stem-mode-card:hover{border-color:#567064}.da-stem-mode-card.is-selected{border-color:#6eb898;background:#1a241f;box-shadow:inset 0 0 0 1px rgba(135,215,184,.1)}.da-stem-mode-card:disabled{cursor:default;opacity:.9}.da-stem-radio{width:18px;height:18px;border:2px solid #52635a;border-radius:50%;margin-top:1px}.da-stem-mode-card.is-selected .da-stem-radio{border:5px solid #8bdcb8}.da-stem-mode-card div{display:grid;gap:4px}.da-stem-mode-card strong{font-size:15px}.da-stem-mode-card small{color:#8d9992;line-height:1.45}.da-stem-mode-card b{font-size:10px;color:#9be0c3;white-space:nowrap}
.da-stem-process-status{border:1px solid #27322d;border-radius:12px;overflow:hidden}.da-stem-process-status ol{list-style:none;margin:0;padding:5px}.da-stem-process-status li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 8px}.da-stem-process-status li+li{border-top:1px solid rgba(255,255,255,.04)}.da-stem-process-status li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#223129;color:#93dfbf;font-size:10px;font-weight:900}.da-stem-process-status li div{display:grid;gap:2px}.da-stem-process-status li strong{font-size:12px}.da-stem-process-status li small{font-size:10px;color:#78847d}.da-stem-process-status li b{color:#789083}.da-stem-process-status li.is-active{background:rgba(135,215,184,.055)}.da-stem-process-status li.is-complete b{color:#93dfbf}.da-stem-process-status li.is-failed b{color:#ef9e9e}
.da-stem-output-format{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid #29342f;border-radius:11px;background:#141a17}.da-stem-output-format span{color:#8d9992;font-size:12px}.da-stem-output-format strong{font-size:13px}.da-stem-disclosure{margin:0;color:#87938c;font-size:12px;line-height:1.55}
.da-stem-bottom-bar{position:sticky;bottom:0;z-index:8;margin-top:12px;padding:10px 12px 10px 16px;border:1px solid #2d3933;border-radius:14px;background:rgba(16,21,18,.96);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr minmax(330px,46%);gap:16px;align-items:center;box-shadow:0 -14px 40px rgba(0,0,0,.24)}.da-stem-bottom-bar span{font-size:12px;color:#89958e}.da-stem-download-all{width:100%;min-height:54px;border:0;border-radius:11px;background:#87d7b8;color:#102018;font-size:16px;font-weight:900;cursor:pointer}.da-stem-download-all:disabled{opacity:.58;cursor:not-allowed}.da-stem-inline-status{min-height:22px;margin:10px 2px 0;color:#aeb9b3;font-size:13px}.da-stem-new-track-link{display:inline-flex;margin-top:10px;color:#9be0c3;text-decoration:none;font-weight:800}
@media(max-width:980px){.da-stem-editor{grid-template-columns:1fr}.da-stem-waveform{height:190px}.da-stem-bottom-bar{grid-template-columns:1fr}.da-stem-bottom-bar span{text-align:center}}
@media(max-width:620px){.da-stem-page{padding:14px 10px 56px}.da-stem-editor{padding:8px;border-radius:16px}.da-stem-file-card{align-items:flex-start;flex-direction:column}.da-stem-file-card button{width:100%}.da-stem-waveform{height:145px;gap:1px}.da-stem-waveform i:nth-child(2n){display:none}.da-stem-player-controls{grid-template-columns:44px 1fr}.da-stem-player-controls input{grid-column:1/-1}.da-stem-preview-list{grid-template-columns:1fr}.da-stem-bottom-bar{padding:10px}.da-stem-dropzone{min-height:360px;padding:24px}.da-stem-dropzone strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.da-stem-dropzone,.da-stem-mode-card{transition:none}}