:root{color-scheme:light;--잉크: #111315;--흐린잉크: #6b7076;--옅은잉크: #8b9096;--선: #c9ccd0;--연선: #e6e8ea;--초록: #116b45;--초록연: #edf6f1;--피디에프: #d4241a;--빨강: #c0301a;--빨강연: #fdf2f0;--노랑: #8a6410;--노랑연: #fbf5e8;--바탕: #ffffff;--눌린바탕: #f0f1f2;--가로폭: 1240px;--단여백: 20px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}[hidden]{display:none!important}body{background:var(--바탕);color:var(--잉크);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-text-size-adjust:100%}input[type=number],input[type=text],.코드,.요약 dd{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.머리말{max-width:var(--가로폭);margin:0 auto;padding:22px var(--단여백) 14px;border-bottom:1px solid var(--선)}.머리말 h1{display:flex;align-items:center;gap:9px;margin:0;font-size:16px;font-weight:600}.로고{flex:none;display:block}.본문{display:grid;grid-template-columns:1fr;gap:36px;max-width:var(--가로폭);margin:0 auto;padding:26px var(--단여백) 64px;align-items:start}.패널{min-width:0}.패널제목{margin:0 0 20px;padding-bottom:7px;border-bottom:1px solid var(--잉크);font-size:12px;font-weight:600;color:var(--잉크)}@media(min-width:900px){.본문{grid-template-columns:320px minmax(0,1fr);grid-template-rows:min-content min-content auto;column-gap:48px;row-gap:26px}.설정패널{grid-column:1;grid-row:1}.주문패널{grid-column:1;grid-row:2}.미리보기패널{grid-column:2;grid-row:1 / -1;align-self:start;position:sticky;top:26px}}@media(min-width:1120px){.본문{grid-template-columns:360px minmax(0,1fr)}}.항목{margin-bottom:20px}.항목:last-child{margin-bottom:0}.항목:has(.알림문구:not([hidden])),.항목:has(.오류문구:not([hidden])){margin-bottom:28px}.항목제목{display:block;margin-bottom:6px;font-size:13px;font-weight:500}.윗여백{margin-top:18px}.묶음{margin-top:30px}.묶음제목{margin:0 0 16px;font-size:12px;font-weight:600;color:var(--흐린잉크)}.두칸{display:grid;grid-template-columns:1fr 1fr;gap:10px}.작은라벨{display:block;font-size:12px;color:var(--흐린잉크)}.작은라벨 input{margin-top:4px}input[type=number],input[type=text],select{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--선);border-radius:0;background:var(--바탕);color:var(--잉크);font-size:14px;line-height:1.4}select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--잉크) 50%),linear-gradient(135deg,var(--잉크) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}input:hover:not(:disabled),select:hover{border-color:var(--흐린잉크)}input:focus-visible,select:focus-visible,button:focus-visible{position:relative;z-index:1;border-color:var(--초록);outline:1px solid var(--초록);outline-offset:0}input:disabled{background:var(--눌린바탕);color:var(--옅은잉크)}.체크줄{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.체크줄 input[type=checkbox]{flex:none;width:15px;height:15px;margin:3px 0 0;accent-color:var(--잉크)}.도움말{margin:5px 0 0;font-size:12px;line-height:1.5;color:var(--흐린잉크)}.안내문{margin:12px 0 0;font-size:12.5px;line-height:1.55;color:var(--흐린잉크)}.오류문구,.알림문구{margin:6px 0 0;font-size:12.5px;line-height:1.5}.오류문구{color:var(--빨강)}.알림문구{color:var(--노랑)}.큰오류{margin:0 0 18px;padding:11px 12px;background:var(--빨강연);font-size:13px;font-weight:500}.단추{min-height:36px;padding:7px 14px;border:1px solid var(--잉크);border-radius:0;background:var(--바탕);color:var(--잉크);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer}.단추:hover:not(:disabled){border-color:var(--초록);background:var(--초록연);color:var(--초록)}.단추:disabled{border-color:var(--선);color:var(--옅은잉크);cursor:not-allowed}.단추줄{display:flex;gap:8px;margin-top:26px}.누름단추{flex:none}.누름단추[aria-pressed=true]{border-color:var(--초록);background:var(--초록연);color:var(--초록);font-weight:600}.누름단추[aria-pressed=true]:hover{background:#dcede4}.누름단추[aria-pressed=false]{border-color:var(--선);color:var(--옅은잉크)}.누름단추[aria-pressed=false]:hover{border-color:var(--흐린잉크);background:var(--눌린바탕);color:var(--흐린잉크)}.단추줄 .주단추{flex:1;margin-top:0}.주단추{display:block;width:100%;margin-top:26px;background:var(--잉크);color:var(--바탕)}.주단추{border-color:var(--피디에프);background:var(--피디에프)}.주단추:hover:not(:disabled){border-color:#ad1c13;background:#ad1c13;color:var(--바탕)}.주단추:disabled{border-color:var(--선);background:var(--눌린바탕);color:var(--옅은잉크)}.보조단추{display:block;width:100%;margin-top:18px}.코드줄{display:flex;gap:6px}.코드줄 .단추{flex:none}.코드{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--선);background:var(--눌린바탕);font-size:14px;word-break:break-all;line-height:1.4}.미리보기틀{display:flex;align-items:center;justify-content:center;min-height:260px;padding:0}.미리보기틀 svg{display:block;width:auto;height:auto;max-width:100%;max-height:68vh;border:1px solid var(--선)}.미리보기틀.흐림{opacity:.35}.빈미리보기{margin:0;font-size:13px;color:var(--옅은잉크)}.요약{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px 20px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--연선);font-size:12.5px}.요약 dt{margin:0;color:var(--흐린잉크);font-size:11.5px}.요약 dd{margin:2px 0 0}.요약>div{min-width:0}.요약 .힘줌{font-weight:600}@media(max-width:899px){.본문{gap:30px;padding-bottom:44px}input[type=number],input[type=text],select,.단추{min-height:40px;font-size:16px}.미리보기틀 svg{max-height:52vh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}