:root{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:#242923;background:#f5f5f0;font-size:14px}*{box-sizing:border-box}body{margin:0}.top{padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dedfd8}small,.help{color:#647064}small{font-size:12px}.top h1{margin:8px 0 0;font-size:26px;font-weight:600;letter-spacing:-.05em}.topactions,.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:12px 36px;background:#e9eee6;color:#40503e;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) minmax(350px,1fr);max-width:1500px;margin:auto;gap:28px;padding:28px 36px}.controls{min-width:0}section{background:#fff;padding:24px;border:1px solid #e2e4dd;border-radius:10px;margin-bottom:16px}.sectionhead{display:flex;gap:10px;align-items:center;margin-bottom:16px}.sectionhead h2{font-size:17px;margin:0;letter-spacing:-.04em}.sectionhead>span:last-child:not(.number){margin-left:auto;font-size:11px;color:#60765b}.number{font-size:12px;color:#7c8676;font-variant-numeric:tabular-nums}.sourcebox{background:#f4f5ef;padding:18px;text-align:center;border:1px dashed #c4cbbe;border-radius:6px;margin-bottom:18px}#source-preview{line-height:1.7;padding:24px 10px}#source-preview img{max-height:240px;max-width:100%;display:block;margin:auto}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;color:#52604f;margin:10px 0}input:not([type=checkbox]):not([type=color]),select,textarea{width:100%;border:1px solid #ccd2c5;background:white;border-radius:5px;padding:10px;font:inherit;color:#242923;margin-top:5px}textarea{min-height:70px;resize:vertical}input[type=color]{display:block;margin-top:6px}button,.filebutton{border:1px solid #bdc9b5;padding:10px 13px;background:white;color:#31472c;font:inherit;font-size:12px;border-radius:5px;cursor:pointer;min-height:38px}button:hover,.filebutton:hover{background:#edf1e9}button:disabled{opacity:.45;cursor:not-allowed}.filebutton{display:inline-flex;align-items:center;justify-content:center;margin:8px 0;overflow:hidden;position:relative}.filebutton input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}.templates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.templates button{text-align:left;padding:14px;line-height:1.55;min-height:94px}.templates strong{display:block;font-size:13px}.templates small{display:block;margin-top:5px;font-size:11px}.templates button.selected{border:2px solid #42603a;background:#f0f4eb}.help{font-size:12px;line-height:1.8}.item,.block,.assetrow{padding:14px 0;border-top:1px solid #e8eae3}.itemheader,.blockhead,.assetrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.itemheader strong{font-size:13px}.item img{height:70px;max-width:120px;object-fit:contain}.item select{font-size:12px}.check{display:flex;gap:8px;align-items:flex-start;line-height:1.6}.check input{margin-top:3px}.blockhead input[type=text]{margin:0;min-width:0}.blockhead button{padding:4px 9px;min-height:32px}.blockhead .toggle{width:18px}.preview{position:sticky;top:20px;height:calc(100vh - 40px);align-self:start;background:#e9ebe4;padding:16px;border:1px solid #d8dfd2;border-radius:10px;display:flex;flex-direction:column;min-width:0}.previewhead{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:14px}.previewhead h2{font-size:14px;margin:0}.previewhead span{font-size:11px;color:#60705b}iframe{border:0;width:100%;flex:1;background:white;border-radius:4px}.issues{font-size:12px;line-height:1.8;background:#f7f2e7;padding:14px;margin:14px 0;border-radius:5px}.issues.ok{background:#edf3e8}pre{white-space:pre-wrap;word-break:break-word;background:#f2f4ef;padding:12px;font-size:11px}#status{font-size:12px;color:#3d5b32;line-height:1.7}.assetrow span{font-size:12px}.actions button:nth-last-child(-n+2){background:#314b2b;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9fb893;outline-offset:2px}@container(max-width:900px){.workspace{grid-template-columns:1fr;padding:16px;gap:12px}.top{padding:20px;display:block}.topactions{margin-top:16px}.top h1{font-size:22px}.notice{padding:12px 20px}.preview{position:relative;top:0;height:780px;grid-row:2}.templates{grid-template-columns:1fr 1fr}.controls{min-width:0}section{padding:18px}.sectionhead>span:last-child:not(.number){font-size:10px}}@container(max-width:380px){.templates,.twocol{grid-template-columns:1fr}.top h1{font-size:20px}}
body{container-type:inline-size}

/* 웹 주문으로 열 때(2026-10-18) — 숨긴 앞 칸 때문에 번호가 04부터 시작하지 않게 번호를 감춘다 */
body.order-mode .number{display:none}
/* 2026-10-18 다국어 — 언어 고르기, 아랍어(오른쪽에서 왼쪽) */#lang,#sample-pick{width:auto;margin:0;min-height:38px;padding:8px 10px;font-size:12px}[dir=rtl] .templates button{text-align:right}[dir=rtl] .sectionhead>span:last-child:not(.number){margin-left:0;margin-right:auto}