@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&display=swap";:root{--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-accent: #5980a6;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--color-neutral-100: #f5f5f8;--color-neutral-300: #d4d4d7;--color-neutral-400: #b7b7ba;--color-neutral-500: #98989b;--color-neutral-600: #7a7a7d;--color-neutral-700: #5d5d60;--color-neutral-800: #424244;--color-accent-100: #eef6ff;--color-accent-300: #b5d9fd;--color-accent-600: #597ea3;--color-accent-700: #416180;--color-accent-800: #2c455d;--color-accent-900: #1d2d3d;--font-heading: "Barlow Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif;--space-1: 3.4px;--space-2: 6.8px;--space-3: 10.2px;--space-4: 13.6px;--radius-md: 4px;--shadow-lg: 0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent)}html,body{margin:0;padding:0;background:var(--color-bg)}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);font-size:15px}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}.blueprint{position:relative;border:1px solid var(--color-divider);border-radius:0}.blueprint>.corner{position:absolute;width:11px;height:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.blueprint>.corner:before,.blueprint>.corner:after{content:"";position:absolute;background:currentColor}.blueprint>.corner:before{left:5px;top:0;width:1px;height:100%}.blueprint>.corner:after{top:5px;left:0;width:100%;height:1px}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid var(--color-divider);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:disabled{background:var(--color-neutral-400);border-color:var(--color-neutral-400);color:var(--color-neutral-700)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent-700);border-color:transparent;padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-block{width:100%}.btn-danger{color:#c0281f;border-color:color-mix(in srgb,#c0281f 45%,transparent)}.btn-danger:hover{background:color-mix(in srgb,#c0281f 10%,transparent)}.field>label{display:flex;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline:none}textarea.input{resize:vertical;font-family:inherit}.combobox-row{display:flex;gap:6px;align-items:flex-start}.combobox{position:relative;flex:1;min-width:0}.combobox-dropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:240px;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.btn-quick{flex:none;min-height:36px;padding:0 10px;font-size:12px;white-space:nowrap}.btn-quick.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.combobox-option{padding:7px 10px;font-size:13.5px;cursor:pointer}.combobox-option.highlight{background:var(--color-accent-100);color:var(--color-accent-800)}.combobox-option.selected{font-weight:600}.combobox-empty{padding:8px 10px;font-size:12.5px;color:var(--color-neutral-600)}.seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:3px}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@font-face{font-family:Suseong;src:url(/fonts/SuseongDotum.otf) format("opentype")}@font-face{font-family:PretendardLight;src:url(/fonts/Pretendard-Light.otf) format("opentype");font-weight:300}@font-face{font-family:Oswald;src:url(/fonts/Oswald-VariableFont_wght.ttf) format("truetype-variations")}.sheet{position:relative;width:340.5pt;height:226.5pt;transform-origin:top left;background-color:#fff;background-size:100% 100%;background-repeat:no-repeat;box-shadow:var(--shadow-lg);font-family:PretendardLight,sans-serif;color:#000}.sheet.tpl-완제품_인쇄용{background-image:url(/template-svg/%EC%99%84%EC%A0%9C%ED%92%88_%EC%9D%B8%EC%87%84%EC%9A%A9.svg)}.sheet.tpl-완제품_베어본_인쇄용{background-image:url(/template-svg/%EC%99%84%EC%A0%9C%ED%92%88_%EB%B2%A0%EC%96%B4%EB%B3%B8_%EC%9D%B8%EC%87%84%EC%9A%A9.svg)}.sheet.tpl-커스텀_인쇄용{background-image:url(/template-svg/%EC%BB%A4%EC%8A%A4%ED%85%80_%EC%9D%B8%EC%87%84%EC%9A%A9.svg)}.box{position:absolute;overflow:hidden;display:flex;line-height:1.15;color:#000}.align-left{justify-content:flex-start;text-align:left}.align-center{justify-content:center;text-align:center}.valign-center{align-items:center}.valign-top{align-items:flex-start}.f-manufacturer{left:15.5pt;top:29pt;width:52pt;height:16pt;font-size:14pt}.f-title{left:15.5pt;top:31pt;width:253pt;height:43pt;font-family:Suseong;font-size:24pt;white-space:nowrap}.f-color{left:15.5pt;top:65pt;width:197pt;height:11pt;font-size:9.1pt;white-space:nowrap}.f-total{left:15.5pt;top:82.5pt;width:197pt;height:24.5pt;font-size:20pt;white-space:nowrap}.f-total .num{font-family:Oswald}.f-total .suffix{font-family:PretendardLight}.f-total .note{font-family:PretendardLight;font-size:.5em;color:#7a7a7d}.f-total.no-price{font-size:14pt;white-space:normal}.f-switch-name{left:47.58pt;top:110.68pt;width:60.1pt;height:22.65pt;font-size:8pt}.f-switch-option{left:107.68pt;top:110.68pt;width:43.15pt;height:22.65pt;font-size:8pt}.f-switch-price{left:150.83pt;top:110.68pt;width:64.17pt;height:22.65pt;font-size:12pt}.f-keycap-name{left:47.58pt;top:133.33pt;width:60.1pt;height:21.75pt;font-size:8pt}.f-keycap-option{left:107.68pt;top:133.33pt;width:43.15pt;height:21.75pt;font-size:8pt}.f-keycap-price{left:150.83pt;top:133.33pt;width:64.17pt;height:21.75pt;font-size:12pt}.f-barebone-name{left:47.58pt;top:155.08pt;width:60.1pt;height:21.75pt;font-size:8pt}.f-barebone-option{left:107.68pt;top:155.08pt;width:43.15pt;height:21.75pt;font-size:8pt}.f-barebone-price{left:150.83pt;top:155.08pt;width:64.17pt;height:21.75pt;font-size:12pt}.f-description{left:5pt;top:178.5pt;width:211.5pt;height:41pt;font-size:7pt;white-space:pre-wrap;align-items:flex-start}.price-box{position:absolute;top:2pt;bottom:2pt;left:8pt;right:0;border-radius:5pt;padding:0 4pt;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;color:#000}.price-box.has-price{background:#88fa9f}.price-box.no-price{background:#ffcd4a}.f-qr{left:225pt;top:94pt;width:110pt;height:100pt;justify-content:center;align-items:center}.f-qr .qr-inner{width:100pt;height:100pt;background:#fff;padding:3pt;border:1px solid var(--color-neutral-300)}.f-qr .qr-inner img{display:block;width:100%;height:100%}[data-barebone-only]{display:none}.has-barebone [data-barebone-only]{display:flex}.notices-overlay{position:absolute;left:5pt;right:5pt;bottom:2pt;display:flex;flex-direction:column;gap:1pt}.notices-overlay .notice-line{font-size:5.5pt;line-height:1.3;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-sheet{position:relative;width:340.5pt;height:226.5pt;transform-origin:top left;background:#fff;box-shadow:var(--shadow-lg);font-family:Pretendard,var(--font-body),sans-serif;color:var(--color-text);border:.75pt solid #000}.cd-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cd-band{position:absolute;left:0;top:0;right:0;height:7pt;background:var(--color-accent-900)}.cd-kind-bg{position:absolute;top:-28pt;right:-23pt;width:100pt;height:76pt;border-radius:50%;border:2.5pt solid var(--color-text);filter:drop-shadow(0 3px 4px color-mix(in srgb,#1d1f20 30%,transparent))}.cd-kind{position:absolute;top:-18pt;right:-18pt;width:100pt;height:76pt;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1pt;padding:8pt;color:var(--color-text)}.cd-kind-label{font-size:14pt;font-weight:700;letter-spacing:.02em}.cd-kind-sub{font-size:9.5pt;opacity:.85}.cd-brand{position:absolute;left:11pt;top:20pt;font-size:7pt;letter-spacing:.06em;color:var(--color-neutral-600);white-space:nowrap}.cd-brand-note{position:absolute;top:20pt;font-size:7pt;color:var(--color-neutral-600);white-space:nowrap}.cd-title{position:absolute;left:11pt;top:30pt;font-size:24pt;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-color{position:absolute;left:11pt;top:60pt;font-size:10.4pt;color:var(--color-neutral-600);white-space:nowrap}.cd-total{position:absolute;left:11pt;top:74pt;display:flex;align-items:baseline;gap:3pt}.cd-total-num{font-family:Oswald,sans-serif;font-weight:600;font-size:22pt;letter-spacing:-.01em}.cd-total-suffix{font-size:22pt}.cd-total-note{font-size:11pt;color:#7a7a7d}.cd-rows{position:absolute;left:11pt;top:110pt;width:216pt;display:flex;flex-direction:column;gap:3pt}.cd-row{display:flex;align-items:center;gap:3pt;height:17pt;padding-top:2pt}.cd-row.ruled{border-top:1px solid var(--color-divider)}.cd-row-label{width:26pt;flex:none;font-size:7pt;color:var(--color-neutral-600)}.cd-row-name{flex:1;min-width:0;height:15pt;display:flex;align-items:center;font-size:8.5pt;font-weight:600;line-height:1.15;overflow:hidden}.cd-row-option{width:46pt;height:15pt;flex:none;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-size:8.5pt;color:var(--color-neutral-700);overflow:hidden}.cd-row-badge{width:58pt;flex:none;height:15pt;display:flex;align-items:center;justify-content:center;font-size:11.05pt;font-weight:600;border-radius:5pt;color:var(--color-text)}.cd-qr{position:absolute;left:240pt;top:96pt;width:88pt;display:flex;flex-direction:column;align-items:center;gap:3pt}.cd-qr-inner{width:88pt;height:88pt;background:#fff;padding:3pt;border:1px solid var(--color-neutral-300)}.cd-qr-inner img{display:block;width:100%;height:100%}.cd-qr-caption{font-size:6pt;line-height:1.35;color:var(--color-neutral-600);text-align:center;white-space:nowrap}.cd-desc{position:absolute;left:11pt;top:172pt;width:216pt;font-size:7pt;line-height:1.45;color:var(--color-neutral-800);overflow:hidden;max-height:31pt;white-space:pre-wrap}.cd-notices{position:absolute;left:11pt;top:205pt;right:11pt;display:flex;flex-direction:column;gap:1pt}.cd-notice-line{font-size:6pt;line-height:1.35;color:var(--color-neutral-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app{display:flex;flex-direction:column;height:100vh}.topbar{height:58px;flex:none;display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--color-divider)}.brand{display:flex;align-items:baseline;gap:9px}.brand-name{font-family:var(--font-heading);font-weight:600;font-size:19px;letter-spacing:.01em}.brand-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.topbar-tpl{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600)}.topbar-note{font-size:11.5px;color:var(--color-neutral-600)}.topbar-layout{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--color-divider)}.topbar-actions{display:flex;gap:9px;padding-left:18px;border-left:1px solid var(--color-divider)}.topbar-actions .btn{font-size:13px}.main{flex:1;display:flex;min-height:0}.sidebar{width:424px;flex:none;border-right:1px solid var(--color-divider);display:flex;flex-direction:column;min-height:0}.sidebar-scroll{flex:1;overflow-y:auto}.panel{padding:18px 20px 20px;border-bottom:1px solid var(--color-divider)}.panel-last{padding-bottom:24px}.panel-title{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);font-family:var(--font-body);font-weight:400}.panel-num{font-family:Oswald,sans-serif;font-size:11px;color:var(--color-accent);text-transform:none;letter-spacing:0}.panel-title-meta{margin-left:auto;font-size:11px;color:var(--color-neutral-600);text-transform:none;letter-spacing:0}.panel-sub{margin-top:9px;display:flex;align-items:center;gap:8px}.stack{display:flex;flex-direction:column;gap:11px}.row-inline{display:flex;gap:8px}.row-inline>.input{flex:1;min-width:0}.row-inline>.btn{flex:none}.input-title{font-size:15px;font-weight:500}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.step-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 8px 8px;cursor:pointer;background:transparent;border:1px solid var(--color-divider);border-top:2px solid transparent;font-family:inherit;text-align:left}.step-btn .step-num{font-family:Oswald,sans-serif;font-size:10.5px;color:var(--color-neutral-500)}.step-btn .step-label{font-size:12px;font-weight:500}.step-btn .step-meta{font-family:Oswald,sans-serif;font-size:10.5px;color:var(--color-neutral-600)}.step-btn.active{background:var(--color-accent-100);border-color:var(--color-accent-300);border-top-color:var(--color-accent)}.step-btn.active .step-num,.step-btn.active .step-meta{color:var(--color-accent-700)}.step-btn.active .step-label{color:var(--color-accent-800)}.manual-price{flex:none;display:flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:1px solid var(--color-divider)}.manual-price input{flex:1;min-width:0;border:none;background:transparent;text-align:right;font-family:Oswald,sans-serif;font-size:14px;padding:0;color:var(--color-text)}.manual-price input:focus-visible{outline:none}.manual-price span{flex:none;font-size:12px;color:var(--color-neutral-600)}.checkline{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:8px;font-size:12.5px}.checkline input{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.pack-row{display:flex;align-items:flex-end;gap:10px}.stepper{display:flex;align-items:center;border:1px solid var(--color-divider)}.stepper-btn{width:32px;height:36px;border:none;background:transparent;font-size:16px;cursor:pointer;color:var(--color-neutral-700)}.stepper span{min-width:46px;text-align:center;font-family:Oswald,sans-serif;font-size:14px}.pack-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-bottom:3px}.price-line{font-family:Oswald,sans-serif;font-size:15px}.hint{font-size:11.5px;color:var(--color-neutral-600);line-height:1.5}.baseline-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.extra-row,.notice-row{display:flex;gap:8px;align-items:center}.notice-num{flex:none;font-family:Oswald,sans-serif;font-size:11px;color:var(--color-neutral-500)}.mono-fs{font-family:Oswald,sans-serif;font-size:12.5px}.preview-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-surface)}.preview-toolbar{height:40px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--color-divider)}.zoom-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-icon{width:28px;height:28px;padding:0;font-size:14px}.preview-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;min-height:0;overflow:auto}.btn-dashed{border-style:dashed;font-size:12.5px}