/* 찬양 악보 편집과 PDF 종이 미리보기를 다른 탭에 영향을 주지 않고 배치한다. */
#scores-panel{max-width:1500px;width:100%;margin:auto;min-width:0}#scores-panel *{box-sizing:border-box}#scores-panel .page{padding:30px 32px 24px}#scores-panel .page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}#scores-panel .page-title h1{font-size:28px;margin:0 0 8px}#scores-panel .page-title p{font-size:14px;color:var(--muted);margin:0}
#scores-panel .builder{display:grid;grid-template-columns:370px minmax(0,1fr);gap:30px}#scores-panel .settings,#scores-panel .settings-scroll{display:flex;flex-direction:column;gap:18px;min-height:0}#scores-panel .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;flex-shrink:0}#scores-panel .section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}#scores-panel .section-heading h2{font-size:18px;margin:0}#scores-panel .section-heading span{font-size:13px;color:var(--muted)}#scores-panel .hint{font-size:12px;color:var(--muted);line-height:1.7}
#scores-panel button{font-size:13px}#scores-panel button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--line)}#scores-panel button:disabled{opacity:.45}#scores-panel .title-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}#scores-panel .title-controls label{margin:0}#scores-panel .title-size-controls{display:flex;align-items:center;gap:8px}#scores-panel .title-size-controls output{min-width:40px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}#scores-panel .title-size-controls button{width:32px;min-height:32px;padding:0;font-size:20px}
#score-score-order{list-style:none;padding:0;margin:16px 0 0}#score-score-order li{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0}#scores-panel .thumb{width:43px;height:60px;object-fit:contain;background:white;border:1px solid #ddd;flex-shrink:0}#scores-panel .score-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}#scores-panel .score-name b{display:block}#scores-panel .score-name small{font-size:11px;color:var(--muted)}#scores-panel .order-controls{display:flex;flex-direction:column;gap:3px}#scores-panel .order-controls button{background:transparent;color:var(--accent);min-height:25px;padding:0 6px;border:0}#scores-panel .check{display:flex;align-items:center;gap:8px;margin:0}#scores-panel .check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}#score-closing-card{display:flex;align-items:center;gap:12px;margin:15px 0}
#scores-panel .preview-panel{padding:0;min-width:0;border:0;background:var(--canvas)}#scores-panel .preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}#scores-panel .preview-heading h2{font-size:25px;margin:0}#score-summary{font-size:13px;color:var(--muted)}#scores-panel .output-tabs{display:flex;gap:8px;background:var(--secondary);border:1px solid var(--line);border-radius:12px;padding:5px}#scores-panel .output-tabs button{flex:1;min-height:36px;background:transparent;color:var(--muted);border:0;border-radius:8px}#scores-panel .output-tabs button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0002}
#score-pages{display:flex;flex-direction:column;gap:20px;margin-top:18px}#scores-panel .paper-wrapper{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px}#scores-panel .paper-caption{font-size:12px;color:var(--muted);margin-bottom:12px}#scores-panel .paper{background:white;color:#111;aspect-ratio:420/297;display:flex;flex-direction:column;container-type:inline-size;padding:1.19%;box-shadow:0 1px 8px #0002}#scores-panel .paper.single{aspect-ratio:210/297;max-width:460px;width:100%;padding:2.38%;margin:auto}#scores-panel .paper-title,#scores-panel .closing-title{flex-shrink:0;text-align:center;color:#111;font-size:var(--title-font-size);font-family:'Malgun Gothic',Arial,sans-serif;font-weight:400;line-height:1.4;overflow-wrap:anywhere;padding:3px 5px 3px}#scores-panel .paper-scores{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}#scores-panel .single .paper-scores{grid-template-columns:1fr}#scores-panel .score-cell{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #333;padding:1%;overflow:hidden}#scores-panel .score-cell+.score-cell{border-left:0}#scores-panel .score-cell img{width:100%;height:0;min-height:0;flex:1;object-fit:contain}#scores-panel .download-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
#score-notice{background:var(--surface);border:1px solid var(--line);padding:12px 16px;border-radius:10px;font-size:13px}#score-notice.error{color:var(--error)}#score-saved-dialog{width:calc(100% - 36px);max-width:640px;max-height:85dvh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}#score-saved-dialog::backdrop{background:#0008}#score-saved-dialog h2{font-size:23px}#score-saved-dialog .hint{font-size:13px;color:var(--muted)}#score-saved-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}#score-saved-list span{min-width:0;overflow-wrap:anywhere}#score-saved-list button{white-space:nowrap;flex-shrink:0}#score-close-saved{margin-top:20px}
.tabs{overflow-x:auto}.tabs [data-tab]{flex-shrink:0;white-space:nowrap}
@media(min-width:821px){body:has(#scores-panel:not([hidden])){height:100dvh;overflow:hidden;display:flex;flex-direction:column}body:has(#scores-panel:not([hidden]))>header,body:has(#scores-panel:not([hidden]))>.tabs{flex-shrink:0}body:has(#scores-panel:not([hidden]))>footer{display:none}#scores-panel:not([hidden]){flex:1;min-height:0;overflow:hidden}#scores-panel .page{height:100%;display:flex;flex-direction:column;min-height:0}#scores-panel .page-title,#score-notice{flex-shrink:0}#scores-panel .builder{flex:1;min-height:0}#scores-panel .settings-scroll,#scores-panel .preview-panel{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:10px;padding-bottom:12px}}
@media(max-width:1050px){#scores-panel .builder{grid-template-columns:330px minmax(0,1fr);gap:18px}#scores-panel .page{padding:24px 18px}#scores-panel .preview-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){#scores-panel .builder{grid-template-columns:1fr}#scores-panel .page-title{align-items:flex-start}#scores-panel .page-title button{flex-shrink:0;font-size:12px}#scores-panel .page-title h1{font-size:25px}}

#score-saved-error{color:var(--error);font-size:13px}

#score-stored-set{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}#score-stored-title{min-width:0;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}#scores-panel #score-delete-set{flex-shrink:0;padding:5px 10px;min-height:32px;background:var(--surface);color:#c62828;border:1px solid #c62828;font-size:12px}#score-delete-dialog{width:calc(100% - 36px);max-width:460px;max-height:85dvh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}#score-delete-dialog::backdrop{background:#0008}#score-delete-dialog h2{font-size:23px}#score-delete-title{font-weight:600;overflow-wrap:anywhere}#score-delete-error{color:var(--error);font-size:13px}.score-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#score-delete-cancel{background:var(--surface);color:var(--ink);border:1px solid var(--line)}#score-delete-confirm{background:#c62828;color:white}

#score-stored-set{flex-wrap:wrap}.score-stored-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}#scores-panel #score-update-set{padding:5px 10px;min-height:32px;font-size:12px}