/* 결단 찬양 편집과 A4 미리보기를 좌우로 나누고 저장 목록을 표시한다. */
#closing-panel{max-width:1500px;width:100%;margin:auto;min-width:0}#closing-panel *{box-sizing:border-box}.closing-page{padding:26px 28px}.closing-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.closing-heading h1,.closing-heading h2{margin:0}.closing-heading h1{font-size:28px}.closing-builder{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px}.closing-settings,.closing-preview{min-height:0;min-width:0}.closing-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.closing-card h2,.closing-preview h2{font-size:22px;margin:0 0 18px}.closing-card input{max-width:100%}#closing-panel .hint{font-size:12px;color:var(--muted);line-height:1.6}#closing-panel button.secondary,#closing-close-saved{background:var(--surface);color:var(--accent);border:1px solid var(--line)}#closing-files{font-size:13px}#closing-order{list-style:none;padding:0;margin:16px 0 0}#closing-order li{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0}#closing-order img{width:44px;height:62px;object-fit:contain;background:white}#closing-order span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.closing-remove{min-height:28px;padding:0 8px;background:var(--surface);color:var(--accent);border:1px solid var(--line)}.closing-title-controls{display:flex;align-items:center;gap:8px;margin:16px 0}.closing-title-controls span{margin-right:auto;font-size:13px}.closing-title-controls button{padding:0;width:32px;min-height:32px}.closing-title-controls output{min-width:40px;font-size:13px;text-align:center}.closing-check{display:flex;align-items:center;gap:8px;font-size:13px}.closing-check input{width:16px;height:16px;margin:0}.closing-actions{display:flex;gap:8px;flex-wrap:wrap}#closing-delete{color:var(--error);background:var(--surface);border:1px solid var(--error)}#closing-pages{display:flex;flex-direction:column;gap:20px}.closing-paper{width:100%;max-width:460px;aspect-ratio:210/297;background:white;color:#111;padding:2.38%;margin:auto;display:flex;flex-direction:column;container-type:inline-size;box-shadow:0 1px 8px #0002}.closing-paper-title{text-align:center;font-size:var(--closing-font-size);line-height:1.4;overflow-wrap:anywhere;padding:3px 5px;flex-shrink:0}.closing-paper-cell{flex:1;min-height:0;border:1.2px solid black;padding:1%;display:flex;flex-direction:column}.closing-paper-cell img{width:100%;height:0;min-height:0;flex:1;object-fit:contain}.closing-download{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}#closing-notice{padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:13px}#closing-notice.error,#closing-saved-error{color:var(--error)}#closing-stored-name{overflow-wrap:anywhere}#closing-saved-dialog{width:calc(100% - 32px);max-width:700px;max-height:85dvh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px}#closing-saved-dialog::backdrop{background:#0008}#closing-saved-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}#closing-saved-list span{min-width:0;overflow-wrap:anywhere}#closing-saved-list small{display:block;color:var(--muted);margin-top:5px}
@media(min-width:821px){body:has(#closing-panel:not([hidden])){height:100dvh;overflow:hidden;display:flex;flex-direction:column}body:has(#closing-panel:not([hidden]))>header,body:has(#closing-panel:not([hidden]))>.tabs{flex-shrink:0}body:has(#closing-panel:not([hidden]))>footer{display:none}#closing-panel:not([hidden]){flex:1;min-height:0;overflow:hidden}.closing-page{height:100%;display:flex;flex-direction:column;min-height:0}.closing-page>.closing-heading,#closing-notice{flex-shrink:0}.closing-builder{flex:1;min-height:0}.closing-settings,.closing-preview{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:10px;padding-bottom:14px}}
@media(max-width:1050px){.closing-builder{grid-template-columns:310px minmax(0,1fr);gap:18px}.closing-page{padding:24px 18px}}@media(max-width:820px){.closing-builder{grid-template-columns:1fr}.closing-heading{flex-wrap:wrap}.closing-page{padding:20px 14px}#closing-saved-list>div{flex-wrap:wrap}}