.design-intro{padding-top:52px;padding-bottom:8px}.design-intro h1{max-width:900px}.design-intro .lead{max-width:850px}.design-intro .chips{margin:22px 0 28px}.design-stepbar{justify-content:space-between;gap:6px;padding:14px 0 22px;display:flex;overflow-x:auto}.design-stepbar button{border:2px solid var(--ink);color:var(--ink);white-space:nowrap;cursor:pointer;background:#fff;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 13px;font:700 14px Inter,system-ui,sans-serif;display:flex}.design-stepbar button span,.step-number{font-weight:800}.design-stepbar button span{background:var(--soft);border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.design-stepbar button[aria-current=step]{background:var(--y);box-shadow:3px 3px 0 var(--ink)}.design-stepbar button:disabled{color:#555;cursor:default;background:#eeede7}.design-stepbar button:disabled span{background:#e0dfd7}.design-workspace{grid-template-columns:1fr 1.05fr;align-items:start;gap:36px;padding-top:8px;display:grid}.design-preview{min-width:0;position:sticky;top:128px}.preview-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#ededed;border-radius:18px;overflow:hidden}.preview-top{justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 0;display:flex}.preview-top .module-tabs{gap:5px;margin:0}.preview-top button{min-height:38px;padding:7px 16px;font-size:13px}.preview-product{text-align:right;font:800 13px Nunito,system-ui,sans-serif}.design-stage{aspect-ratio:1;width:min(100%,100svh - 330px);max-height:none;margin:0 auto;position:relative}.design-stage>canvas,.design-stage>img{object-fit:contain;width:100%;height:100%}.design-stage canvas[hidden],.design-stage>img[hidden]{display:none}.design-stage canvas{display:block}.preview-note{text-align:center;margin:0;padding:0 20px 14px;font-size:11px;line-height:1.5}.spec-chips{flex-wrap:wrap;gap:6px;max-height:110px;padding:17px 0;display:flex;overflow:auto}.spec-chips span{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1.4}.design-controls{min-width:0;padding:12px 2px 40px}.design-controls section{scroll-margin-top:145px}.design-controls h2{outline:none;margin:4px 0 0;font-size:30px}.design-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.design-heading .step-number{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.design-heading [hidden]{display:none}.design-controls p{font-size:15px}.option-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.design-option{color:var(--ink);text-align:left;border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;min-height:80px;padding:15px;font-family:inherit;line-height:1.5;transition:background .12s}.design-option b,.design-option span{display:block}.design-option b{font-size:15px;font-weight:800}.design-option span{margin-top:5px;font-size:13px}.design-option img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;margin-bottom:10px}.design-option[aria-pressed=true],.choice-row button[aria-pressed=true]{background:var(--soft);box-shadow:3px 3px 0 var(--ink)}.design-page button:focus-visible,.design-page input:focus-visible,.design-page textarea:focus-visible,.design-page select:focus-visible{outline:3px solid var(--red);outline-offset:3px}.design-page button:disabled{box-shadow:none;cursor:default}.design-page fieldset{border:0;min-width:0;margin:24px 0 22px;padding:0}.design-page legend,.design-controls>section>label,.placement-editor>label,.design-page form label{margin:0 0 10px;font-size:14px;font-weight:800;display:block}.design-page input:not([type=checkbox]):not([type=range]):not([type=color]),.design-page textarea,.design-page select{border:2px solid var(--ink);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;min-height:46px;padding:12px;display:block}.design-page textarea{min-height:110px}.design-page input[type=color]{border:2px solid var(--ink);cursor:pointer;border-radius:8px;width:60px;height:44px;padding:3px}.design-page .small{color:#454545;font-size:12px;line-height:1.6}.choice-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.choice-row button{border:2px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;min-height:44px;padding:10px 13px;font:700 13px Inter,system-ui,sans-serif}.color-grid{grid-template-columns:repeat(6,1fr);gap:14px 8px;display:grid}.color-option{cursor:pointer;font:inherit;min-width:0;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:3px;display:flex}.color-option>span{border:2px solid var(--ink);width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}.color-option[aria-pressed=true]>span{outline:3px solid var(--ink);outline-offset:3px}.color-option b{text-align:center;font-size:10px;font-weight:700;line-height:1.25}.placement-list{flex-wrap:wrap;gap:10px;display:flex}.placement-list label{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:13px;display:flex}.placement-list input{accent-color:var(--ink);width:18px;height:18px}.placement-editor{background:var(--soft);border:2px solid var(--ink);border-radius:14px;padding:18px}.upload-zone{border:2px dashed var(--ink);background:var(--cream);border-radius:10px;gap:12px;padding:20px;font-size:15px;font-weight:700;display:grid}.design-page input[type=file]{min-width:0;padding:8px!important;font-size:12px!important}.print-methods .design-option{min-height:80px;padding:10px}.print-methods b{font-size:13px}.print-methods span{font-size:11px}.design-page [data-upload-editor][hidden],.design-page [data-text-editor][hidden],.design-page [data-drawcord][hidden]{display:none}.design-error{border:2px solid var(--red);color:var(--ink);background:#fff;border-radius:8px;padding:12px}.design-error[hidden]{display:none}.design-step-actions{justify-content:space-between;gap:16px;margin-top:30px;padding:10px 0;display:flex}.design-step-actions .btn{padding:12px 24px}.design-step-actions button[hidden],.design-controls section[hidden]{display:none}#design-review{margin:0}#design-review>div{border-bottom:1px solid #ccc9bc;grid-template-columns:115px 1fr auto;align-items:start;gap:10px;padding:13px 0;font-size:13px;display:grid}#design-review dt{font-weight:800}#design-review dd{overflow-wrap:anywhere;margin:0}#design-review button{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:2px;font:700 12px Inter,system-ui,sans-serif;text-decoration:underline}.review-previews{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.review-previews figure{text-align:center;margin:0;font-size:12px}.review-previews canvas{border:2px solid var(--ink);background:#ededed;border-radius:10px;width:100%;height:auto}#design-form{gap:10px;display:grid}#design-form label{margin:10px 0 0}#design-form .small{margin:0 0 8px}.design-send{white-space:normal;justify-content:center;margin-top:20px;font-size:15px}.design-send[aria-busy=true]{opacity:.65}.design-next{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.design-next .card{padding:25px}.design-next .step-number{background:var(--y);border:2px solid var(--ink);border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:16px;display:inline-grid}.design-next h3{font-size:21px}.design-next p{margin-bottom:0;font-size:15px}#print-areas{pointer-events:none;position:absolute;inset:0}.print-zone{pointer-events:none;position:absolute}.print-zone.editable{outline-offset:1px;background:#ffffff08;border:1.5px dashed #292929;outline:1px dashed #fff}.print-zone.editable.active{border-color:var(--red);outline-color:#fff}.print-art{pointer-events:none;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;overflow:hidden}.print-art img{object-fit:contain;width:100%;height:100%}.print-art span{white-space:nowrap;font-weight:900;line-height:1;display:block}.print-zone.editable .print-art{pointer-events:auto;cursor:move;touch-action:none}.resize-art{border:2px solid var(--ink);background:var(--y);pointer-events:auto;touch-action:none;cursor:nwse-resize;border-radius:3px;width:18px;height:18px;padding:0;position:absolute;transform:translate(-50%,-50%)}.design-stage[aria-busy=true]{opacity:.8}@media (width<=980px){.design-workspace{grid-template-columns:1fr 1.1fr;gap:22px}.design-stepbar button{padding:8px;font-size:12px}.design-stepbar button span{width:20px;height:20px}.design-stepbar button{gap:5px}.preview-product{font-size:11px}.preview-top{padding:10px 10px 0}.color-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=760px){.design-intro{padding-top:30px}.design-intro h1{font-size:39px}.design-intro .lead{font-size:15px}.design-intro .chips{gap:6px;margin:15px 0}.design-intro .chip{border-width:1.5px;padding:6px 9px;font-size:10px}.design-stepbar{background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);z-index:40;gap:5px;width:100%;padding:9px 12px;position:sticky;top:0}.design-stepbar button{border-radius:7px;flex:none;min-height:36px;padding:5px 7px;font-size:11px}.design-stepbar button span{width:17px;height:17px;font-size:9px}.design-workspace{padding-top:0;display:block}.design-preview{z-index:30;background:var(--cream);flex-direction:column;align-items:center;height:45svh;min-height:270px;padding:8px 0 0;display:flex;position:sticky;top:56px}.preview-card{width:100%;box-shadow:3px 3px 0 var(--ink);flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.preview-top{width:100%;min-height:38px;padding:6px 10px 0}.preview-top button{min-height:30px;padding:4px 13px;font-size:11px}.design-stage{aspect-ratio:1;flex:1;width:auto;max-width:100%;height:calc(45svh - 105px);min-height:0;max-height:calc(45svh - 105px)}.design-stage>canvas,.design-stage>img{aspect-ratio:1;max-height:100%}.preview-note{max-width:340px;padding:3px 10px 7px;font-size:9px}.spec-chips{flex-wrap:nowrap;flex:none;gap:4px;width:100%;max-height:42px;padding:7px 0;overflow:auto hidden}.spec-chips span{white-space:nowrap;padding:3px 6px;font-size:9px}.design-controls{padding-top:22px;padding-bottom:85px}.design-controls section{scroll-margin-top:calc(45svh + 80px)}.design-heading{margin-bottom:15px}.design-controls h2{font-size:27px}.design-heading .mascot-frame{width:42px!important;height:42px!important}.design-option{min-height:75px;padding:12px}.design-option img{width:90px;max-height:90px;margin:0 auto 8px}.design-option b{font-size:14px}.design-option span{font-size:12px}.option-grid{gap:10px}.color-grid{grid-template-columns:repeat(6,1fr)}.color-option b{font-size:9px}.color-option>span{width:35px;height:35px}.design-step-actions{z-index:60;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:var(--cream);margin:0;position:fixed;bottom:0;left:0;right:0}.design-step-actions .btn{padding:10px 23px;font-size:14px}.design-next{grid-template-columns:1fr}.design-page .sec{padding:52px 0}.placement-editor{padding:13px}#design-review>div{grid-template-columns:95px 1fr auto;font-size:12px}.design-page{padding-bottom:65px}body[data-page-source=design] .wa-float{bottom:92px}body[data-page-source=design] .wa-greeting{bottom:158px}.resize-art{width:23px;height:23px}.design-send{min-height:55px}body[data-page-source=design] .site-header{position:relative}body[data-page-source=design] .wa-widget{bottom:92px}html:has(body[data-page-source=design]){scroll-padding-top:calc(45svh + 80px);scroll-padding-bottom:90px}.design-controls button,.design-controls input,.design-controls select,.design-controls textarea{scroll-margin-top:calc(45svh + 80px);scroll-margin-bottom:90px}body[data-page-source=design] .wa-greeting{display:none}}html:has(body[data-page-source=design]){scroll-behavior:auto}@media (width<=760px){.design-controls section{scroll-margin-top:20px}.design-controls button,.design-controls input,.design-controls select,.design-controls textarea{scroll-margin-top:0;scroll-margin-bottom:0}}.placement-list label:has(input:disabled){opacity:.45;cursor:not-allowed}.placement-list input:disabled{cursor:not-allowed}#zip-placement-note{margin:10px 0 0}