:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#202721;background:#f5f5f0;font-size:14px;--green:#19734e;--cream:#f5f5f0;--ink:#202721;--border:#dde2d9;--muted:#687368;--bar:72px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 14px;font-weight:750}button:hover:not(:disabled){border-color:var(--green)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #85b9e6;outline-offset:2px}.primary{background:var(--green);border-color:var(--green);color:#fff}.studio-header{height:60px;display:flex;align-items:center;gap:20px;padding:9px 24px;background:#fff;border-bottom:1px solid var(--border)}.studio-brand img{width:190px;height:40px;object-fit:contain;object-position:left}.studio-header>span{margin-left:auto;font-size:11px;letter-spacing:1.5px;font-weight:850;color:#687368}.studio-header>button{padding:8px 12px}.eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:1.3px;font-weight:850;color:#687368}h2{font-size:20px;margin:0 0 5px;line-height:1.2}h3{font-size:12px;margin:18px 0 7px}.muted,small{font-size:12px;color:var(--muted);line-height:1.45}a{color:var(--green)}label{display:block;font-size:12px;font-weight:750;margin:13px 0 6px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:9px;background:#fff}textarea{resize:vertical}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}#status{position:fixed;z-index:20;left:50%;top:66px;transform:translateX(-50%);margin:0;padding:7px 12px;border-radius:99px;background:#fff;box-shadow:0 4px 18px #0002;font-size:12px}#status:empty{display:none}.workspace{height:calc(100vh - 60px - var(--bar));display:grid;grid-template-columns:200px minmax(500px,1fr) 380px}.step-rail{padding:22px 12px;border-right:1px solid var(--border);background:#fff}.step-rail .eyebrow{padding:0 12px 12px}.step-tab{display:flex;width:100%;align-items:center;gap:10px;margin:3px 0;border:0;background:transparent;color:#687368;text-align:left}.step-tab span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0f1ed;color:var(--ink)}.step-tab.active{background:#e5f1ea;color:var(--green)}.step-tab.active span{background:var(--green);color:white}.step-tab.complete span{background:#cfe8dc;color:var(--green)}.canvas-zone{min-width:0;display:flex;flex-direction:column;align-items:center;padding:18px 28px 8px;overflow:hidden}.canvas-tools{display:flex;gap:12px;margin-bottom:14px}.tabs,.zoom{display:flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:#fff;padding:3px}.tabs button,.zoom button{border:0;border-radius:999px;padding:7px 18px}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.zoom button{padding:7px 14px}.zoom output{min-width:58px;text-align:center;color:#667168}.card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 28px #2030200c}.preview{width:min(100%,620px);flex:1;min-height:0;display:grid;place-items:center;padding:12px;overflow:hidden}.preview #stage{width:min(100%,560px);transition:transform .18s ease}.preview #stage .cpm-mock-stage{width:100%;aspect-ratio:1/1.06}.canvas-help{margin:7px 0 0;color:#727c74;font-size:11px}.warning-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:8px}.warning-chips>*,.warning-chips{font-size:11px}.warning-chips:not([hidden]){padding:0;background:transparent;border:0;color:#9c5b00}.control-zone{background:#fff;border-left:1px solid var(--border);min-width:0;overflow-y:auto}.step-panel{padding:28px 24px 100px}.step-panel>p:first-of-type{margin-top:0}.selected-color{display:block;margin:18px 0 8px}.color-search input{padding:9px}.swatches{display:grid;grid-template-columns:repeat(10,28px);gap:7px;max-height:220px;overflow:auto;padding:4px;margin-top:8px}.swatches button{width:28px;height:28px;padding:0;border-radius:50%;overflow:hidden;background:transparent}.swatches button[aria-pressed=true]{outline:2px solid var(--green);outline-offset:2px}.swatch-chip{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.swatch-chip img{width:100%;height:100%;object-fit:cover}.swatch-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#moreColors{width:100%;margin-top:10px}.upload{display:block;width:100%;padding:20px;border:1px dashed #88baa1;background:#f4faf6}.upload strong,.upload small{display:block}.upload strong{font-size:14px;color:var(--green)}.upload-status{margin-top:10px;padding:10px;border-radius:9px;background:#eef7ef;font-size:12px}.upload-results{padding-left:18px;font-size:12px}.layer{display:flex;gap:8px;margin:7px 0}.layer>button:first-child{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;padding:7px}.layer img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#f2f3ef}.layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer .selected{border-color:var(--green);background:#edf7f0}.button-row,.placement-pills,.method-pills{display:flex;gap:7px;flex-wrap:wrap}.button-row{margin-top:12px}.placement-pills{margin:14px 0}.method-pills button[aria-pressed=true]{border-color:var(--green);background:#e8f4ed;color:var(--green)}#textTool{width:100%;margin-top:12px}.mini-fields{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:8px}.assistant{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.assistant summary{font-weight:800;cursor:pointer}.bubble{padding:10px;margin:10px 0;border-radius:9px;background:#eef4ec;font-size:12px;line-height:1.5}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimensions label{font-size:10px}.dimensions input{padding:8px}.art-warnings{padding:10px;background:#fff6df;border:1px solid #efd89e;border-radius:9px;color:#734b00}.empty-placement{margin-top:20px;padding:28px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted)}.size-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.size-fields label{text-align:center;margin:5px 0}.size-fields input{text-align:center;padding:8px}.proof-actions{margin:16px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.submit-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:15px}.submit-row span{width:100%;font-size:11px;color:var(--muted)}.summary-bar{position:fixed;z-index:30;left:0;right:0;bottom:0;height:var(--bar);display:flex;align-items:center;gap:34px;padding:10px 24px;background:#fff;border-top:1px solid var(--border)}.summary-item span{display:block;font-size:9px;letter-spacing:1px;font-weight:850;color:#687368}.summary-item strong{display:block;margin-top:2px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-actions{display:flex;gap:8px;margin-left:auto}.saved-overlay{position:fixed;z-index:60;top:75px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 30px));padding:25px;max-height:70vh;overflow:auto}.saved-quote{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border)}dialog{width:min(440px,calc(100% - 30px));border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#17221ccc;backdrop-filter:blur(4px)}.close{float:right}.confirmation{position:fixed;z-index:70;inset:80px max(20px,calc((100vw - 1000px)/2)) 30px;display:grid;grid-template-columns:1.4fr 1fr;overflow:auto}.confirmation-main,.confirmation-next{padding:38px}.confirmation-next{background:#edf4ed}.confirmation-brand{width:220px}.confirmation-check{display:grid;place-items:center;width:45px;height:45px;margin:20px 0;border-radius:50%;background:#4ade80;font-size:24px}.receipt-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.receipt-summary dd{margin:3px 0;font-weight:750}.confirmation-next li{margin-bottom:14px}.start-another{display:block;margin-top:15px}.error{color:#a42d22!important}
@media(max-width:900px){:root{--bar:64px}body{overflow:auto;padding-bottom:var(--bar)}.studio-header{height:52px;padding:7px 18px}.studio-brand img{width:190px;height:36px}.studio-header>span,.studio-header>button{display:none}.workspace{height:auto;min-height:calc(100vh - 52px - var(--bar));display:flex;flex-direction:column}.canvas-zone{order:1;height:360px;padding:8px 10px 4px}.canvas-tools{margin:0 0 -28px;z-index:5}.zoom{display:none}.preview{width:min(100%,390px);min-height:280px;padding:28px 8px 5px}.preview #stage{width:280px}.warning-chips{flex-wrap:nowrap;width:100%;overflow-x:auto;justify-content:flex-start}.canvas-help{display:none}.step-rail{order:2;display:flex;gap:6px;overflow-x:auto;padding:8px 18px;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.step-rail .eyebrow{display:none}.step-tab{flex:0 0 auto;width:auto;margin:0;padding:7px 10px}.step-tab span{width:23px;height:23px}.control-zone{order:3;border:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px #18201812;overflow:visible}.step-panel{padding:20px 18px 95px}.swatches{grid-template-columns:repeat(9,28px)}.summary-bar{height:var(--bar);gap:10px;padding:8px 12px}.summary-item{display:none}.summary-item:first-child{display:block;min-width:100px}.summary-actions{width:100%;justify-content:flex-end}.summary-actions button{padding:10px 13px}.contact-grid{grid-template-columns:1fr}.confirmation{position:fixed;inset:15px;grid-template-columns:1fr}.confirmation-main,.confirmation-next{padding:24px}.confirmation-next{display:none}}
@media(max-width:390px){.studio-brand img{width:210px}.canvas-zone{height:350px}.preview #stage{width:260px}.step-tab{font-size:12px}.step-tab:nth-of-type(3){padding-right:14px}.dimensions{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(8,28px)}}
#stage .hit{position:absolute;z-index:10;background:transparent;border:1px dashed transparent;padding:0;touch-action:none;cursor:grab}#stage .hit.selected{border-color:#19734e;background:#35a76608;z-index:12}#stage .resize-handle{position:absolute;display:block;width:14px;height:14px;min-width:0;min-height:0;padding:0;border:2px solid white;border-radius:3px;background:#19734e;box-shadow:0 0 0 1px #19734e;touch-action:none}#stage .resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}#stage .resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}#stage .resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}#stage .resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.ink-list{display:flex;gap:8px;flex-wrap:wrap}.ink-list label{margin:0}.ink-list input{width:42px;height:36px;padding:3px}
.workspace{overflow:hidden}.control-zone{min-height:0}
.workspace:has(.step-panel[data-panel="1"].active) .canvas-zone{display:none}.workspace:has(.step-panel[data-panel="1"].active) .control-zone{grid-column:2/4;background:#f7f8f5}.workspace:has(.step-panel[data-panel="1"].active) .step-panel{max-width:1080px;width:100%;margin:0 auto}.featured-categories{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.featured-categories button{border-radius:999px}.featured-categories button[aria-pressed=true]{background:#19734e;color:white;border-color:#19734e}.featured-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #dfe4dd;border-radius:18px;background:#fff;box-shadow:0 8px 24px #2133260d}.featured-card.popular{border-color:#9ccfb6}.featured-card img{width:100%;height:220px;object-fit:contain;background:#f7f8f5;border-radius:12px}.featured-card .tier{position:absolute;top:25px;left:25px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid #dfe4dd;font-size:10px;font-weight:850;letter-spacing:.8px;text-transform:uppercase}.featured-card .popular-badge{position:absolute;top:25px;right:25px;padding:5px 9px;border-radius:999px;background:#e7f5ed;color:#19734e;font-size:10px;font-weight:800}.featured-card h3{font-size:17px;margin:5px 0}.featured-card .brand-price{display:flex;justify-content:space-between;margin-top:12px;color:#687368}.featured-card .price{color:#19734e;font-weight:850}.featured-card ul{padding-left:18px;min-height:72px;color:#687368;line-height:1.6}.featured-card .select-featured{margin-top:auto;background:#19734e;color:white;border-color:#19734e}.all-garments{margin:24px 0;padding-top:16px;border-top:1px solid #dfe4dd}.all-garments summary{font-weight:800;cursor:pointer}@media(max-width:900px){.workspace:has(.step-panel[data-panel="1"].active) .canvas-zone{display:none}.workspace:has(.step-panel[data-panel="1"].active) .control-zone{order:3}.featured-cards{grid-template-columns:1fr}.featured-card img{height:230px}.featured-card ul{min-height:0}}

.placement-section{margin-top:20px;padding-top:4px;border-top:1px solid var(--border)}.placement-section>h3{font-size:14px;margin-top:16px}.placement-section .empty-placement{margin-top:10px;padding:18px}
.featured-photo{height:260px;display:grid;place-items:center;overflow:hidden;background:#f7f8f5;border-radius:12px}.featured-card .featured-photo img{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0}.featured-photo.unavailable::after{content:'Product image unavailable';color:var(--muted);font-size:12px}.featured-photo.unavailable img{display:none}.featured-palette{display:flex;align-items:center;gap:5px;min-height:25px;margin:10px 0 2px;flex-wrap:wrap}.featured-palette .featured-color{width:20px;height:20px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #cbd1ca}.featured-palette .featured-color:hover,.featured-palette .featured-color:focus-visible{box-shadow:0 0 0 2px var(--green)}.featured-palette>span{font-size:11px;font-weight:800;color:var(--muted);margin-left:3px}
@media(max-width:900px){.featured-photo{height:280px}}
.featured-card{cursor:pointer}.featured-card.selected{border-color:var(--green);box-shadow:0 0 0 3px rgba(25,115,78,.14),0 10px 28px #21332616}.featured-card.selected .select-featured{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}.featured-palette .featured-color{overflow:hidden}.featured-palette .featured-color img{width:100%;height:100%;display:block;object-fit:cover}.featured-palette .featured-color[aria-pressed=true]{box-shadow:0 0 0 3px var(--green)}
.preview #stage.dual-stage{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center}.mock-side{position:relative;min-width:0;padding-top:26px;border:1px solid transparent;border-radius:12px;transition:border-color .15s,background .15s}.mock-side.selected{border-color:#9dcbb6;background:#f7fbf8}.mock-side .cpm-mock-stage{width:100%}.mock-side-label{position:absolute;z-index:12;top:4px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;font-size:11px}.mock-side.selected .mock-side-label{background:var(--green);border-color:var(--green);color:#fff}.dual-stage .hit{z-index:10}
@media(max-width:900px){.preview #stage.dual-stage{width:100%;gap:4px}.mock-side{padding-top:23px}.mock-side-label{padding:3px 9px}}
.workspace:has(.step-panel[data-panel="2"].active) .preview{flex:0 1 auto;height:min(640px,calc(100vh - 185px));width:min(100%,700px)}
.workspace:has(.step-panel[data-panel="2"].active) .preview #stage{width:min(100%,650px)}
@media(max-width:900px){.workspace:has(.step-panel[data-panel="2"].active) .preview{height:300px;width:min(100%,390px)}.workspace:has(.step-panel[data-panel="2"].active) .preview #stage{width:340px}}
.stock-status{margin:5px 0 10px;padding:9px 11px;border-radius:9px;background:#eef6f1;color:#315a46}.delete-handle{position:absolute;right:-11px;top:-11px;width:24px;height:24px;min-width:24px;padding:0;border:2px solid #fff;border-radius:50%;background:#b8322a;color:#fff;font-size:18px;line-height:18px;box-shadow:0 1px 4px #0004}.text-color-label>span{display:flex;align-items:center;gap:7px;margin-top:6px}.text-color-label input{width:46px;height:38px;margin:0;padding:3px}.text-color-label output{font-size:11px;color:var(--muted)}.proof-downloads{margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:12px;background:#f8faf7}.proof-downloads h3{margin:0 0 3px;font-size:13px}.proof-downloads p{margin:0}.proof-downloads .proof-actions{margin:10px 0 0}.review-dialog{width:min(720px,calc(100% - 30px));max-height:85vh;overflow:auto}.review-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.review-row span{display:block;font-size:10px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.review-row strong{display:block;margin-top:3px}.review-row button{padding:7px 11px}.review-art{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.review-art img{width:68px;height:68px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#f5f5f0}.review-actions{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:-30px;margin:10px -30px -30px;padding:14px 30px;background:#fff;border-top:1px solid var(--border)}.confirmation-next li strong,.confirmation-next li span{display:block}.confirmation-next li span{margin-top:3px}.art-warnings span{display:inline}.art-warnings button{margin-left:8px;padding:5px 8px;background:#fff}
@media(max-width:900px){:root{--bar:108px}.step-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;padding:8px}.step-tab{min-width:0;width:100%;padding:7px 5px;gap:5px;justify-content:center;white-space:normal;text-align:center;line-height:1.1}.step-tab span{flex:0 0 23px}.summary-bar{height:var(--bar);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;padding:7px 10px}.summary-item,.summary-item:first-child{display:block;min-width:0}.summary-item strong{font-size:11px;max-width:100%;margin-top:1px}.summary-item span{font-size:8px}.summary-actions{grid-column:1/-1;width:100%;justify-content:flex-end}.summary-actions button{padding:8px 11px}#status{top:auto;bottom:calc(var(--bar) + 8px);max-width:calc(100% - 24px);text-align:center}.review-dialog{padding:20px}.review-actions{bottom:-20px;margin:10px -20px -20px;padding:12px 20px}}
@media(max-width:390px){.step-tab{font-size:11px}.step-tab:nth-of-type(3){padding-right:5px}.step-tab span{width:21px;height:21px;flex-basis:21px}.summary-actions #stepNext{display:none}}
.submitting-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(23,31,26,.72);backdrop-filter:blur(5px)}.submitting-overlay[hidden]{display:none}.submitting-card{width:min(500px,100%);padding:38px;border:1px solid #d7ddd7;border-radius:24px;background:#fff;box-shadow:0 28px 80px #0005;text-align:center}.submitting-mark{position:relative;width:78px;height:78px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:#e8f4ed;color:var(--green);font-size:18px;font-weight:900}.submitting-mark i{position:absolute;inset:-5px;border:5px solid transparent;border-top-color:var(--green);border-right-color:var(--green);border-radius:50%;animation:cpm-submit-spin .9s linear infinite}.submitting-card h2{margin:7px 0 8px;font-size:28px}.submitting-card>p{margin-left:auto;margin-right:auto}.submit-progress{display:grid;gap:9px;margin:25px 0 18px;padding:0;list-style:none;text-align:left}.submit-progress li{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:11px;color:var(--muted);font-weight:750}.submit-progress li span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef1ed;color:#536057;font-size:12px}.submit-progress li.active{border-color:#85bea6;background:#eef8f2;color:var(--ink)}.submit-progress li.active span{background:var(--green);color:#fff}.submit-progress li.complete{color:var(--green)}.submit-progress li.complete span{background:var(--green);color:#fff}.submit-progress li.complete span::before{content:'✓'}.submit-progress li.complete span{font-size:0}.submit-progress li.complete span::before{font-size:13px}.submitting-note{font-size:12px;color:var(--muted)}@keyframes cpm-submit-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.submitting-card{padding:28px 20px;border-radius:20px}.submitting-card h2{font-size:23px}.submitting-overlay{padding:16px}}
/* Retest refinements */
#status{top:auto;bottom:calc(var(--bar) + 14px);max-width:min(520px,calc(100% - 28px));text-align:center}.proof-downloads{margin:28px 0 20px;padding:16px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}.proof-downloads h3{font-size:14px}.proof-downloads .proof-actions{display:flex;gap:14px;margin:8px 0 0}.proof-downloads .proof-actions button{padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--green);text-decoration:underline;text-underline-offset:3px}.addon-requests{margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:12px;background:#f8faf7}.addon-requests h3{margin:0 0 3px;font-size:13px}.addon-requests p{margin:0 0 8px}.addon-requests label{display:flex;align-items:center;gap:8px;margin:7px 0;font-weight:650}.addon-requests input{width:auto;margin:0}@media(max-width:900px){#status{bottom:calc(var(--bar) + 8px)}#artworkEditActions[hidden]{display:none!important}}