/* 화면을 고정하고 긴 파일/작업 목록만 스크롤한다. */
body.studio-ready{--accent:#087e75;--line:#dce3e4;--muted:#647477;background:#edf1f2;color:#253437;font-family:'Segoe UI','Malgun Gothic',sans-serif}
.sing-voice-settings{display:flex;gap:20px;align-items:center;margin:16px 0}.sing-voice-settings label{display:flex;align-items:center;gap:10px;font-size:13px}.sing-voice-settings select{padding:9px 12px!important;min-width:110px}.singing-card #lyricEditor{max-height:42vh;overflow:auto}.studio-ready .singing-card h2{font-size:19px}.studio-ready .singing-card>.hint{max-width:95ch;line-height:1.7}.studio-ready .singing-card{border-top:3px solid #087e75}.studio-ready .singing-card button.primary{background:#087e75;border-color:#087e75}
.studio-ready .wrap{align-items:stretch}.studio-ready .workspace-panel{width:100%}
.studio-ready [hidden]{display:none!important}
.studio-job-progress{display:block;width:100%;height:6px;margin:10px 0;accent-color:#087e75}
.studio-ready header{background:#253437;box-shadow:none;padding:12px 20px}.studio-ready header h1{font-weight:650;font-size:16px}.studio-ready header button{color:#253437}
.studio-ready .workspace-menu{justify-content:space-between}.studio-ready .workspace-nav button{border-color:transparent;background:transparent;color:#617174;border-radius:7px}.studio-ready .workspace-nav button[aria-selected=true]{background:#fff;color:#087e75;border-color:#c9dedb;font-weight:750}.studio-ready .workspace-nav button:disabled{opacity:.38}
.studio-ready #workspace-files{grid-template-columns:clamp(275px,23vw,350px) minmax(0,1fr);gap:16px}
.studio-ready .card{box-shadow:none;border-color:var(--line);border-radius:10px}
.studio-ready #fileColumn>.card{background:#f8fafb;padding:16px}.studio-ready #fileColumn h2{font-size:14px;margin-bottom:14px}.studio-ready #drop{background:#fff;border:1px dashed #a7bcbd;padding:20px 12px;border-radius:8px}.studio-ready #drop .big{font-size:13px}.studio-ready #drop .sub{font-size:11px;line-height:1.6}
.studio-ready #fileColumn .btnrow{gap:6px;flex-wrap:wrap}.studio-ready #fileColumn .chk{font-size:11px;line-height:1.5}.studio-ready #sourceControls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.studio-ready #sourceControls label{grid-column:1/-1;font-size:11px;color:var(--muted)}.studio-ready #sourceSelect{grid-column:1/-1;width:100%;font-size:12px}.studio-ready #fileColumn #fileInfo{font-size:11px;line-height:1.7;background:#edf3f3;color:#526a6c;border-color:#dce7e7}.studio-ready .stemrow{background:#fff;border-color:#dce3e4}.studio-ready .stemhead{font-size:11px;flex-wrap:wrap;gap:5px}
.studio-main{display:grid;grid-template-rows:minmax(0,1fr);gap:14px;min-height:0;min-width:0;overflow:hidden}
.studio-setup{background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.studio-methods{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid var(--line);background:#f8fafb}.studio-methods button{border:0;border-radius:0;background:none;padding:12px 15px;color:#687b7c;border-bottom:3px solid transparent}.studio-methods button[aria-selected=true]{color:#087e75;border-bottom-color:#087e75;font-weight:750}
.studio-ready .studio-mode[hidden]{display:none!important}.studio-ready .studio-mode{margin:0!important;border:0;border-radius:0;padding:16px 20px!important;box-shadow:none;overflow:auto;max-height:43vh}.studio-ready .studio-mode h2{font-size:20px;margin:0 0 6px;font-weight:700;letter-spacing:-.5px}.studio-ready .studio-mode>.hint{font-size:12px;line-height:1.6;margin:4px 0 10px;max-width:85ch}.studio-ready .studio-mode .opts{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-target{margin:12px 0 10px;font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#285e5c}.studio-fields{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.studio-fields>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#516669}.studio-fields select,.studio-fields input{padding:8px;border:1px solid var(--line);border-radius:6px}.studio-alternate{font-size:12px;color:#516669}.studio-alternate label{display:block;margin-top:8px}.studio-alternate input{max-width:240px}
.studio-ready .studio-run{display:flex;align-items:center;gap:10px;margin-top:14px}.studio-ready .studio-run .primary{padding:11px 22px;background:#087e75;border-color:#087e75;font-size:13px;font-weight:700}.studio-ready .studio-run .ghost{border:0;background:transparent;color:#637779;text-decoration:underline;text-underline-offset:3px}.studio-ready #transcriptionStatus{font-size:12px;color:#647477;margin:8px 0 0}.studio-help{margin-top:8px;color:#718284;font-size:11px}.studio-help summary{cursor:pointer}.studio-help .hint{line-height:1.6;font-size:11px;margin:7px 0 0}
@media(min-width:1101px){.studio-ready .transcription-card{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(390px,1fr);grid-template-areas:'title fields' 'intro fields' 'target actions' 'status help';gap:8px 24px}.transcription-card>h2{grid-area:title}.transcription-card>.hint{grid-area:intro}.transcription-card>.studio-target{grid-area:target;margin:0;align-self:center}.transcription-card>.studio-fields{grid-area:fields;justify-content:flex-end;align-content:start;gap:12px}.transcription-card>.studio-run{grid-area:actions;justify-content:flex-end;margin:0}.transcription-card>#transcriptionStatus{grid-area:status}.transcription-card>.studio-help{grid-area:help;text-align:right}}
.studio-results{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;overflow:hidden}.studio-results-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:none}.studio-results-heading h2{font-size:15px;margin:3px 0 0}.studio-eyebrow{font-size:10px;letter-spacing:1.5px;color:#79918e;font-weight:700}.studio-ready #omrStatus{font-size:12px;margin:8px 0;color:#607c79;flex:none}.studio-ready #serverJobs{max-height:none;min-height:0;flex:1;overflow:auto;padding-right:6px;scrollbar-gutter:stable}.studio-ready .server-job{border:1px solid #dfe8e6;background:#fafcfc;border-radius:8px;padding:13px 15px;margin:0 0 12px}.studio-ready .server-job>p:first-child{font-size:13px;font-weight:650;overflow-wrap:anywhere}.studio-ready .server-job>.hint{font-size:11px;color:#708383;margin:5px 0 8px}.studio-job-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.studio-ready .studio-job-actions a{margin:0;border:1px solid #d4e3df;border-radius:6px;color:#237568;background:#fff;padding:6px 10px;font-size:11px;text-decoration:none}.studio-ready .studio-job-actions button[data-import-job]{background:#087e75;border-color:#087e75;color:#fff;font-weight:650}
.studio-stems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-stems details{background:#fff;border:1px solid #e0e7e5;border-radius:6px;padding:9px;min-width:0}.studio-stems summary{cursor:pointer;font-size:12px;color:#405b58;overflow-wrap:anywhere}.studio-stems audio{width:100%;height:32px!important}.studio-ready .studio-stems a{font-size:11px;margin:7px 8px 0 0;color:#247267}.studio-ready button:focus-visible,.studio-ready summary:focus-visible{outline:2px solid #087e75;outline-offset:3px}
@media(min-width:1450px){.studio-ready .studio-mode{padding:20px 24px!important}.studio-fields{gap:24px}}
@media(max-width:1100px){.studio-ready #workspace-files{grid-template-columns:280px minmax(0,1fr);gap:10px}.studio-stems{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-ready .studio-mode{padding:12px 14px!important}.studio-fields{gap:9px}.studio-results{padding:12px 14px}.studio-ready .studio-mode h2{font-size:17px}}
@media(max-width:900px){.studio-ready #workspace-files{grid-template-columns:235px minmax(0,1fr)}.studio-ready #fileColumn>.card{padding:10px}.studio-methods{padding:3px 7px 0;gap:0}.studio-methods button{font-size:11px;padding:9px 8px}.studio-ready .studio-mode>.hint,.studio-help{display:none}.studio-ready .studio-mode h2{font-size:15px}.studio-fields>label{font-size:11px}.studio-fields select{max-width:190px}.studio-ready .studio-run{margin-top:9px;gap:4px;flex-wrap:wrap}.studio-ready .studio-run .primary{padding:8px 12px}.studio-ready .studio-run .ghost{font-size:10px}.studio-target{margin:7px 0;font-size:11px}.studio-ready #transcriptionStatus{font-size:11px}.studio-main{gap:8px}.studio-ready .studio-mode .opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:550px) and (min-width:601px){.studio-ready .studio-mode{max-height:55vh;padding:8px 12px!important}.studio-ready .studio-mode h2,.studio-ready #transcriptionStatus,.studio-alternate{display:none}.studio-ready .studio-target{margin:0 0 5px}.studio-ready .studio-run{margin-top:6px}.studio-results{padding:8px 12px}.studio-eyebrow{display:none}.studio-results-heading h2{font-size:12px}.studio-ready #omrStatus{margin:3px 0}}
@media(max-width:600px){.studio-ready #workspace-files{grid-template-columns:1fr;grid-template-rows:180px minmax(0,1fr);gap:8px}.studio-ready #fileColumn>.card{padding:8px 10px}.studio-ready #fileColumn h2,.studio-ready #fileInfo,.studio-ready #drop,.studio-ready #fileColumn #player,.studio-ready #stemPanel{display:none!important}.studio-ready #sourceControls{grid-template-columns:minmax(0,1fr) auto auto}.studio-ready #sourceControls label{display:none}.studio-ready #sourceSelect{grid-column:auto}.studio-ready .studio-mode{max-height:32vh}.studio-fields{gap:6px}.studio-fields>label{flex:1;min-width:130px}.studio-fields select{max-width:100%;width:100%}.studio-ready .studio-run .ghost{display:none}.studio-results{padding:10px}.studio-stems{grid-template-columns:1fr}.studio-ready .studio-mode h2{display:none}}
@media(max-width:600px){.studio-ready #fileColumn>.card{overflow:auto}.studio-ready #stemPanel{display:flex!important;flex:none;min-height:70px;max-height:120px}.studio-ready #stemPanel[style*="none"]{display:none!important}}
/* 파일 선택과 AI 실행을 왼쪽에 묶고 PDF 입력은 독립 메인 메뉴로 둔다. */
.studio-ready #workspace-files{grid-template-columns:clamp(310px,26vw,390px) minmax(0,1fr)}
.studio-ready #sourceControls:not([style*="display: none"]):not([style*="display:none"]){display:grid!important}
.studio-ready #fileColumn #drop{padding:12px 10px}.studio-ready #fileColumn #drop .sub{font-size:10px}
.studio-ready .studio-ai{display:block!important;flex:none;padding:12px 0!important;margin:10px 0 0!important;border:0;border-top:1px solid #d4e1de;border-bottom:1px solid #d4e1de;border-radius:0;background:transparent}
.studio-ready #fileColumn .studio-ai h2{font-size:14px;margin:0 0 6px}.studio-ai>.hint{display:none}.studio-ai .studio-target{font-size:11px;line-height:1.4;margin:4px 0 7px}.studio-ai-options{font-size:11px;color:#607975}.studio-ai-options>summary{cursor:pointer;padding:4px 0}.studio-ai .studio-fields{display:grid;gap:8px;margin:7px 0}.studio-ai .studio-fields>label{justify-content:space-between;font-size:11px}.studio-ai .studio-fields select{max-width:200px}.studio-ai .studio-run{margin-top:8px!important}.studio-ai .studio-run .primary{width:100%;padding:10px}.studio-ai .studio-help{font-size:10px;margin:5px 0 0}.studio-ai #transcriptionStatus{font-size:10px;line-height:1.4}.studio-quick{background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0}.studio-quick>summary{padding:14px 18px;font-size:13px;font-weight:600;cursor:pointer}.studio-quick>summary span{font-weight:400;font-size:11px;color:#7a8b89;margin-left:16px}.studio-quick .studio-mode{max-height:36vh}.studio-quick .studio-mode h2{display:none}
.studio-ready #workspace-sheet{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.studio-ready .studio-sheet-input{margin:0!important;padding:18px 22px!important}.studio-sheet-input h2{font-size:18px;margin:0 0 8px}.studio-sheet-input>.hint{font-size:12px;line-height:1.6;max-width:100ch}.studio-sheet-input>.btnrow{display:flex;gap:15px}.studio-sheet-input #omrUpload{background:#087e75;border-color:#087e75;padding:10px 26px}
@media(max-width:900px){.studio-ready #workspace-files{grid-template-columns:280px minmax(0,1fr)}.studio-ready .studio-ai{padding:8px 0!important;margin-top:5px!important}.studio-quick>summary{padding:10px;font-size:11px}.studio-quick>summary span{display:none}.studio-ready .studio-ai #transcriptionStatus{display:none}.studio-ready #fileColumn>.card{overflow:auto}.studio-ready #fileColumn .studio-ai .studio-run .primary{padding:8px}}
@media(max-height:550px) and (min-width:601px){.studio-ready #fileColumn>.card>h2,.studio-ready #fileColumn #player,.studio-ready #fileColumn .chk,.studio-ready .studio-ai .studio-help{display:none!important}.studio-ready .studio-ai h2{display:block!important}.studio-ready #fileColumn #sourceControls{display:flex;flex-wrap:wrap}.studio-ready #fileColumn #sourceSelect{width:100%}.studio-ready #fileColumn #sourceControls button{padding:4px 8px;min-height:26px}.studio-ready .studio-sheet-input>.hint{display:none}}
@media(max-width:600px){.studio-ready #workspace-files{grid-template-columns:1fr;grid-template-rows:minmax(250px,.9fr) minmax(160px,1fr)}.studio-ready .studio-ai .studio-run .primary{width:100%}.studio-ready .studio-sheet-input{padding:12px!important}.studio-sheet-input>.hint{display:none}.studio-sheet-input>.btnrow{flex-wrap:wrap}}

/* 원본 재생·정지 토글을 한 줄 전체 폭으로 배치한다. */
.studio-ready #sourcePlay{grid-column:1/-1}