#create .cp-card{background:#173548;color:#f1f9fc;border:2px solid #83b9d0;border-radius:12px;box-shadow:none}#create .cp-stage-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}#create details{border:1px solid #5f8fa7;border-radius:8px;padding:10px;margin:10px 0}#create details>summary{font-weight:900;min-height:44px;display:flex;align-items:center;cursor:pointer;color:#ffd09c}#create .cp-source-actions{gap:8px}#create #cp-active-source{font-weight:700;color:#bce5fa;overflow-wrap:anywhere}#create #cp-unsaved{color:#ffd286;font-size:13px}#create #cp-play-controls{border:0;padding:0;margin:0;min-width:0}#create #cp-play-controls:disabled{opacity:.5}#create #cp-play-controls legend{font-weight:800}#create .effects label{background:#254b62;border-color:#6a92a6;color:#fff}#create button,#create select,#create input:not([type=range]):not([type=checkbox]){min-height:44px}#create #stopkeys{width:auto;max-width:100%;white-space:normal}#create #cp-play-stage .keyboard{margin:12px 0}#create #cp-library-dialog{background:#1b3c50;color:#fff;border:2px solid #87d5ef;border-radius:10px;width:min(480px,92vw);max-height:85dvh}#create #cp-library-dialog::backdrop{background:#0b2034c9}#create #cp-library-list{display:grid;gap:8px;max-height:50dvh;overflow:auto;margin:12px 0}#create #cp-library-list button{text-align:left;white-space:normal}#create #cp-volume-value{min-width:40px}#create #cp-trim .wavewrap{margin-top:12px}@media(max-width:600px){#create .cp-card{padding:10px}#create details{padding:8px}#create .controls>*{min-width:120px}#create .cp-stage-links button{font-size:12px;padding:9px}#create .effects{gap:6px}#create .effects label{padding:8px;font-size:13px}#create .row{gap:10px}}

/* Stage buttons replace duplicate section headings; all controls remain in the DOM. */
#create .cp-card h2{font-size:clamp(22px,3vw,28px);margin:0 0 6px}#create #cp-active-source,#create #status{margin:6px 0}#create .cp-stage-links{margin:8px 0}#create #cp-source-stage:not([open]),#create #cp-play-stage:not([open]){display:none}#create #cp-source-stage>summary,#create #cp-play-stage>summary{display:none}#create .cp-stage-links [aria-pressed=true]{background:#ffad49;color:#142c3d;box-shadow:inset 0 -3px #fff}#create #cp-play-help{margin:6px 0}#create #cp-play-controls legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}#create #cp-play-controls .row{margin:8px 0}#create .effects{margin:8px 0;gap:8px}#create .effects label{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px}#create .effects input[type=checkbox]{width:18px;height:18px;min-height:0;transform:none;margin:0}

#create #cp-reset-sound{margin-left:auto;white-space:nowrap}#create .cp-reset-help{font-size:12px;color:#c5dfea;margin:4px 0}#create #cp-reset-reason:empty{display:none}#create #cp-reset-dialog{box-sizing:border-box;background:#1b3c50;color:#fff;border:2px solid #87d5ef;border-radius:10px;width:min(460px,92vw);max-height:85dvh;overflow:auto}#create #cp-reset-dialog::backdrop{background:#0b2034c9}#create #cp-reset-dialog .row{flex-wrap:wrap}#create #cp-reset-dialog button{min-height:44px}#create #cp-reset-confirm{background:#ffad49;color:#142c3d}