:root{--ink:#252620;--muted:#777971;--paper:#faf9f6;--line:#e4e4dd;--orange:#ed512e;--yellow:#f1e35d;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a28bcf;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header{max-width:1600px;margin:auto;padding:23px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:var(--heading);font-size:37px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;line-height:1}.logo-dot{color:var(--orange)}.logo-label{border-left:1px solid #cecec7;margin-left:22px;padding-left:22px;max-width:110px;font:650 10px/1.5 var(--font);letter-spacing:1.8px}.header nav{display:flex;gap:28px;align-items:center}.text-button{font-size:12px;padding:0;display:inline-flex;align-items:center;gap:7px}.text-button:hover{text-decoration:underline}.how-button{font-size:13px}.how-button span{font-size:19px}.preview-label{background:#eeeae2;border-radius:5px;padding:5px 8px;font-size:10px;color:#68665e}.bag-button{display:flex;align-items:center;gap:9px;font-size:12px}.bag-count{background:var(--ink);color:white;border-radius:50%;font-size:10px;width:20px;height:20px;display:grid;place-items:center}.header .bag-button .icon{width:18px}main{max-width:1440px;margin:0 auto;padding:0 5%}.intro{padding:43px 0 35px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px}.mini-star{color:var(--orange);font-size:15px;vertical-align:middle;margin-right:5px}h1{font:800 clamp(36px,4.3vw,62px)/1.13 var(--heading);letter-spacing:-3px;margin:10px 0 10px}h1>span{color:var(--orange)}.intro p{margin:0;color:var(--muted);font-size:14px}.intro-note{display:flex;align-items:center;gap:14px;margin-right:22px;color:#7b7a6f;transform:rotate(-6deg);font:500 15px/1.4 Georgia,serif;font-style:italic}.intro-note svg{width:70px;fill:none;stroke:#949084;stroke-width:1.2}.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr);gap:45px;align-items:start}.preview-column{position:sticky;top:24px;min-width:0}.preview-stage{position:relative;overflow:hidden;background-color:#eeeee7;background-image:radial-gradient(#b4b4a533 .75px,transparent .75px);background-size:13px 13px;border:1px solid #e2e2d8;border-radius:16px;min-height:570px;display:flex;flex-direction:column;transition:background-color .3s,color .3s;isolation:isolate}.preview-stage[data-bg=lavender]{background-color:#e5dff2}.preview-stage[data-bg=dark]{background-color:#32352f;color:#f5f5ee;background-image:radial-gradient(#ffffff20 .75px,transparent .75px)}.stage-toolbar{padding:20px;display:flex;align-items:center;justify-content:space-between;z-index:5}.segmented{display:flex;gap:2px;padding:4px;border:1px solid #ddddd4;border-radius:9px;background:#fafaf480;font-size:11px;color:var(--ink);box-shadow:0 1px 2px #00000003}.segmented button{padding:9px 14px;border-radius:6px;font-weight:550}.segmented button.active{background:#fff;box-shadow:0 1px 4px #0000000d}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffffa6;color:var(--ink)}.icon-button:hover{background:#fff}.stage-label{font-size:8px;font-weight:650;letter-spacing:2.5px;position:absolute;left:50%;top:98px;transform:translateX(-50%);white-space:nowrap;color:#8a8c7d}.render-area{display:grid;place-items:center;min-height:365px;width:100%;perspective:1200px;cursor:grab;touch-action:pan-y;position:relative;flex:1;outline-offset:-5px!important}.render-area:active{cursor:grabbing}.sticker-object{position:relative;width:70%;height:350px;max-width:400px;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-16deg) rotateZ(-9deg);will-change:transform;transition:transform .45s cubic-bezier(.2,.65,.2,1);pointer-events:none;filter:none}.sticker-object.dragging{transition:none}.sticker-layer,.sticker-front{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sticker-front{transform:translateZ(2px);backface-visibility:hidden}.sticker-front img{width:100%;height:100%;object-fit:contain;display:block}.back-layer{transform:translateZ(-1.6px);filter:drop-shadow(7px 18px 7px #33362c25) drop-shadow(1px 2px 1px #43423c30)}.edge-layer{transform:translateZ(0);filter:brightness(.81)}.sticker-shine{position:absolute;inset:0;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;background:linear-gradient(126deg,transparent 12%,#ffffff05 29%,#ffffff6e 40%,#ffffff33 49%,transparent 62%,#ffffff0a 75%);mix-blend-mode:screen;opacity:.55;transition:opacity .2s;pointer-events:none}.preview-stage.flat .sticker-object{transform:rotateX(0) rotateY(0) rotateZ(0)!important;filter:drop-shadow(0 3px 2px #00000010)}.preview-stage.flat .sticker-shine{opacity:0!important}.preview-stage.flat .render-area{cursor:default}.preview-stage.flat .cutline{display:block}.cutline{position:absolute;inset:0;display:none}.preview-dimensions{display:flex;align-items:center;justify-content:center;gap:12px;margin:7px 0 20px;color:#77796c;font:12px var(--font);height:22px}.dimension-line{display:block;width:62px;height:1px;background:#b7b9aa;position:relative}.dimension-line:first-child:before,.dimension-line:last-child:after{content:'';position:absolute;top:-3px;height:7px;width:1px;background:#b7b9aa}.dimension-line:last-child:after{right:0}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 22px 21px;min-height:48px;z-index:5}.background-controls{display:flex;gap:7px;align-items:center}.bg-swatch{width:16px;height:16px;border:2px solid #fff;box-shadow:0 0 0 1px #00000018;border-radius:50%;padding:0}.bg-swatch.warm{background:#e7e8dd}.bg-swatch.lavender{background:#c9bbdf}.bg-swatch.dark{background:#353a32}.bg-swatch.selected{outline:1px solid currentColor;outline-offset:3px}.drag-hint{display:flex;align-items:center;gap:6px;font-size:10px;color:#7d7f73}.drag-hint .icon{width:13px;height:13px}.small-button{font-size:11px;padding:5px}.preview-loading{position:absolute;inset:0;background:#eeeee7e0;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.spinner{border:2px solid #deded5;border-top-color:var(--orange);border-radius:100%;width:22px;height:22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 2px;font-size:10px;color:var(--muted)}.preview-caption>div{display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;background:#879572;border-radius:50%;flex-shrink:0}.preview-caption .text-button{font-size:10px;white-space:nowrap}.preview-caption .icon{width:14px;height:14px}.benefits{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 3px}.benefits>div{display:flex;gap:10px;align-items:center}.benefits strong{display:block;font-size:11px;font-weight:550;margin-bottom:5px}.benefits span:not(.benefit-icon){display:block;color:var(--muted);font-size:10px}.benefit-icon{font-size:24px}.benefits .icon{width:26px;height:26px}.artwork-tips{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.artwork-tips summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:18px 2px}.artwork-tips summary::-webkit-details-marker{display:none}.artwork-tips .icon{width:16px;height:16px}.artwork-tips p{line-height:1.6}.config-panel{padding-top:1px}.config-section{border-bottom:1px solid var(--line);padding:0 0 23px;margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{font:700 15px var(--heading);letter-spacing:-.3px;margin:0;display:flex;align-items:center;gap:10px}.step-number{font:550 10px var(--font);border:1px solid #d8d8cf;background:#f2f1eb;padding:5px 6px;border-radius:5px;color:#717366;letter-spacing:0}.section-heading .text-button{font-size:10px;color:var(--muted)}.upload-zone{width:100%;border:1px dashed #bfc0b4;background:#f1f2ea;display:flex;gap:13px;align-items:center;padding:19px 15px;text-align:left;border-radius:9px;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.dragover{border-color:#7c8463;background:#e9eddb}.upload-icon{border:1px solid #d7dace;border-radius:7px;background:#fafbf6;width:38px;height:40px;display:grid;place-items:center;flex-shrink:0}.upload-icon .icon{width:20px;height:20px}.upload-zone strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.upload-zone u{text-underline-offset:3px}.upload-zone small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.upload-plus{font-size:20px;margin-left:auto}.switch-row{display:flex;align-items:center;position:relative;font-size:10px;gap:8px;margin-top:16px;cursor:pointer}.switch-row>span:first-child{margin-right:auto;display:flex;align-items:center;gap:5px}.info-button{font-size:8px;border:1px solid #bbbdb2;border-radius:100%;width:12px;height:12px;display:grid;place-items:center;padding:0;color:#84867c}.switch-row>input{position:absolute;right:0;width:29px;height:17px;opacity:0;z-index:1;cursor:pointer;margin:0}.switch-track{width:29px;height:17px;border-radius:10px;background:#d9dbd1;position:relative;transition:.2s}.switch-track:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:.2s}.switch-row input:checked+.switch-track{background:var(--ink)}.switch-row input:checked+.switch-track:after{transform:translateX(12px)}.switch-row input:focus-visible+.switch-track{outline:3px solid #a28bcf;outline-offset:3px}.field-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:550;margin:0 0 10px;gap:10px}.field-heading>span:last-child{font-size:9px;font-weight:400;color:var(--muted)}.field-heading small{font-size:9px;color:var(--muted);font-weight:400}.shape-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.shape-option{height:72px;border:1px solid #dcded4;border-radius:7px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;transition:.15s}.shape-option svg{width:30px;height:30px;fill:#f3f1e7;stroke:#8b8b7d;stroke-width:1.5}.selected{border-color:var(--ink)!important;box-shadow:inset 0 0 0 .5px var(--ink)}.shape-option.selected{background:#f0f1e7}.shape-option.selected svg{fill:#dfeb89;stroke:#414730}.finish-heading{margin-top:20px}.finish-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.finish-option{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dcded4;border-radius:7px;padding:12px 5px;font-size:10px;background:#fff}.finish-option.selected{background:#f4f5ed}.finish-option .icon{width:11px;height:11px;display:none}.finish-option.selected .icon{display:block}.material-dot{height:16px;width:16px;border-radius:50%;border:1px solid #c3c4b6;display:block;flex-shrink:0}.material-dot.glossy{background:linear-gradient(125deg,#b3b69e 20%,white 43%,#dadbc9 62%,#a4ab8c)}.material-dot.matte{background:#bfc6a5}.material-dot.clear{background-color:#fff;background-image:linear-gradient(45deg,#d9dbd2 25%,transparent 25%),linear-gradient(-45deg,#d9dbd2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dbd2 75%),linear-gradient(-45deg,transparent 75%,#d9dbd2 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.border-heading{margin-top:21px;margin-bottom:12px}.border-heading output{font-size:10px;color:var(--muted)}.border-controls{display:flex;gap:22px;align-items:center}.color-options{display:flex;gap:8px;align-items:center}.color-swatch{background:var(--swatch);width:21px;height:21px;border:1px solid #cfd0c4;box-shadow:none;padding:0;border-radius:100%}.color-swatch.selected{outline:1px solid var(--ink);outline-offset:3px;box-shadow:none;border-color:#cfd0c4!important}.custom-color{display:block;position:relative;width:22px;height:22px;background:conic-gradient(#ed512e,#e0db62,#b0c786,#55bbbd,#a68cdd,#ec8dba,#ed512e);border-radius:100%;cursor:pointer;overflow:hidden;flex-shrink:0}.custom-color>span{display:grid;position:absolute;inset:3px;border-radius:50%;background:#fff;place-items:center;font-size:12px;pointer-events:none}.custom-color input{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute;inset:0;padding:0;border:0}.custom-color:focus-within{outline:3px solid #a28bcf;outline-offset:3px}.border-controls input[type=range]{width:100%;min-width:50px;height:3px;accent-color:var(--ink);cursor:pointer}.field-note{font-size:9px;line-height:1.5;color:var(--muted);margin:10px 0 0}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.size-options button{background:#fff;border:1px solid #dcded4;border-radius:7px;padding:11px 3px;font-size:10px}.size-options .selected{background:#f0f1e7}.custom-size-fields{display:flex;align-items:flex-end;gap:10px;margin:12px 0;font-size:11px}.custom-size-fields label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}.custom-size-fields input{width:100%;border:1px solid var(--line);border-radius:6px;padding:9px;background:#fff}.custom-size-fields>span{padding-bottom:10px}.quantity-heading{margin-top:20px}.quantity-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quantity-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:12px 11px;border:1px solid #dcded4;border-radius:7px;background:#fff;font-size:11px}.quantity-option.selected{background:#f0f1e7}.quantity-option strong{font-size:12px;font-weight:550}.quantity-option span{color:var(--muted);font-size:9px}.quantity-option .best-value{position:absolute;font-size:7px;font-weight:600;letter-spacing:.3px;top:-6px;right:5px;background:#e4eab5;padding:2px 5px;color:#5e653e;border-radius:3px}.custom-quantity-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;font-size:9px;color:var(--muted)}.custom-quantity-row input{width:110px;background:#fff;border:1px solid #dcded4;border-radius:5px;padding:7px 9px;font-size:9px}.size-section{margin-bottom:18px;padding-bottom:18px}.order-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.total-label{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.order-total strong{font:750 29px var(--heading);letter-spacing:-1px}.order-total #price-unit{font-size:10px;color:var(--muted);margin-left:10px}.order-detail{text-align:right;font-size:10px;line-height:1.7;color:var(--muted)}.primary-button{border-radius:7px;background:var(--ink);color:white;padding:15px 20px;font-size:12px;font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;transition:background .15s,transform .15s}.primary-button:hover{background:#404538;transform:translateY(-1px)}.primary-button .icon{width:18px;height:18px}.checkout-note{text-align:center;font-size:9px;color:var(--muted);margin:11px 0 5px}.pricing-info{display:block;margin:auto;text-decoration:underline;text-underline-offset:3px;color:#929287;font-size:9px;padding:4px}.inline-error{font-size:10px;color:#9e3b2a;padding:9px;background:#f9eae5;border-radius:5px;line-height:1.5;margin-top:8px}.artwork-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;color:#577048}.artwork-meta.warning{color:#9b692f}.artwork-meta .text-button{font-size:9px;color:var(--muted)}.how-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;border-top:1px solid var(--line);gap:30px;margin-top:65px;padding:43px 0 46px}.how-strip .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.3px}.how-title h2{font:700 25px/1.3 var(--heading);letter-spacing:-1px;margin:12px 0 0}.how-num{font:600 12px var(--heading);color:#8e9284}.how-strip h3{font:650 12px var(--heading);margin:14px 0 7px}.how-strip p{font-size:11px;color:var(--muted);line-height:1.6;margin:0;max-width:185px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:26px 5%;max-width:1600px;margin:auto}footer .logo{font-size:29px}footer p{font-size:10px;color:var(--muted)}footer>span{font-size:8px;letter-spacing:1.5px;margin-left:auto;color:var(--muted)}.mobile-order-bar{display:none}dialog{max-width:590px;width:calc(100% - 32px);border:1px solid #e0dfd5;border-radius:15px;padding:28px;background:var(--paper);box-shadow:0 30px 100px #0002;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#292d2575;backdrop-filter:blur(4px)}.dialog-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.dialog-heading .eyebrow{font-size:8px;color:var(--muted)}.dialog-heading h2{font:750 25px/1.2 var(--heading);letter-spacing:-1px;margin:8px 0 0}.dialog-heading>.icon-button{flex-shrink:0;background:#eeeee6}.review-content{display:grid;grid-template-columns:180px 1fr;gap:25px;margin-bottom:25px;align-items:center}.review-image{background:#e9e9df;border-radius:10px;padding:15px;aspect-ratio:1;display:grid;place-items:center}.review-image img{width:100%;max-height:180px;object-fit:contain;filter:drop-shadow(0 4px 4px #0002)}.review-summary-row{display:flex;justify-content:space-between;font-size:11px;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.review-summary-row>span{color:var(--muted)}.review-summary-row strong{font-weight:550;text-align:right}.review-summary-row.total{font-size:16px;margin-top:5px;border:0}.review-summary-row.total strong{font-weight:700}.notes-label{display:block;font-size:11px;margin-bottom:8px}.notes-label>span{color:var(--muted)}textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px;font-size:11px;resize:vertical;background:#fff;min-height:68px}.review-warning{background:#eeeedf;border-radius:6px;padding:11px;font-size:10px;line-height:1.6}.dialog-disclaimer{color:var(--muted);font-size:10px;text-align:center;line-height:1.6;margin:13px 5px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:var(--ink);color:white;padding:13px 20px;box-shadow:0 7px 30px #0002;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px;max-width:90%;white-space:normal}.toast .icon{color:#e4eab5;width:16px;height:16px}.info-dialog{max-width:480px}.info-dialog p{font-size:13px;line-height:1.8;color:#6c6e63}.info-dialog h3{font:600 13px var(--heading)}.info-dialog li{font-size:12px;line-height:1.8;color:#6c6e63}.bag-item{display:grid;grid-template-columns:75px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.bag-item img{width:75px;height:75px;object-fit:contain;padding:6px;background:#eeeee6;border-radius:7px}.bag-item strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.bag-item p{font-size:10px;color:var(--muted);line-height:1.7;margin:6px 0}.bag-item .bag-actions{display:flex;gap:12px;margin-top:8px}.bag-item .text-button{font-size:10px}.bag-item-price{font-size:14px;align-self:start;padding-top:5px;font-weight:600}.bag-footer{margin-top:22px}.bag-footer>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:20px}.bag-footer strong{font:750 25px var(--heading)}.bag-empty{padding:40px 20px;text-align:center;background:#eeeee5;border-radius:9px;color:var(--muted);font-size:12px;line-height:1.7}.bag-empty .icon{width:30px;height:30px;margin-bottom:12px}.storage-notice{font-size:11px;line-height:1.6;color:#93642c;margin-top:12px}#saved-count{font-size:15px;color:var(--muted);margin-left:8px}.review-warning:empty{display:none}
@media(min-width:1500px){.workspace{gap:65px;grid-template-columns:1.25fr .9fr}.preview-stage{min-height:630px}.render-area{min-height:420px}.sticker-object{height:400px}}
@media(max-width:1100px){.workspace{gap:28px;grid-template-columns:minmax(0,1fr) minmax(350px,.95fr)}main{padding:0 4%}.header{padding:20px 4%}.preview-stage{min-height:510px}.render-area{min-height:320px}.sticker-object{height:300px;width:78%}.stage-label{top:85px;font-size:7px}.stage-toolbar{padding:15px}.stage-bottom{padding:0 16px 18px}.drag-hint{font-size:8px;gap:4px}.benefits{grid-template-columns:1fr;gap:17px}.intro-note{margin-right:0}.intro-note svg{width:45px}.logo-label{margin-left:15px;padding-left:15px}.header nav{gap:20px}.how-strip{gap:20px}.how-title h2{font-size:22px}}
@media(max-width:780px){.header{padding:17px 5%}.header .logo{font-size:30px}.logo-label{font-size:8px;max-width:95px;padding-left:13px;margin-left:14px}.header nav{gap:12px}.how-button,.preview-label,.desktop-only{display:none}.bag-button{gap:7px}.header .bag-button .icon{width:20px}.intro{padding:29px 0 23px}.intro h1{font-size:43px;letter-spacing:-2.3px;margin-top:8px}.intro p{font-size:12px;line-height:1.5;max-width:300px}.intro .eyebrow{font-size:8px}.intro-note{display:none}main{padding:0 5%}.workspace{display:flex;flex-direction:column;gap:25px}.preview-column{position:static;width:100%}.preview-stage{min-height:400px;height:440px;border-radius:13px}.render-area{min-height:265px}.sticker-object{width:64%;max-width:310px;height:270px}.stage-toolbar{padding:13px}.segmented{padding:3px;font-size:10px}.segmented button{padding:8px 12px}.stage-label{top:76px;font-size:7px;letter-spacing:1.5px}.preview-dimensions{margin:0 0 15px;font-size:10px}.stage-bottom{padding:0 16px 17px}.drag-hint{font-size:9px}.preview-caption{padding:13px 0;font-size:9px}.preview-caption .text-button{font-size:9px}.benefits,.artwork-tips{display:none}.config-panel{width:100%}.config-section{padding-bottom:24px;margin-bottom:24px}.section-heading h2{font-size:16px}.step-number{font-size:10px}.section-heading .text-button{font-size:11px}.upload-zone{padding:20px 15px}.upload-zone strong{font-size:12px}.upload-zone small{font-size:10px}.upload-icon{width:42px;height:44px}.switch-row{font-size:12px;margin-top:18px}.switch-track{width:34px;height:20px}.switch-track:after{width:14px;height:14px}.switch-row input:checked+.switch-track:after{transform:translateX(14px)}.switch-row>input{width:34px;height:20px}.field-heading{font-size:12px}.field-heading>span:last-child{font-size:10px}.shape-option{height:78px;font-size:10px}.shape-option svg{width:33px;height:33px}.finish-option{padding:13px 5px;font-size:11px}.border-heading{margin-top:23px}.border-controls{gap:28px}.color-swatch{width:24px;height:24px}.color-options{gap:10px}.custom-color{width:25px;height:25px}.field-note{font-size:10px}.size-options button{font-size:11px;padding:13px 3px}.quantity-option{padding:14px 13px}.quantity-option strong{font-size:13px}.quantity-option span{font-size:10px}.custom-quantity-row{font-size:10px}.custom-quantity-row input{font-size:12px;width:125px;padding:9px}.order-total strong{font-size:31px}.order-total #price-unit{font-size:11px}.order-detail{font-size:11px}.total-label{font-size:11px}.primary-button{padding:17px 18px;font-size:13px}.checkout-note,.pricing-info{font-size:10px}.how-strip{grid-template-columns:1fr 1fr;margin-top:42px;padding-top:30px;gap:27px 24px}.how-title h2{font-size:21px}.how-strip h3{font-size:12px}.how-strip p{font-size:11px}.how-strip .eyebrow{font-size:7px}.how-num{font-size:11px}footer{padding:23px 5% 112px;gap:18px}footer>span{display:none}footer p{font-size:10px}.mobile-order-bar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 5% max(12px,env(safe-area-inset-bottom));background:#faf9f6f5;border-top:1px solid var(--line);z-index:10;align-items:center;justify-content:space-between;gap:20px;backdrop-filter:blur(12px)}.mobile-order-bar>div{white-space:nowrap}.mobile-order-bar strong{font:750 22px var(--heading);display:block;letter-spacing:-.5px}.mobile-order-bar>div>span{font-size:10px;color:var(--muted);margin-top:2px;display:block}.mobile-order-bar .primary-button{max-width:220px;padding:14px 16px;font-size:12px}.toast{bottom:100px}.artwork-meta{font-size:10px}.artwork-meta .text-button{font-size:10px}.inline-error{font-size:11px}dialog{padding:23px;max-height:86dvh}.dialog-heading h2{font-size:24px}.review-content{grid-template-columns:120px 1fr;gap:15px}.review-image{padding:8px}.review-summary-row{font-size:10px}.review-summary-row.total{font-size:14px}.dialog-disclaimer{font-size:10px}.notes-label{font-size:12px}textarea{font-size:13px}.review-warning{font-size:11px}.custom-size-fields input{font-size:16px}.bag-item{grid-template-columns:60px 1fr;gap:12px}.bag-item img{width:60px;height:60px}.bag-item-price{grid-column:2;padding-top:0;font-size:13px}.bag-item .text-button{font-size:11px}}
@media(max-width:390px){.preview-stage{height:395px;min-height:395px}.render-area{min-height:230px}.sticker-object{height:245px;width:70%}.drag-hint{font-size:8px}.logo-label{font-size:7px;margin-left:10px;padding-left:10px}.intro h1{font-size:39px}.review-content{grid-template-columns:100px 1fr;gap:12px}.quantity-option{padding:13px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:780px){.workspace{gap:0}.config-panel{display:contents}.config-section{width:100%}.artwork-section{order:0;margin-bottom:22px;padding-bottom:0;border-bottom:0}.preview-column{order:1;margin-bottom:24px}.config-section:not(.artwork-section){order:2}.order-total{order:3;width:100%}#review-button{order:4}.checkout-note{order:5;width:100%}.pricing-info{order:6}.mobile-order-bar{gap:10px}.mobile-order-bar .primary-button{max-width:155px}.mobile-preview-button{font-size:10px;white-space:nowrap;padding:9px 5px;color:var(--muted)}.custom-quantity-row input,textarea{font-size:16px}.upload-zone{padding:16px 12px}}

/* Holographic vinyl: visible foil base plus an angle-dependent reflection. */
.finish-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.material-dot.holographic{background:linear-gradient(135deg,#c6cfe7 0%,#edb8e9 18%,#9ce7eb 34%,#e5ef9b 51%,#f8b4c4 68%,#bdbaf3 84%,#d7eee8 100%)}
.sticker-holo{position:absolute;inset:0;pointer-events:none;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;background-image:repeating-linear-gradient(var(--foil-angle,122deg),#f7a5e9 0%,#a6b8ff 13%,#a1f1ed 26%,#defba5 40%,#ffdbac 52%,#ffb0db 66%,#b3a6ff 80%,#b4f4e3 93%,#f7a5e9 100%);background-size:240% 240%;background-position:50% 50%;mix-blend-mode:color-dodge;opacity:.32}
.preview-stage.flat .sticker-holo{opacity:0}