:root{--accent:#ff6f61;--ink:#24332e;--muted:#7b847e;--line:#e5e8e3;--paper:#fafbf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 'Pretendard','Noto Sans KR',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:9px 13px}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:86px;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{font-size:22px;font-weight:950;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}.brand b{font-size:11px;letter-spacing:0;font-weight:500;border-left:1px solid #ddd;margin-left:18px;padding-left:18px}.demo{font-size:10px;letter-spacing:2px}.demo i,.live i{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-left:7px}main{max-width:1560px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:end;padding:42px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);margin:0 0 12px}h1{font-size:33px;line-height:1.3;letter-spacing:-1.4px;margin:0 0 14px}h1 em{font-style:normal;font-weight:400}.intro p:last-child{color:var(--muted);margin:0}.step{font-size:11px;color:var(--accent);font-weight:700;display:flex;gap:10px;padding-bottom:4px}.step span{color:#656f69}.step b{color:#cdd2cc;margin:0 4px}.workspace{display:grid;grid-template-columns:264px minmax(300px,1fr) 268px;gap:18px;align-items:stretch}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 20px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:20px}.section-title>span{font-size:10px;color:var(--accent);font-weight:bold}.section-title h2{font-size:15px;letter-spacing:-.6px;margin:0}.section-title>small{margin-left:auto;font-size:10px;color:var(--muted)}label{display:block;font-size:12px;font-weight:650;margin:16px 0 8px}label small{font-weight:400;color:var(--muted);font-size:10px}.type-card{border:1px solid var(--accent);background:#fff6f4;border-radius:8px;padding:13px;display:flex;align-items:center;gap:10px}.type-card strong{font-size:12px}.type-card small{display:block;font-size:10px;color:var(--muted)}.box-icon{font-size:29px;color:var(--accent)}.check{margin-left:auto;color:var(--accent)}.dimensions{display:flex;gap:7px}.dimensions label{font-size:10px;margin:0;flex:1;min-width:0;color:var(--muted)}input[type=number]{width:100%;border:1px solid var(--line);border-radius:6px;padding:9px 7px;color:var(--ink);background:#fafbf9;margin-top:5px;font-weight:600}select{width:100%;padding:10px 8px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font-size:12px}.error{font-size:11px;color:#c44235;margin:3px 0;min-height:0}.swatches{display:flex;gap:6px}.swatches button{flex:1;padding:9px 2px;font-size:11px;font-weight:700}.swatches i{display:block;width:26px;height:26px;border-radius:50%;margin:0 auto 5px;border:1px solid #0001}.swatches small{display:block;font-weight:400;font-size:9px;color:var(--muted)}.swatches .selected{border-color:var(--accent);background:#fff8f6}.muted{color:var(--muted);font-size:10px;line-height:1.7}.divider{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.range-title{display:flex;align-items:center;justify-content:space-between}.range-title label{margin:0}.range-title output{color:var(--accent);font-size:12px;font-weight:bold}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:14px 0 5px}.ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}details{font-size:11px;margin-top:14px}summary{cursor:pointer;color:#59655d}details label{font-size:10px;margin-bottom:0}.preview{background:#f0f2ed;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.preview-toolbar{padding:17px;display:flex;align-items:center;justify-content:space-between}.tabs{display:flex;background:#e5e8e0;border-radius:8px;padding:3px}.tabs button{background:transparent;border:0;font-size:11px;padding:8px 12px}.tabs button.active{background:white;box-shadow:0 2px 5px #2332220a}.live{font-size:9px;letter-spacing:1px;color:#6c766d}.live i{background:#5b9777;margin:0 5px 0 0}#stage{position:relative;flex:1;min-height:460px}#viewport,#netView{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}#netView{padding:50px 20px 30px;overflow:auto}#netView>svg{width:100%;height:100%;min-height:300px}.stage-label{position:absolute;left:24px;top:8px;font-size:11px;pointer-events:none}.stage-label span{display:block;font-size:10px;color:var(--muted)}.camera-tools{position:absolute;right:16px;bottom:26px;display:flex;flex-direction:column;gap:5px}.camera-tools button{width:32px;height:32px;padding:0;border:0;background:#ffffffcf;font-size:19px}.watermark{position:absolute;bottom:24px;left:24px;font-size:10px;letter-spacing:2px;color:#a9b0a3;pointer-events:none}.preview-footer{padding:16px;display:flex;gap:7px;align-items:center;border-top:1px solid #dfe4da;font-size:10px}.preview-footer>span{flex:1;color:var(--muted)}.preview-footer b{padding:0 6px}.preview-footer button{font-size:10px;padding:7px}.net-note{font-size:9px;color:var(--muted);margin:0 16px 14px}.upload{padding:18px 8px;display:block;border:1px dashed #cdd4c9;border-radius:8px;text-align:center;cursor:pointer;background:#fafbf8}.upload>span{display:block;font-size:22px;color:var(--accent)}.upload strong{display:block;font-size:11px}.upload small{display:block;margin-top:5px;font-size:9px}.upload input{width:100%;margin-top:12px;font-size:9px}.row-buttons{display:flex;gap:5px;margin-top:9px}.row-buttons button{flex:1;font-size:10px;padding:6px 2px}.finishes label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;margin:10px 0}.finishes small{margin-left:auto;font-size:9px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}.quantity{display:flex;align-items:center;gap:10px}.quantity input{margin:0}.quantity span{font-size:11px}.summary{margin-top:22px;border:1px solid var(--line);background:white;border-radius:12px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.summary h2{font-size:19px;margin:0 0 7px;letter-spacing:-.6px}.summary .eyebrow{margin-bottom:7px;font-size:9px}.summary p:last-child{font-size:11px;color:var(--muted);margin:0}.summary-actions{display:flex;gap:9px}.summary-actions button{font-size:12px}.primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:700;padding:12px 18px}footer{padding:29px 0;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:900}footer span{font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:400}footer small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:400}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:min(550px,92vw);color:var(--ink)}dialog::backdrop{background:#1c302875}dialog h2{margin-top:0}.close{float:right;border:0;font-size:23px;padding:0}textarea{width:100%;height:300px;resize:vertical;padding:12px;border:1px solid var(--line);font-size:12px;border-radius:7px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:9px;display:none;z-index:10;font-size:12px}#loadError{position:absolute;inset:30%;background:white;padding:20px;font-size:12px;z-index:3}@media(min-width:1500px){#stage{min-height:540px}}@media(max-width:1100px){.workspace{grid-template-columns:230px minmax(260px,1fr)}.design{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.design>*{grid-column:1/-1}.step{display:none}.summary{padding:22px}}@media(max-width:700px){header{height:65px;padding:0 5%}.brand{font-size:18px}.brand b,.demo{display:none}main{padding:0 5%}.intro{padding:28px 0 22px}h1{font-size:27px}.intro p:last-child{font-size:11px}.workspace{display:flex;flex-direction:column;gap:14px}.preview{order:-1}#stage{min-height:380px}.panel{padding:20px}.design{display:block}.summary{display:block}.summary-actions{margin-top:18px}.summary-actions button{flex:1;font-size:11px}.preview-footer>span{font-size:9px}.preview-footer{padding:12px 10px}.preview-footer b{padding:0 2px}footer{flex-wrap:wrap}footer small{width:100%;margin:0}.net-note{font-size:9px}}
[hidden]{display:none!important}

.artwork-position fieldset{border:0;padding:0;margin:0;min-width:0}.artwork-position fieldset:disabled{opacity:.4}.artwork-position .range-title{margin-top:18px}.artwork-position output{font-variant-numeric:tabular-nums}.artwork-position #resetArtwork{width:100%;margin-top:10px;font-size:11px}button:disabled{cursor:default}

.compact-upload{padding:9px 10px;margin:12px 0 4px;text-align:left}.compact-upload strong{font-size:11px}.compact-upload small{font-size:9px;margin-top:2px}.compact-upload input{margin-top:6px}.text-entry textarea{height:65px;min-height:65px;font-size:12px}.text-entry button{width:100%;font-size:11px;padding:6px;margin-top:5px}.box-color,.element-color{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.box-color label,.element-color label{width:100%;margin:0;font-size:11px}input[type=color]{width:38px;height:29px;padding:2px;border:1px solid var(--line);background:white;border-radius:4px;cursor:pointer}.box-color output,.element-color output{font-size:10px;color:var(--muted)}.tint-option{display:flex;align-items:center;font-size:10px;gap:5px}.design .divider{padding-top:12px;margin-top:14px}.artwork-position .range-title{margin-top:12px}.artwork-position input[type=range]{margin-top:8px}.design #editElement{font-size:11px}.preview{align-self:start;width:100%}#stage{flex:none;height:580px}@media(max-width:700px){#stage{height:380px}}

#textEdit textarea{height:60px;min-height:60px;font-size:12px}

.settings{align-self:start}@media(min-width:1101px){.preview{position:sticky;top:16px}}

.ink-palette{border-top:1px solid var(--line);margin-top:16px;padding-top:4px}.ink-palette>label{display:flex;justify-content:space-between}.ink-palette>label small{color:var(--accent)}.ink-row{display:grid;grid-template-columns:35px 28px minmax(0,1fr) 50px;align-items:center;gap:6px;margin:10px 0}.ink-row label{font-size:10px;margin:0}.ink-row input[type=color]{width:28px;height:28px}.ink-row output{font-size:10px;font-family:monospace;font-weight:600}.ink-row button{font-size:10px;padding:6px 0}.ink-row button[aria-pressed=true]{background:#fff0ed;border-color:var(--accent);color:#d75345}#inkSelection{color:var(--accent)}

.preview-footer{flex-wrap:wrap}.preview-footer>span{min-width:120px}

.cmyk-readout{grid-column:2/4;font-size:9px;color:var(--muted)}.ink-row button{grid-column:4;grid-row:1/3}.ink-row{position:relative}.ink-row label,.ink-row input,.ink-row output{grid-row:1}

.text-style-buttons{display:flex;flex-wrap:nowrap;gap:5px}.text-style-buttons button{flex:1;white-space:nowrap;font-size:10px;padding:7px 4px}.text-style-buttons button[aria-pressed=true]{color:#d75345;background:#fff0ed;border-color:var(--accent)}.text-style-buttons #fontItalic{font-style:italic}

/* Shared inks: two columns, with each color and its action stacked. */
.ink-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ink-columns .ink-row{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:6px 0;padding:10px 7px;border:1px solid var(--line);border-radius:8px;text-align:center;min-width:0}.ink-columns .ink-row label{font-size:11px}.ink-columns .ink-row input[type=color]{width:100%;height:35px;margin:0}.ink-columns .ink-row output{font-size:10px}.ink-columns .cmyk-readout{font-size:8px;line-height:1.5;overflow-wrap:anywhere;min-height:24px}.ink-columns .ink-row button{width:100%;margin-top:auto;min-height:32px}

.text-style-buttons #fontUnderline{text-decoration:underline;text-underline-offset:3px}

.ink-picker{position:relative;height:35px}.ink-picker input{height:35px!important}.ink-picker span{display:none;pointer-events:none;position:absolute;inset:0;align-items:center;justify-content:center;font-size:10px}.no-ink .ink-picker{border:1px dashed #c8cec9;border-radius:5px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/10px 10px}.no-ink .ink-picker input{opacity:0}.no-ink .ink-picker span{display:flex;background:#ffffffe0}.ink-actions{display:flex;gap:4px;margin-top:auto}.ink-columns .ink-actions button{font-size:9px;white-space:nowrap;padding:5px 2px;min-width:0}.ink-actions button[aria-pressed=true]{background:#fff0ed;border-color:var(--accent);color:#d75345}#reportDialog{width:min(900px,95vw);max-height:90vh;padding:26px}.quote-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:12px;table-layout:fixed}.quote-table th,.quote-table td{border:1px solid var(--line);padding:10px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.quote-table th{width:120px;background:#f7f8f5}.report-net>svg{width:100%;height:auto}.report-net{border:1px solid var(--line);padding:10px;margin:15px 0}.report-actions{position:sticky;bottom:-26px;background:white;padding:15px 0;display:flex;gap:12px;align-items:center;border-top:1px solid var(--line)}.manual-board{display:inline-block;margin:15px;color:var(--ink);font-size:12px}#sendStatus{white-space:pre-line;font-size:12px}#pdfStatus{font-size:12px}.report-disclaimer{font-size:11px;color:var(--muted)}

.summary{display:block}.summary-actions{margin-top:20px;justify-content:flex-end}.customer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.customer-form label{margin:0 0 7px}.customer-form input{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fafbf9;padding:10px 12px;color:var(--ink);font-size:13px}.customer-form input:focus{border-color:var(--accent)}.customer-captcha{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.customer-captcha input{flex:1;min-width:110px}.customer-captcha img{max-width:130px;height:38px;object-fit:contain;border:1px solid var(--line);background:white}.customer-captcha button{font-size:11px;white-space:nowrap}.customer-status{grid-column:1/-1;font-size:11px!important;margin:0!important;color:var(--muted)}@media(max-width:700px){.customer-form{grid-template-columns:1fr;gap:15px}.summary-actions{justify-content:stretch}.customer-captcha{flex-wrap:wrap}}

.settings .customer-form{grid-template-columns:1fr;gap:13px;margin:0;padding:0;border:0}.settings .customer-form input{font-size:12px;padding:9px 10px}.settings .customer-captcha{flex-wrap:wrap}.settings .customer-captcha input{flex-basis:100%;width:100%}.settings .customer-captcha button{width:100%;padding:8px}.settings .customer-captcha img{max-width:100%}.settings .customer-status{font-size:10px!important}.settings .box-settings-title{margin-top:24px}

.design-add-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 8px}.design-add-title label{margin:0!important}.design .design-add-title button{width:auto;flex:none;font-size:11px;padding:6px 12px;margin:0}.design-add-title #addText{width:auto}.upload-formats{margin:0 0 5px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.captcha-loading{font-size:10px;color:var(--muted);padding:10px;border:1px solid var(--line);border-radius:4px;width:100%}.customer-captcha #loadCustomerCaptcha{width:auto}.settings .customer-captcha img{max-width:140px}.board-frame{width:100%;height:65vh;border:1px solid var(--line);background:white}#quoteDialog:has(#boardReview:not([hidden])){width:min(1000px,96vw);max-height:94vh}.captcha-loading[hidden]{display:none}

.upload-guide{margin:10px 0 0;padding:11px 12px;background:#fafbf8;border:1px solid var(--line);border-radius:7px;font-size:10px;line-height:1.7;color:#657068}.upload-guide strong{display:block;font-size:11px;color:var(--ink);margin-bottom:5px}.upload-guide ul{margin:0;padding-left:15px}.upload-guide li{margin:3px 0}.upload-guide p{margin:8px 0 0;font-size:10px;color:var(--muted)}.design-separator{height:0;border:0;border-top:1px solid #d8ded7;margin:20px 0}.design-separator+.text-entry .design-add-title{margin-top:0}

.captcha-display-row{width:100%;display:flex;align-items:center;gap:8px;min-width:0}.captcha-display-row #captchaLoading{flex:1;min-width:0;width:auto}.captcha-display-row #customerCaptchaImage{flex:1;min-width:0;max-width:calc(100% - 44px);height:38px;object-fit:contain}.settings .captcha-display-row #loadCustomerCaptcha{flex:0 0 36px;width:36px;height:38px;padding:0;font-size:25px;line-height:1}#fontStatus{min-height:17px}

.preview-downloads{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.preview-downloads button{white-space:nowrap}

.text-style-buttons button:disabled,.text-style-buttons button:disabled:hover,.text-style-buttons button[aria-pressed=true]:disabled{background:#eeeeee;color:#9bA19d;border-color:#d9ddda;box-shadow:none;cursor:not-allowed;opacity:1}
.upload-guide ul{list-style:none;padding-left:0}.upload-guide li{position:relative;padding-left:12px}.upload-guide li::before{content:"-";position:absolute;left:0;color:inherit}

.customer-form .quantity{gap:9px}.customer-form .quantity input{margin:0}.customer-form .quantity span{flex:0 0 auto;color:var(--muted)}

.upload-formats .format-types,.upload-formats .format-limit{display:block;white-space:nowrap}.upload-formats .format-limit{margin-top:4px}.upload-guide li{padding-left:0;white-space:nowrap}.upload-guide li::before{position:static;display:inline;left:auto;margin:0;padding:0;content:"-"}.upload-guide>p:last-child{white-space:nowrap}.panel-artwork{overflow:hidden}

.report-actions{justify-content:space-between;flex-wrap:wrap}.report-action-buttons{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.report-action-buttons button{min-width:82px}#pdfStatus{flex:1;min-width:0}

.remarks-title h2 label{margin:0;font:inherit;color:inherit}.remarks-title small{margin-left:auto}#remarks{display:block;width:100%;min-height:100px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:12px;line-height:1.6}#remarks:focus{outline:2px solid var(--accent);outline-offset:1px}#remarksHelp{line-height:1.6}

.upload-guide{font-size:11px}.upload-guide strong{font-size:12px}.upload-guide p{font-size:11px}.text-align-buttons{display:flex;gap:5px}.text-align-buttons button{flex:1;font-size:11px;padding:7px 4px}.text-align-buttons button[aria-pressed=true]{color:#d75345;background:#fff0ed;border-color:var(--accent)}#newTextInput,#textInput{text-align:left}

.report-net>img{display:block;width:100%;height:auto}
.ink-columns .ink-row .ink-color-body>.ink-color-chip{grid-column:1;grid-row:1}.ink-columns .ink-color-body>.cmyk-readout{grid-column:2;grid-row:1;font-size:10px}

.uploaded-images{display:grid;gap:6px;margin:8px 0}.uploaded-image{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;min-width:0}.uploaded-image.selected{border-color:var(--accent);background:#fff4f1}.uploaded-image-select{display:flex;align-items:center;gap:7px;flex:1;min-width:0;border:0;background:transparent;padding:5px;text-align:left}.uploaded-image-select img{width:30px;height:30px;object-fit:contain;background:#f4f4f0;border-radius:3px}.uploaded-image-select span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.remove-uploaded-image{width:28px;min-width:28px;height:30px;padding:0;border:0;background:transparent;font-size:20px;color:#6b746c}.remove-uploaded-image:hover{color:#d75345;background:#ffede9}

.ink-columns .ink-row{display:flex;text-align:left}.ink-columns .ink-row>label{text-align:center}.ink-color-body{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:center;min-height:54px}.ink-columns .ink-row .ink-color-chip{width:32px;height:32px;min-height:32px;aspect-ratio:1;margin:0;padding:0;border:1px solid #bfc6bd;border-radius:3px;background:#000;box-shadow:inset 0 0 0 2px #fff}.ink-columns .cmyk-readout{display:flex;flex-direction:column;gap:0;font-size:9px;line-height:1.45;min-height:0;overflow-wrap:normal;white-space:nowrap}.no-ink .ink-color-chip{background:repeating-conic-gradient(#e6e8e3 0 25%,#fff 0 50%) 0/8px 8px!important;color:#687369}.no-ink .ink-color-chip::after{content:none}.ink-columns .ink-actions{margin-top:auto}.ink-columns .ink-actions button{margin-top:0}#cmykDialog{width:min(360px,92vw);padding:24px}#cmykDialog h2{margin:0 0 20px;font-size:20px}.cmyk-editor{display:flex;gap:16px;align-items:center}#cmykPreview{width:70px;height:70px;flex-shrink:0;border:1px solid var(--line);border-radius:4px}.cmyk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cmyk-fields label{margin:0;font-size:12px}.cmyk-fields input{width:100%;margin-top:4px}.cmyk-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}#cmykError{font-size:12px;color:#c14838;line-height:1.6}

.design>.upload-guide{margin:0 0 18px}.artwork-editor-heading{padding-top:16px}.artwork-editor-heading>label{margin-bottom:4px}.artwork-editor-heading #positionHint{margin-top:0}.artwork-editor-heading+.ink-palette{margin-top:12px;padding-top:4px}.artwork-position{border-top:0;margin-top:16px;padding-top:0}.ink-color-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.ink-columns .ink-row .ink-color-title label{margin:0;font-size:11px;white-space:nowrap}.ink-columns .ink-row .ink-color-title .ink-color-chip{width:26px;height:26px;min-height:26px;aspect-ratio:1;margin:0;padding:0;border:1px solid #bfc6bd;border-radius:3px;background:#000;box-shadow:inset 0 0 0 2px #fff}.ink-color-body{display:block;min-height:34px}.ink-columns .ink-color-body>.cmyk-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-height:30px;align-items:center;font-size:9px;line-height:1.4;text-align:center;white-space:normal}.ink-columns .ink-color-body>.cmyk-readout>span{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.ink-columns .ink-color-body>.cmyk-readout strong{font-size:10px;font-weight:600}.ink-columns .no-ink .ink-color-body>.cmyk-readout{display:flex;align-items:center;justify-content:center;font-size:10px}.ink-columns .ink-row>.ink-color-title+.ink-color-body{width:100%}

#cmykDialog{max-height:92vh;overflow-y:auto}.visual-color-picker{margin-bottom:18px}#colorSpectrum{display:block;width:100%;height:auto;aspect-ratio:2;border-radius:5px;touch-action:none;cursor:crosshair;outline-offset:3px}.color-hue{display:block;width:100%;height:14px!important;min-height:14px;margin:12px 0 14px;padding:0!important;border:0;border-radius:7px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;appearance:none;-webkit-appearance:none;accent-color:#fff}.color-hue::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:20px;border:2px solid white;border-radius:4px;background:transparent;box-shadow:0 0 2px 1px #444}.color-hue::-moz-range-thumb{width:10px;height:18px;border:2px solid white;border-radius:4px;background:transparent}#colorPresets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}#colorPresets button{display:block;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px solid #cbd2c8;border-radius:4px}#colorPresets button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}#cmykDialog .cmyk-editor{padding-top:15px;border-top:1px solid var(--line)}#cmykDialog .cmyk-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:1}#cmykDialog .cmyk-fields input{padding:7px 3px;text-align:center;font-size:12px}#cmykDialog #cmykPreview{width:42px;height:42px}#cmykDialog .cmyk-editor{gap:10px}

.preview-workbench{display:grid;grid-template-columns:minmax(0,1fr)180px;min-width:0}.preview-adjustments{padding:14px;background:#fff;border-left:1px solid var(--line);max-height:580px;overflow-y:auto;min-width:0}.preview-adjustments .section-title{margin:0 0 12px;padding:0;border:0}.preview-adjustments .section-title h2{font-size:13px}.preview-adjustments .range-title label{font-size:11px}.preview-adjustments .range-title output{font-size:11px}.preview-adjustments input[type=range]{margin:10px 0 4px}.preview-adjustments .ends{font-size:9px}.preview-adjustments details{font-size:10px}.preview-selection{margin:16px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preview-selection h3{font-size:12px;margin:0 0 5px}.preview-selection p{overflow-wrap:anywhere;margin:0 0 8px}.preview-selection label{font-size:11px;margin:8px 0 4px}.preview-selection textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:5px;font-size:11px;padding:6px;min-height:65px}.preview-selection button{width:100%;font-size:10px;padding:6px;margin-top:6px}#previewTransformControls{border:0;padding:0;margin:0;min-width:0}#previewTransformControls:disabled{opacity:.4}#previewTransformControls .range-title{margin-top:14px}#previewTransformControls .range-title:first-child{margin-top:0}#previewTransformControls #resetArtwork{width:100%;font-size:10px;padding:7px 3px;margin-top:14px}#netView [data-element-id]{cursor:pointer}#netView .artwork-selected{filter:drop-shadow(0 0 1.5px #ff6f61)}#viewport canvas{cursor:grab}@media(max-width:1250px) and (min-width:701px){.preview-workbench{grid-template-columns:minmax(0,1fr)150px}.preview-adjustments{padding:11px}}@media(max-width:700px){.preview-workbench{display:flex;flex-direction:column}.preview-adjustments{max-height:none;border-left:0;border-top:1px solid var(--line);padding:16px}.preview-adjustments .preview-opening{margin-bottom:14px}#previewTransformControls{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.preview-selection textarea{min-height:60px}}

.preview-selection textarea{height:72px;min-height:72px;max-height:120px}.preview-adjustments input[type=range]{margin:7px 0 2px}#previewTransformControls .range-title{margin-top:11px}#previewTransformControls .ends{display:none}.preview-selection{margin:12px 0;padding:11px 0}

.preview-workbench{display:block}.preview-workbench #stage{width:100%}#viewportSelection{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}.camera-tools,.stage-label,.watermark{z-index:3}.editing-section{border-radius:7px}.editing-section.editing-active{outline:2px solid var(--accent);outline-offset:8px}.panel.design.editing-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}[data-edit-section] input:focus,[data-edit-section] textarea:focus,[data-edit-section] select:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:1px}.selection-outline{pointer-events:none}#netView [data-face]{cursor:pointer}#previewReplaceImage{width:100%;font-size:11px;margin:8px 0}.settings .box-settings-title{margin-top:26px}

#netZoomValue{display:block;background:#fff;border:1px solid var(--line);border-radius:5px;font-size:9px;text-align:center;padding:4px 2px;color:var(--ink)}#netView>svg{display:block;max-width:none}#netView{overscroll-behavior:contain}

.preview-face-status{display:flex;gap:6px 16px;flex-wrap:wrap;padding:11px 16px;border-top:1px solid var(--line);background:#f8f9f5;font-size:11px;color:#59685d}.preview-face-status #editingFace{color:#d75345;font-weight:650}.preview-face-status span{overflow-wrap:anywhere}#netView{cursor:grab;touch-action:none;user-select:none}#netView [data-face],#netView [data-element-id]{cursor:grab}#netView.panning,#netView.panning *{cursor:grabbing!important}@media(max-width:700px){.preview-face-status{font-size:10px;padding:10px;gap:4px 12px}}

.email-composer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px;align-items:center}.email-composer input,.email-composer select{min-width:0;width:100%;font-size:11px!important;padding:9px 5px!important;margin:0}.email-composer>span{color:var(--muted);font-size:11px}#customerEmailCustom{grid-column:1/-1}#customerPhoneError{font-size:10px;line-height:1.6;margin:4px 0 0}

.email-composer.email-direct{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.email-composer.email-direct>span{display:none}

.production-disclaimer{margin-top:15px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;background:#f6f7f3;max-width:900px}.production-disclaimer p{font-size:11px;line-height:1.8;color:#6c756c;margin:0}.production-disclaimer p+p{margin-top:7px}@media print{.preview #stage{visibility:hidden!important}}

.settings-column{display:flex;flex-direction:column;gap:18px;min-width:0;align-self:start}.settings-column>.panel{width:100%}.panel[data-edit-section].editing-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.settings.box-panel>.box-settings-title{margin-top:0;padding-top:0;border-top:0}

#quoteDialog{width:min(900px,95vw);max-height:92vh;padding:26px}#quoteDialog>h3{font-size:16px;margin-top:22px}.quote-privacy{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.quote-privacy h3{font-size:14px}.quote-privacy-text{white-space:pre-wrap;max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:12px;line-height:1.8;background:#fafbf8}.quote-privacy-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6}.quote-privacy-check input{margin-top:4px}.quote-send-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:sticky;bottom:-26px;background:#fff;border-top:1px solid var(--line);padding:15px 0;margin-top:20px}.quote-send-actions a{font-size:12px;margin-right:auto;color:var(--ink)}.quote-send-actions button{font-size:12px}#previewWatermark{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}@media(max-width:700px){#quoteDialog{padding:18px}.quote-send-actions{bottom:-18px;flex-wrap:wrap}.quote-send-actions a{width:100%}}

/* Full-width notice below quote actions. */
.summary{flex-wrap:wrap}.summary .production-disclaimer{flex:0 0 100%;width:100%;max-width:none;box-sizing:border-box;background:#fff;margin-top:18px;padding:20px 22px}.summary .production-disclaimer p{color:#d9362b;font-size:14px;line-height:1.9}.summary .production-disclaimer p+p{margin-top:8px}@media(max-width:700px){.summary .production-disclaimer{padding:16px}.summary .production-disclaimer p{font-size:13px}}

#quoteSuccessMessage{margin-right:auto;font-size:12px;line-height:1.7;overflow-wrap:anywhere}@media(max-width:700px){#quoteSuccessMessage{flex-basis:100%}}

/* Consistent completion buttons and stronger notice contrast. */
.quote-send-actions #sendBoard,.quote-send-actions #closeQuoteSuccess{width:104px;height:44px;flex:0 0 104px;padding:0 12px;box-sizing:border-box;font-weight:600;white-space:nowrap}
.quote-send-actions #closeQuoteSuccess{background:#e7e9e8;border-color:#d2d6d3;color:#343c36}
.quote-send-actions #closeQuoteSuccess:hover{background:#dce0dd;border-color:#bbc2bc}
.summary .production-disclaimer{background:#f3f4f3;border-color:#d9ded9}
.summary .production-disclaimer p{color:#c62c27;font-weight:600}

header .demo{margin-left:auto}.how-to-button{margin-left:18px;white-space:nowrap;font-size:12px;font-weight:600;border-color:#dce1dc}
#howToDialog{width:min(780px,94vw);max-height:90vh;padding:26px;overflow:auto}
.how-to-header{display:flex;align-items:flex-start;gap:16px}.how-to-header>div{min-width:0;flex:1}.how-to-header .eyebrow{font-size:10px;margin:0 0 8px}.how-to-header h2{font-size:23px;margin:0 0 10px;line-height:1.4}.how-to-header p{font-size:13px;margin:0;color:var(--muted)}.how-to-header form{margin:0}
.how-to-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.how-to-steps>li{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:9px;padding:17px;background:#fafbf9}.how-to-number{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0ee;color:#ce5146;font-size:11px;font-weight:700}.how-to-steps h3{font-size:15px;line-height:1.5;margin:3px 0 9px}.how-to-steps p{font-size:13px;line-height:1.9;margin:0}.how-to-steps p+p{margin-top:8px}.how-to-steps p.muted{font-size:12px}.how-to-note{font-size:12px;line-height:1.9;padding:14px;background:#f3f4f3;border-radius:7px;color:#b8362f}.how-to-footer{position:sticky;bottom:-26px;display:flex;justify-content:flex-end;margin-top:18px;padding:14px 0;background:white;border-top:1px solid var(--line)}.how-to-footer button{min-width:104px;height:44px;background:#e7e9e8;border-color:#d2d6d3;font-weight:600}
@media(max-width:700px){.how-to-button{margin-left:10px;padding:7px 10px;font-size:11px}#howToDialog{padding:18px}.how-to-header h2{font-size:20px}.how-to-steps>li{padding:13px;gap:10px}.how-to-number{flex-basis:28px;width:28px;height:28px}.how-to-footer{bottom:-18px}}

.intro-description{display:flex;align-items:center;gap:12px}.intro-description p{min-width:0;margin:0;font-size:13px;color:var(--muted)}.intro-description .how-to-button{margin:0;flex:0 0 auto}.intro>div:first-child{min-width:0}
.upload-guide .image-resolution-note{color:#ad443b;margin-top:9px;font-weight:500;line-height:1.8}
.how-to-steps>li>div{min-width:0}.how-to-figure{margin:12px 0 14px}.how-to-image-open{display:block;width:100%;padding:10px;border:1px solid #e0e5df;background:#fff;border-radius:7px;cursor:zoom-in}.how-to-image-open img{display:block;max-width:100%;width:auto;max-height:340px;object-fit:contain;margin:0 auto}.how-to-figure figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:6px}
#howToImageDialog{width:min(1100px,96vw);max-height:92vh;padding:20px;overflow:auto}.how-to-image-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.how-to-image-header h2{font-size:18px;margin:0 0 18px}.how-to-image-header form{margin:0}#howToImageLarge{display:block;max-width:100%;height:auto;margin:auto}#howToImageDialog .how-to-footer{bottom:-20px}
@media(max-width:700px){.intro-description{gap:9px}.intro-description p{font-size:11px;line-height:1.8;flex:1}.intro-description .how-to-button{font-size:10px;padding:7px 9px}.how-to-image-open{padding:6px}.how-to-image-open img{max-height:290px}#howToImageDialog{padding:16px}#howToImageDialog .how-to-footer{bottom:-16px}}

.stage-label{font-size:14px;line-height:1.7;max-width:calc(100% - 48px)}.stage-label span{font-size:13px;color:#67736a}
.preview-footer{font-size:13px;line-height:1.8}.preview-footer>span{font-size:13px}.preview-footer button{font-size:13px;padding:8px 10px}.net-note{font-size:12px;line-height:1.9}
@media(max-width:700px){.stage-label{font-size:13px}.stage-label span{font-size:12px}.preview-footer>span,.preview-footer button{font-size:12px}.net-note{font-size:11px}}

.upload-guide p.image-resolution-note{white-space:normal;overflow-wrap:anywhere}

/* Titles span the row; image and explanation begin at the number's left edge. */
#howToDialog{width:min(960px,94vw)}
.how-to-steps>li{display:block;padding:20px}
.how-to-step-title{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.how-to-step-title h3{margin:0;font-size:16px;line-height:1.6}
.how-to-step-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:start;width:100%}
.how-to-step-body>.how-to-figure{margin:0;min-width:0}.how-to-copy{min-width:0}
.how-to-step-body .how-to-image-open img{max-height:560px}.how-to-copy p{font-size:13px;line-height:1.9}
.how-to-copy p+p{margin-top:12px}
@media(max-width:700px){.how-to-steps>li{padding:13px}.how-to-step-title{gap:9px;margin-bottom:13px}.how-to-step-title h3{font-size:14px}.how-to-step-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px}.how-to-copy p{font-size:12px;line-height:1.85}.how-to-copy p.muted{font-size:11px}.how-to-step-body .how-to-image-open img{max-height:450px}.how-to-figure figcaption{font-size:10px}}

/* Slightly larger supporting copy in the settings and design panels. */
.settings p.muted,.design p.muted{font-size:12px;line-height:1.85;white-space:normal;overflow-wrap:anywhere}
.customer-form .customer-status{font-size:12px!important;line-height:1.85}
.design #inkSelection{font-size:12px;line-height:1.85}.upload-guide p.image-resolution-note{font-size:12px;line-height:1.85}
@media(max-width:700px){.settings p.muted,.design p.muted,.design #inkSelection,.upload-guide p.image-resolution-note{font-size:11px}.customer-form .customer-status{font-size:11px!important}}

.how-to-step-body{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.how-to-step-body .how-to-image-open img{max-height:520px}
.how-to-fields{margin:0}.how-to-fields>div+div{margin-top:13px}.how-to-fields dt{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;font-weight:700;color:var(--ink)}.how-to-field-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#fff0ed;color:#c94f42;font:700 11px/1 Arial,sans-serif}.how-to-fields dd{margin:5px 0 0 29px;font-size:13px;line-height:1.9;color:#445148}.how-to-fields+.muted{margin-top:14px}
@media(max-width:700px){.how-to-step-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.how-to-step-body .how-to-image-open img{max-height:420px}.how-to-fields dt,.how-to-fields dd{font-size:12px}.how-to-fields dt{gap:6px}.how-to-field-number{width:18px;height:18px;flex-basis:18px;font-size:10px}.how-to-fields dd{margin-left:24px}}