/*! Copyright (c) 2026 StickerMint LLC. All rights reserved. Proprietary software. See LICENSE.txt. Third-party components retain their respective licenses. */
/* Inspection is a temporary view: panning cannot move artwork layers. */
.sm-codex #btnInspectZoom{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-right:1px solid #e5e5e5;color:var(--tm-brand-52779e,#52779e)}
.sm-codex #btnInspectZoom[aria-pressed="true"]{background:var(--tm-brand-e5efff,#e5efff)!important;color:var(--tm-brand-216ac5,#216ac5)!important}
.sm-codex #smsInspectOverlay{position:absolute;inset:0;z-index:45;cursor:grab;touch-action:none;user-select:none}
.sm-codex #smsInspectOverlay.is-panning{cursor:grabbing}
@media(max-width:768px){.sm-codex #btnInspectZoom{display:none!important}}
.sm-codex .sms-inspect-hint{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:6px 6px 6px 14px!important;border:1px solid var(--tm-brand-dce8f4,#dce8f4);border-radius:12px;background:#fff;box-shadow:0 3px 14px #19365318;font:500 12px/1.2 Inter,Arial,sans-serif;color:var(--tm-brand-52779e,#52779e);white-space:nowrap;cursor:default}
.sm-codex #btnExitInspection{display:flex;align-items:center;gap:10px;min-height:32px;padding:7px 10px!important;border:0;border-radius:8px;background:var(--tm-brand-eaf3ff,#eaf3ff);color:var(--tm-brand-216ac5,#216ac5);font:600 12px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.sm-codex #btnExitInspection span{font-size:18px}
@media(max-width:768px){.sm-codex .sms-inspect-hint{top:8px;gap:8px;padding-left:10px!important;max-width:calc(100% - 16px);font-size:11px}.sm-codex #btnExitInspection{min-height:40px}.sm-codex #btnInspectZoom{width:36px;height:36px}}
/* Sticker Studio / Sky workspace. Scoped to the cloned page. */
/* The canvas owns the surface dimensions. A legacy 280px minimum stretches
   masked finishes below short artwork after removal/autofit on laptop screens. */
.sm-codex #stickerStudio #stickerStage{min-width:0!important;min-height:0!important}
/* Rectangular inset rims can appear as straight fragments at a tight die-cut
   boundary. The contour shadow supplies depth without drawing the stage box. */
.sm-codex #stickerStudio #edgeRim{box-shadow:none!important}
/* The SVG displacement filter leaks thin rectangular seams during 3D tilt in
   Chrome. Keep the reflection texture and contour clip without displacement. */
.sm-codex #stickerStudio #glossLayer{filter:none!important}
.sm-codex #stickerStudio .sms-ruler-h{height:calc(26px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-v{width:calc(34px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-label{font-size:calc(12px * var(--sm-ruler-scale,1))!important;line-height:1.2!important}
.sm-codex #stickerStudio .sms-ruler-h .sms-ruler-label{margin-top:calc(4px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-v .sms-ruler-label{margin-left:calc(6px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-h .sms-ruler-cap{height:calc(10px * var(--sm-ruler-scale,1))!important;width:calc(1px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-v .sms-ruler-cap{width:calc(10px * var(--sm-ruler-scale,1))!important;height:calc(1px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-h .sms-ruler-line{height:calc(1px * var(--sm-ruler-scale,1))!important}
.sm-codex #stickerStudio .sms-ruler-v .sms-ruler-line{width:calc(1px * var(--sm-ruler-scale,1))!important}
body:has(.sm-codex){--sl2-header-h:0px!important;--sm-c-brand:var(--tm-brand-2475db,#2475db);--sm-c-brand-2:var(--tm-brand-165fc0,#165fc0);--sm-c-accent:var(--tm-brand-2475db,#2475db);overflow:hidden!important;background:var(--tm-brand-eff6fd,#eff6fd)!important}
body:has(.sm-codex) #shopify-section-header,body:has(.sm-codex) #shopify-section-footer{display:none!important}
/* Text artwork previews keep their selected font; UI controls retain Inter. */
.sm-codex,.sm-codex .sms,.sm-codex .sms :not(#smsTextPreview>span){--sm-c-brand:var(--tm-brand-2475db,#2475db);--sm-c-brand-2:var(--tm-brand-165fc0,#165fc0);--sm-c-brand-3:var(--tm-brand-2475db,#2475db);--sm-c-accent:var(--tm-brand-2475db,#2475db);--sm-sh-brand:none;--sm-c-text:var(--tm-brand-18334f,#18334f);font-family:Inter,Arial,sans-serif!important}
.sm-codex [hidden]{display:none!important}
.sm-codex-bar{height:64px!important;top:0!important;padding:0 24px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--tm-brand-dce8f4,#dce8f4)!important;color:var(--tm-brand-193653,#193653)!important;z-index:10001!important;gap:18px!important}
.sm-codex-mark{width:36px!important;height:36px!important;border-radius:12px 12px 12px 4px!important;background:var(--tm-brand-d5eaff,#d5eaff)!important;color:var(--tm-brand-2268bb,#2268bb)!important;font-size:14px!important;transform:rotate(-7deg)}
.sm-codex-brand{gap:10px!important}.sm-codex-brand strong{font-size:18px!important;font-weight:800!important;letter-spacing:-.6px;color:var(--tm-brand-1b3856,#1b3856)}.sm-codex-brand small{color:var(--tm-brand-8096ad,#8096ad)!important;font-size:8px!important;letter-spacing:1.2px!important;margin-top:4px!important}
.sm-codex-summary{display:none!important}.sm-workspace-step{font:11px Inter,Arial,sans-serif;color:#8a9cb0;display:flex;align-items:center;gap:10px;white-space:nowrap}.sm-workspace-step b,.sm-workspace-step i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:10px;background:var(--tm-brand-edf3fa,#edf3fa)}.sm-workspace-step b{background:var(--tm-brand-e0eeff,#e0eeff);color:var(--tm-brand-226bc5,#226bc5)}.sm-workspace-step span{color:var(--tm-brand-c9d7e6,#c9d7e6);margin:0 6px}
.sm-codex-actions{gap:12px!important}.sm-codex-status{color:#6d839a!important;font-size:10px!important}.sm-codex-status:before{content:'';display:inline-block;width:5px;height:5px;background:var(--tm-brand-4f92e4,#4f92e4);border-radius:50%;margin-right:6px}.sm-codex-help{border:1px solid var(--tm-brand-d8e5f2,#d8e5f2)!important;border-radius:8px!important;background:var(--tm-brand-f6faff,#f6faff)!important;color:var(--tm-brand-38648e,#38648e)!important;min-height:32px!important;padding:6px 11px!important;font-size:11px!important}.sm-back-shop{font-size:11px;color:#6d839a;text-decoration:none;white-space:nowrap}
.sm-codex #stickerStudio .sms-editor{position:fixed!important;inset:64px 0 0!important;top:64px!important;height:calc(100dvh - 64px)!important;min-height:0!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 112px!important;padding:0!important;gap:0!important;margin:0!important;background:var(--tm-brand-eef6fe,#eef6fe)!important;overflow:visible!important}
.sm-codex #stickerStudio .sms-toolstrip{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;margin:0!important;border:0!important;border-right:1px solid var(--tm-brand-dce8f4,#dce8f4)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:18px 8px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;overflow:visible!important;position:relative!important}
.sm-rail-button{appearance:none;border:0;border-radius:12px;background:transparent;color:var(--tm-brand-6b839e,#6b839e);min-height:62px;width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:background .15s,color .15s;padding:8px 3px}.sm-rail-button svg{width:23px;height:23px}.sm-rail-button span{font-size:10px;font-weight:600}.sm-rail-button:hover,.sm-rail-button[aria-expanded=true]{color:var(--tm-brand-226dc9,#226dc9);background:var(--tm-brand-eaf3ff,#eaf3ff)}.sm-rail-button:first-child{background:var(--tm-brand-2878dc,#2878dc);color:var(--tm-on-2878dc,white);box-shadow:0 4px 12px #2475db20}.sm-rail-button:first-child:hover{background:var(--tm-brand-1765c7,#1765c7)}.sm-rail-foot{margin-top:auto;writing-mode:vertical-rl;align-self:center;letter-spacing:3px;font-size:8px;color:var(--tm-brand-a4b5c7,#a4b5c7);padding:16px 0}
 /* Soft neutral lighting behind the artwork, independent of editor zoom. */
 .sm-codex #stickerStudio .sms-canvas-area{grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;position:relative!important;margin:0!important;padding:46px 28px 52px!important;overflow:hidden!important;background:var(--tm-workspace)!important;background-image:radial-gradient(ellipse at 50% 38%,#fff 0%,#f4f5f6 58%,#e8eaec 100%)!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
 .sm-codex #stickerStudio .sms-canvas-area:before{background-image:none!important;opacity:0!important}
.sm-canvas-heading{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:8px;z-index:8;pointer-events:none;color:var(--tm-brand-8198b0,#8198b0);font-size:10px}.sm-canvas-heading strong{font-size:11px;font-weight:600;color:var(--tm-brand-4d6d90,#4d6d90)}.sm-canvas-heading>span:last-child{margin-left:8px;padding-left:16px;border-left:1px solid var(--tm-brand-cadcf0,#cadcf0);font-size:10px}.sm-live-dot{width:6px;height:6px;background:var(--tm-brand-78a9e7,#78a9e7);border-radius:50%}
.sm-codex #stickerStudio .sms-config{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(230px,1.35fr)!important;width:auto!important;min-width:0!important;height:112px!important;position:relative!important;z-index:120!important;padding:0 10px 0 76px!important;margin:0!important;border:0!important;border-top:1px solid var(--tm-brand-d5e4f4,#d5e4f4)!important;border-radius:0!important;background:#fff!important;box-shadow:0 -8px 30px #2c5d9205!important;overflow:visible!important;align-items:stretch!important}
.sm-codex #stickerStudio .sms-config-section{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-right:1px solid var(--tm-brand-edf2f8,#edf2f8)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important;display:block!important}
.sm-spec-toggle{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;width:100%;height:100%;border:0;background:transparent;cursor:pointer;padding:17px 20px;gap:8px;color:var(--tm-brand-193b60,#193b60);border-radius:0;font:inherit}.sm-spec-toggle:hover,.sm-spec-toggle[aria-expanded=true]{background:var(--tm-brand-f5f9ff,#f5f9ff)}.sm-spec-label{display:flex;align-items:center;gap:7px;color:var(--tm-brand-68829e,#68829e);font-size:10px;font-weight:500;letter-spacing:.3px}.sm-spec-label i{font-size:8px;font-style:normal;color:var(--tm-brand-91aac3,#91aac3)}.sm-spec-toggle strong{font-size:16px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.sm-spec-caption{font-size:9px;color:var(--tm-brand-95a7bb,#95a7bb);white-space:nowrap}.sm-spec-toggle>svg{position:absolute;right:15px;top:23px;width:13px;height:13px;color:var(--tm-brand-8ca6c1,#8ca6c1);transition:transform .15s}.sm-spec-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
.sm-spec-options{position:absolute;bottom:calc(100% + 12px);left:0;width:296px;padding:20px;border:1px solid var(--tm-brand-dae7f5,#dae7f5);border-radius:16px;background:#fff;box-shadow:0 12px 44px #264d7720;z-index:10}.sms-config-section:nth-child(4) .sm-spec-options{left:auto;right:0}
.sm-codex #stickerStudio .sms-config h3{font-size:13px!important;font-weight:700!important;margin:0 0 16px!important;letter-spacing:0!important;text-transform:none!important;color:var(--tm-brand-294c73,#294c73)!important}.sm-codex #stickerStudio .sms-config h3 svg{display:none!important}
.sm-codex #stickerStudio .sms-shapes{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.sm-codex #stickerStudio .sms-shape-btn{display:flex!important;border:1px solid var(--tm-brand-e1eaf5,#e1eaf5)!important;border-radius:10px!important;padding:12px 4px!important;min-height:72px!important;gap:8px!important;background:var(--tm-brand-fbfdff,#fbfdff)!important;color:var(--tm-brand-6c87a5,#6c87a5)!important;box-shadow:none!important;font-size:10px!important}.sm-codex #stickerStudio .sms-shape-btn.active{background:var(--tm-brand-e8f2ff,#e8f2ff)!important;color:var(--tm-brand-2469bd,#2469bd)!important;border-color:var(--tm-brand-73a6e5,#73a6e5)!important}.sm-codex #stickerStudio .sms-shape-btn span{color:inherit!important}.sm-codex #stickerStudio .sl2-shape-icon{width:24px!important;height:24px!important;background:var(--tm-brand-e5effb,#e5effb)!important;border:1.5px solid var(--tm-brand-799eca,#799eca)!important;box-shadow:none!important}.sm-codex #stickerStudio .sl2-shape-icon img{display:none!important}.sm-codex #stickerStudio .sms-shape-btn.active .sl2-shape-icon{background:var(--tm-brand-a5cdff,#a5cdff)!important;border-color:var(--tm-brand-337dd7,#337dd7)!important}
.sm-codex #stickerStudio .sl2-shape-card .sl2-shape-icon.sm-shape-choice{display:flex!important;align-items:center!important;justify-content:center!important;flex:none;width:30px!important;height:30px!important;aspect-ratio:1!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important}
.sm-codex #stickerStudio .sl2-shape-card .sm-shape-choice>svg{display:block;width:100%!important;height:100%!important;fill:none;stroke:currentColor;stroke-width:1.6}
.sm-codex #stickerStudio .sms-sizes{gap:6px!important}.sm-codex #stickerStudio .sms-size-label{padding:11px 2px!important;border-radius:7px!important;font-size:11px!important;border:1px solid var(--tm-brand-dae6f4,#dae6f4)!important;box-shadow:none!important;background:var(--tm-brand-f9fcff,#f9fcff)!important;color:var(--tm-brand-577696,#577696)!important}.sm-codex #stickerStudio .sms-size-radio:checked+.sms-size-label{background:var(--tm-brand-e6f1ff,#e6f1ff)!important;color:var(--tm-brand-2069c2,#2069c2)!important;border-color:var(--tm-brand-6c9fdc,#6c9fdc)!important}.sm-codex #stickerStudio .sms-custom-input{border-color:var(--tm-brand-bfd6ed,#bfd6ed)!important;color:var(--tm-brand-244c76,#244c76)!important}
.sm-codex #stickerStudio .sms-finish-btn{border-radius:8px!important;padding:14px 5px!important;min-height:46px!important;border:1px solid var(--tm-brand-dce8f6,#dce8f6)!important;font-size:11px!important;background:var(--tm-brand-f9fcff,#f9fcff)!important;box-shadow:none!important;color:var(--tm-brand-507095,#507095)!important}.sm-codex #stickerStudio .sms-finish-btn.active{background:var(--tm-brand-e8f2ff,#e8f2ff)!important;color:var(--tm-brand-206bc6,#206bc6)!important;border-color:var(--tm-brand-71a3e1,#71a3e1)!important}
.sm-codex #stickerStudio .sms-qty-presets{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important}.sm-codex #stickerStudio .sms-qty-pre{border-radius:7px!important;padding:10px 2px!important;min-height:38px!important;box-shadow:none!important;background:var(--tm-brand-f9fcff,#f9fcff)!important;color:var(--tm-brand-517398,#517398)!important;border:1px solid var(--tm-brand-dce8f5,#dce8f5)!important;font-size:11px!important}.sm-codex #stickerStudio .sms-qty-pre.active{background:var(--tm-brand-e6f1ff,#e6f1ff)!important;color:var(--tm-brand-216bc7,#216bc7)!important;border-color:var(--tm-brand-71a5e5,#71a5e5)!important}.sm-codex #stickerStudio .sms-qty-pre:disabled{opacity:.4!important}.sm-codex #stickerStudio .sms-min-qty-hint{font-size:10px!important;line-height:1.5!important;margin-top:12px!important;background:transparent!important;color:var(--tm-brand-8398ae,#8398ae)!important}
.sm-codex #stickerStudio .sms-price-box{margin:0!important;padding:13px 16px 12px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-content:center!important;column-gap:6px!important}.sm-order-label{font-size:8px;letter-spacing:1px;color:var(--tm-brand-7e95ae,#7e95ae);grid-column:1}.sm-codex #stickerStudio .sms-price-box>div:first-of-type{grid-column:1/-1;align-items:baseline!important;margin:1px 0 5px!important;gap:6px!important}.sm-codex #stickerStudio .sms-price-total{font-size:24px!important;font-weight:800!important;letter-spacing:-1px!important;color:var(--tm-brand-1c416a,#1c416a)!important;line-height:1!important}.sm-codex #stickerStudio .sms-price-unit{font-size:10px!important;color:#8c9eb2!important}.sm-codex #smsSaveBadge{background:var(--tm-brand-edf5ff,#edf5ff)!important;border:0!important;font-size:8px!important;color:var(--tm-brand-5c86bb,#5c86bb)!important;padding:3px 5px!important;margin-left:auto}.sm-codex #stickerStudio #btnATCBottom{grid-column:1/-1;min-height:34px!important;height:34px!important;margin:0!important;padding:8px!important;border-radius:8px!important;background:var(--tm-brand-2878dc,#2878dc)!important;color:var(--tm-on-2878dc,white)!important;box-shadow:0 3px 8px #2676d41a!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.sm-codex #stickerStudio #btnATCBottom:disabled{background:var(--tm-brand-dce9f9,#dce9f9)!important;color:var(--tm-brand-7897bc,#7897bc)!important;opacity:1!important;box-shadow:none!important}.sm-codex #smsCartBtns{position:absolute;bottom:calc(100% + 10px);right:16px;width:220px;background:white;padding:10px;border-radius:10px;box-shadow:0 4px 20px #24476b22}
.sm-tool-panel{position:absolute;left:92px;top:18px;width:282px;border:1px solid var(--tm-brand-dae7f5,#dae7f5);border-radius:16px;background:white;box-shadow:0 12px 44px #264d7720;z-index:130;overflow:visible}.sm-panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 14px;border-bottom:1px solid var(--tm-brand-edf3fa,#edf3fa)}.sm-panel-head small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--tm-brand-92a7be,#92a7be);margin-bottom:5px}.sm-panel-head strong{font-size:17px;color:var(--tm-brand-264e79,#264e79);letter-spacing:-.4px}.sm-panel-close{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:var(--tm-brand-f1f6fd,#f1f6fd);color:var(--tm-brand-718faf,#718faf);cursor:pointer;font-size:19px}
.sm-codex #stickerStudio .sms-tool-group{margin:0!important;padding:18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.sm-codex #stickerStudio .sms-tool-group-label{font-size:10px!important;color:var(--tm-brand-6e89a6,#6e89a6)!important;letter-spacing:.4px!important;margin-bottom:10px!important;font-weight:600!important}.sm-codex #stickerStudio .sms-tool-group-icons{gap:6px!important}.sm-codex #stickerStudio .sms-tool-icon,.sm-codex #stickerStudio .sms-tool-action{background:var(--tm-brand-f6faff,#f6faff)!important;color:var(--tm-brand-6887ab,#6887ab)!important;border-radius:8px!important;min-height:48px!important;box-shadow:none!important}.sm-codex #stickerStudio .sms-tool-icon:hover,.sm-codex #stickerStudio .sms-tool-action:hover{background:var(--tm-brand-eaf3ff,#eaf3ff)!important}.sm-codex #stickerStudio .sms-tool-icon.active{background:var(--tm-brand-e1eeff,#e1eeff)!important;color:var(--tm-brand-2472d0,#2472d0)!important}.sm-codex #stickerStudio .sms-tool-icon.active svg{color:inherit!important;stroke:currentColor!important}.sm-codex #stickerStudio .sms-tool-icon span,.sm-codex #stickerStudio .sms-tool-action span{font-size:10px!important;color:inherit!important}.sm-codex #stickerStudio .sms-tool-icon svg,.sm-codex #stickerStudio .sms-tool-action svg{width:22px!important;height:22px!important}.sm-codex #stickerStudio #btnAddImage{background:var(--tm-brand-e5f0ff,#e5f0ff)!important;color:var(--tm-brand-226ed0,#226ed0)!important}.sm-codex #stickerStudio .sms-bg-status{font-size:10px!important;line-height:1.5;color:var(--tm-brand-5b7b9e,#5b7b9e)!important;margin-top:10px}.sm-border-mm{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--tm-brand-e5eff9,#e5eff9);color:var(--tm-brand-6b86a5,#6b86a5);font-size:11px}.sm-border-mm span{display:flex;align-items:center;gap:7px}.sm-border-mm input{width:62px;padding:7px;border:1px solid var(--tm-brand-c9dbef,#c9dbef);border-radius:6px;background:#fff;color:var(--tm-brand-315d8e,#315d8e);font-size:12px}
.sm-codex #stickerStudio #blankShape{width:470px!important;max-width:calc(100% - 40px)!important;height:440px!important;max-height:calc(100% - 82px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:0!important;color:var(--tm-brand-244f82,#244f82)!important;cursor:pointer;overflow:visible!important;transform:translate(-50%,-50%)!important;left:50%!important;top:50%!important}.sm-codex #stickerStudio #blankShape:before,.sm-codex #stickerStudio #blankShape:after{display:none!important}.sm-sticker-stack{position:relative;width:250px;height:155px;margin-bottom:22px;flex-shrink:0}.sm-sample-sticker{position:absolute;display:grid;place-items:center;border:5px solid #fff;box-shadow:0 10px 20px #487aab22;line-height:.9;user-select:none}.sm-sample-main{inset:8px auto auto 60px;width:123px;height:137px;border-radius:21px 21px 34px 21px;background:var(--tm-brand-bedcff,#bedcff);color:var(--tm-brand-276ac0,#276ac0)!important;transform:rotate(-9deg);font-size:27px;font-weight:850;letter-spacing:-1.6px;text-align:left;display:block;padding:15px 9px!important;z-index:2}.sm-sample-main em{font-size:22px;font-style:normal;letter-spacing:-1.3px}.sm-sample-star{width:88px;height:88px;border-radius:30px;background:#fcf3c4;color:#a78929!important;font-size:67px;transform:rotate(-18deg);left:0;top:15px}.sm-sample-smile{width:86px;height:86px;border-radius:50%;background:var(--tm-brand-d8d5fa,#d8d5fa);color:#7870bd!important;transform:rotate(14deg);right:0;bottom:7px;font:70px Arial!important}
.sm-codex #stickerStudio #blankShape>small{font-size:8px;font-weight:700;letter-spacing:2px;color:var(--tm-brand-85a3c4,#85a3c4);margin:0 0 13px}.sm-codex #stickerStudio #blankShape>strong{font-size:36px!important;font-weight:800;letter-spacing:-1.6px;line-height:1.06;text-align:center;color:var(--tm-brand-274f7d,#274f7d);text-transform:none!important}.sm-codex #stickerStudio #blankShape>span{font-size:12px!important;letter-spacing:0!important;font-weight:400!important;text-transform:none!important;color:var(--tm-brand-829bb6,#829bb6)!important;margin-top:13px}.sm-codex #stickerStudio #blankShape .sm-upload-label{display:flex;align-items:center;gap:9px;background:var(--tm-brand-2878dc,#2878dc);color:var(--tm-on-2878dc,white)!important;padding:12px 22px;border-radius:9px;margin-top:23px;box-shadow:0 6px 14px #2475db24;font-size:12px!important;font-weight:600!important}.sm-codex #stickerStudio #blankShape .sm-upload-label svg{width:16px!important;height:16px!important;margin:0!important;color:inherit!important;animation:none!important;opacity:1!important;filter:none!important}.sm-codex #stickerStudio #blankShape .sm-file-types{font-size:9px!important;margin-top:12px;color:var(--tm-brand-9aafc5,#9aafc5)!important}
.sm-codex-feedback{position:absolute!important;left:24px;bottom:17px;max-width:45%;border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:0!important;font-size:9px!important;color:var(--tm-brand-8aa1ba,#8aa1ba)!important;line-height:1.5!important;z-index:5}.sm-codex-feedback[data-level=low]{color:#a27538!important;background:transparent!important}
.sm-codex #stickerStudio .sms-download-btn,.sm-codex #smsZoomControls,.sm-codex #stickerStudio #btnStartFresh{border:1px solid var(--tm-brand-d9e7f6,#d9e7f6)!important;border-radius:8px!important;background:#ffffffed!important;color:var(--tm-brand-6b87a6,#6b87a6)!important;box-shadow:0 2px 8px #3c6b9e08!important}.sm-codex #stickerStudio .sms-download-btn{font-size:10px!important}.sm-codex #smsZoomControls{bottom:16px!important;right:22px!important}.sm-codex #stickerStudio .sms-download-bar{bottom:16px!important;left:auto!important;right:148px!important}.sm-codex-guide{color:var(--tm-brand-244a74,#244a74)!important}.sm-codex-guide button{background:var(--tm-brand-2878dc,#2878dc)!important}.sm-codex button:focus-visible,.sm-codex input:focus-visible,.sm-codex a:focus-visible,.sm-codex [role=button]:focus-visible{outline:2px solid var(--tm-brand-4c94ea,#4c94ea)!important;outline-offset:3px!important}
@media(min-width:769px) and (max-width:1150px){.sm-workspace-step{display:none}.sm-codex #stickerStudio .sms-config{padding-left:12px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 218px!important}.sm-spec-toggle{padding:16px 13px}.sm-spec-caption{display:none}.sm-spec-toggle strong{font-size:14px}.sm-spec-toggle>svg{right:10px}.sm-codex-status{display:none!important}}
@media(min-width:769px) and (max-height:760px){.sm-sticker-stack{transform:scale(.78);margin-bottom:0;height:133px}.sm-codex #stickerStudio #blankShape{height:350px!important}.sm-codex #stickerStudio #blankShape>strong{font-size:30px!important}.sm-codex #stickerStudio #blankShape .sm-upload-label{margin-top:17px}.sm-codex #stickerStudio .sms-toolstrip{gap:6px!important;padding-top:12px!important}.sm-rail-button{min-height:56px}}
@media(max-width:768px){
 .sm-codex-bar{height:56px!important;padding:0 14px!important;gap:8px!important}.sm-codex-brand strong{font-size:16px!important}.sm-codex-brand small,.sm-workspace-step,.sm-back-shop,.sm-codex-status{display:none!important}.sm-codex-mark{width:30px!important;height:30px!important;font-size:12px!important}.sm-codex-help{min-height:30px!important;font-size:10px!important}
 .sm-codex #stickerStudio .sl2-specs,.sm-codex #stickerStudio .sl2-specs-pill,.sm-codex #stickerStudio .sl2-toolbar{display:none!important}
 .sm-codex #stickerStudio .sms-editor{top:56px!important;inset:56px 0 0!important;height:calc(100dvh - 56px)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:68px minmax(0,1fr) 144px!important}
 .sm-codex #stickerStudio .sms-toolstrip{grid-row:1!important;grid-column:1!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:6px 12px!important;border:0!important;border-bottom:1px solid var(--tm-brand-dce8f4,#dce8f4)!important;width:100%!important;height:68px!important;overflow:visible!important}.sm-rail-button{min-height:52px;height:52px;width:60px;gap:5px;border-radius:10px}.sm-rail-button svg{width:20px;height:20px}.sm-rail-button span{font-size:9px}.sm-rail-foot{display:none}
 .sm-codex #stickerStudio .sms-canvas-area{grid-row:2!important;grid-column:1!important;padding:14px 10px 40px!important}.sm-canvas-heading{display:none}.sm-codex-feedback{left:16px;bottom:9px;max-width:60%;font-size:8px!important}
 .sm-codex #stickerStudio .sms-config{grid-row:3!important;grid-column:1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:64px 80px!important;padding:0 8px!important;height:144px!important;display:grid!important;background:#fff!important}
 .sm-codex #stickerStudio .sms-config-section{position:static!important;grid-row:1!important;padding:0!important}.sm-spec-toggle{padding:10px 7px;gap:8px}.sm-spec-label{font-size:9px;letter-spacing:0;gap:0}.sm-spec-label i,.sm-spec-caption,.sm-spec-toggle>svg{display:none}.sm-spec-toggle strong{font-size:11px;letter-spacing:-.3px}.sm-spec-options{bottom:calc(100% + 10px);left:12px!important;right:12px!important;width:auto;padding:18px;border-radius:14px}
 .sm-codex #stickerStudio .sms-price-box{grid-row:2!important;grid-column:1/-1!important;padding:12px 6px 16px!important;border-top:1px solid var(--tm-brand-e7eff8,#e7eff8)!important;grid-template-columns:1fr 1.2fr!important;grid-template-rows:12px 27px!important;column-gap:12px!important;align-content:center!important}.sm-order-label{grid-column:1;grid-row:1;font-size:8px}.sm-codex #stickerStudio .sms-price-box>div:first-of-type{grid-column:1!important;grid-row:2!important;flex-wrap:nowrap!important;margin:2px 0 0!important;gap:5px!important}.sm-codex #stickerStudio .sms-price-total{font-size:23px!important}.sm-codex #stickerStudio .sms-price-unit{font-size:8px!important}.sm-codex #smsSaveBadge{display:none!important}.sm-codex #stickerStudio #btnATCBottom{grid-column:2!important;grid-row:1/3!important;height:40px!important;min-height:40px!important;align-self:center!important;font-size:10px!important}
 .sm-tool-panel{top:78px;left:12px;right:12px;width:auto;max-width:350px;margin:auto}.sm-panel-head{padding:14px 16px 12px}.sm-panel-head strong{font-size:16px}.sm-codex #stickerStudio .sms-tool-group{padding:16px!important}.sm-codex #stickerStudio .sms-tool-icon,.sm-codex #stickerStudio .sms-tool-action{min-height:43px!important}
 .sm-codex #stickerStudio #blankShape{height:370px!important;width:100%!important;max-width:100%!important;max-height:100%!important}.sm-sticker-stack{transform:scale(.8);height:137px;margin-bottom:2px}.sm-codex #stickerStudio #blankShape>strong{font-size:29px!important}.sm-codex #stickerStudio #blankShape>small{font-size:7px;letter-spacing:1.6px;margin-bottom:11px}.sm-codex #stickerStudio #blankShape>span{font-size:10px!important;margin-top:11px}.sm-codex #stickerStudio #blankShape .sm-upload-label{font-size:11px!important;padding:11px 18px;margin-top:20px}.sm-codex #stickerStudio #blankShape .sm-file-types{font-size:8px!important}
 .sm-codex #smsZoomControls{right:12px!important;bottom:8px!important}.sm-codex #stickerStudio .sms-download-bar{display:none!important}
}
@media(max-width:768px) and (max-height:720px){.sm-sticker-stack{transform:scale(.6);height:102px;margin-bottom:0}.sm-codex #stickerStudio #blankShape{height:290px!important}.sm-codex #stickerStudio #blankShape>strong{font-size:25px!important}.sm-codex #stickerStudio #blankShape .sm-upload-label{margin-top:14px}.sm-codex #stickerStudio #blankShape>small{font-size:6px;margin-bottom:8px}.sm-codex #stickerStudio #blankShape .sm-file-types{display:none}.sm-panel-head small{display:none}.sm-codex #stickerStudio .sms-tool-group{padding:12px 16px!important}.sm-border-mm{margin-top:10px;padding-top:10px}}
.sm-codex #stickerStudio .sms-toolstrip{max-height:none!important}
.sm-codex #stickerStudio:not(.sm-has-art) #stickerStage{visibility:hidden!important}
.sm-codex #stickerStudio.sm-has-art #smsBorderColorRow{display:block!important}
.sm-codex #stickerStudio .sms-config{grid-template-rows:minmax(0,1fr)!important}
.sm-codex #stickerStudio .sms-price-box>div:first-of-type{flex-wrap:nowrap!important}
.sm-view-button{position:absolute;top:14px;right:130px;z-index:20;display:flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border:1px solid var(--tm-brand-d9e7f6,#d9e7f6);border-radius:8px;background:#ffffffed;color:var(--tm-brand-6b87a6,#6b87a6);cursor:pointer;font-size:10px}.sm-view-button svg{width:15px;height:15px}.sm-view-button[aria-pressed=true]{background:var(--tm-brand-e1efff,#e1efff);color:var(--tm-brand-246bca,#246bca);border-color:var(--tm-brand-93b9e9,#93b9e9)}
.sm-codex-feedback{pointer-events:none!important;max-width:calc(100% - 430px)!important}
.sm-codex #stickerStudio #btnDownload{left:auto!important;right:244px!important;bottom:16px!important}
.sm-codex #stickerStudio #btnShareLink{left:auto!important;right:148px!important;bottom:16px!important}
.sm-codex #stickerStudio button:focus-visible,.sm-codex #stickerStudio input:focus-visible{outline:2px solid var(--tm-brand-4c94ea,#4c94ea)!important;outline-offset:3px!important}
@media(max-width:1150px){.sm-codex #smsSaveBadge{display:none!important}}
@media(max-width:768px){.sm-codex #stickerStudio .sms-config{grid-template-rows:64px minmax(0,1fr)!important}.sm-codex-feedback{max-width:55%!important;bottom:46px!important}.sm-codex #stickerStudio #btnDownload{left:12px!important;right:auto!important;bottom:8px!important;font-size:9px!important}.sm-codex #stickerStudio #btnShareLink{left:118px!important;right:auto!important;bottom:8px!important;font-size:9px!important}.sm-view-button{left:12px;right:auto;top:12px}}
@media(max-width:768px){.sm-codex #stickerStudio #btnDownload:not(:disabled),.sm-codex #stickerStudio #btnShareLink:not(:disabled){display:flex!important}.sm-codex #stickerStudio.sm-has-art #smsZoomControls{display:flex!important}}
@media(prefers-reduced-motion:reduce){.sm-codex *{transition:none!important;animation:none!important}}

/* Persistent desktop toolbox; the bottom specification dock stays unchanged. */
@media(min-width:769px){
 .sm-codex #stickerStudio .sms-editor{grid-template-columns:284px minmax(0,1fr)!important}
 .sm-codex #stickerStudio .sms-toolstrip{display:none!important}
 .sm-codex #stickerStudio .sm-tool-panel{position:relative!important;grid-column:1!important;grid-row:1!important;left:auto!important;top:auto!important;width:auto!important;max-width:none!important;height:100%!important;margin:0!important;border:0!important;border-right:1px solid var(--tm-brand-dce8f4,#dce8f4)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;z-index:20;display:flex;flex-direction:column;overflow:visible!important}
 .sm-panel-head{padding:17px 18px 13px;flex-shrink:0}.sm-panel-head small{display:none}.sm-panel-head strong{font-size:15px;letter-spacing:-.25px}.sm-panel-close{display:none}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group{padding:12px 16px!important;border-bottom:1px solid var(--tm-brand-edf3fa,#edf3fa)!important;flex-shrink:0}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group:not(.sm-empty-edit-group){display:block!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group:last-child{border-bottom:0!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group-label{display:block;margin-bottom:7px!important;font-size:9px!important;line-height:12px!important;letter-spacing:.5px!important;color:var(--tm-brand-59799d,#59799d)!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-icon,.sm-codex #stickerStudio .sm-tool-panel .sms-tool-action{min-height:38px!important;height:38px!important;padding:4px 3px!important;gap:3px!important;border-radius:7px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-icon svg,.sm-codex #stickerStudio .sm-tool-panel .sms-tool-action svg{width:18px!important;height:18px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-icon span,.sm-codex #stickerStudio .sm-tool-panel .sms-tool-action span{font-size:9px!important;line-height:11px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-add-grid{gap:5px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group-icons,.sm-codex #stickerStudio .sm-tool-panel .sms-edit-tools{gap:5px!important}
 .sm-codex #stickerStudio .sm-tool-panel #smsBorderColorRow{display:block!important;padding:0!important;margin-top:8px!important}
 .sm-codex #stickerStudio .sm-tool-panel #smsBorderColorRow .sms-tool-group-label,.sm-codex #stickerStudio .sm-tool-panel #smsDetailWrap .sms-tool-group-label{margin-top:8px!important;margin-bottom:6px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-border-color-btn{width:19px!important;height:19px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sm-border-mm{margin-top:9px;padding-top:9px;font-size:10px}.sm-codex #stickerStudio .sm-tool-panel .sm-border-mm input{padding:4px 6px;width:61px;font-size:11px}
 .sm-codex #stickerStudio .sm-tool-panel .sms-bg-status:empty{display:none!important}.sm-codex #stickerStudio .sm-tool-panel .sms-bg-status{margin-top:6px!important;font-size:9px!important}
}
@media(min-width:769px) and (max-height:800px){
 .sm-panel-head{padding:13px 16px 11px}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group{padding:8px 14px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-icon,.sm-codex #stickerStudio .sm-tool-panel .sms-tool-action{min-height:34px!important;height:34px!important;padding:3px!important;gap:2px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-icon svg,.sm-codex #stickerStudio .sm-tool-panel .sms-tool-action svg{width:17px!important;height:17px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group-label{margin-bottom:5px!important}
}
@media(min-width:769px) and (max-height:740px){
 .sm-panel-head{padding:10px 14px 9px}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group{padding:6px 14px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-icon,.sm-codex #stickerStudio .sm-tool-panel .sms-tool-action{min-height:32px!important;height:32px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sm-border-mm{margin-top:6px;padding-top:6px}
}
/* Keep background removal and every tool above the order dock on short screens. */
@media(min-width:769px) and (max-height:640px){
 .sm-panel-head{padding:6px 14px}.sm-panel-head strong{font-size:13px}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group{padding:5px 14px!important}
 .sm-codex #stickerStudio .sm-tool-panel #smsDetailWrap .sms-tool-group-label{margin:5px 0!important}
 .sm-codex #stickerStudio .sm-tool-panel #smsBorderColorRow{margin-top:3px!important}
 .sm-codex #stickerStudio .sm-tool-panel #smsBorderColorRow .sms-tool-group-label{margin:3px 0 5px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sm-border-mm{margin-top:5px}
}

/* Permanent canvas editing toolbar; retains the original controls and handlers. */
.sm-canvas-workspace{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--tm-brand-eff6fd,#eff6fd);overflow:hidden}
.sm-canvas-tools{position:relative;grid-column:1;grid-row:2;min-width:0;margin:0;z-index:45;display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:8px 16px;background:var(--tm-brand-f7fbff,#f7fbff);border:0;border-top:1px solid var(--tm-brand-dce8f4,#dce8f4);border-radius:0}
.sm-editbar{display:flex;align-items:center;gap:5px;min-width:0;margin-right:auto}
.sm-canvas-utilities{display:flex;align-items:center;gap:8px}
.sm-codex #stickerStudio .sm-canvas-tools #btnDownload,.sm-codex #stickerStudio .sm-canvas-tools #btnShareLink,.sm-codex #stickerStudio .sm-canvas-tools #smsZoomControls{position:static!important;inset:auto!important;transform:none!important;margin:0!important;flex-shrink:0}
.sm-codex #stickerStudio .sm-canvas-tools #btnDownload,.sm-codex #stickerStudio .sm-canvas-tools #btnShareLink{height:34px!important;min-height:34px!important;padding:6px 10px!important;align-items:center!important;justify-content:center!important;white-space:nowrap}
.sm-codex #stickerStudio .sm-canvas-tools #smCodexFeedback{position:static!important;inset:auto!important;flex:0 0 100%;max-width:100%!important;line-height:1.4!important;font-size:9px!important;padding:0 8px!important}
.sm-codex #stickerStudio:not(.sm-has-art) .sm-canvas-utilities{display:none!important}
.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:55px!important;min-height:34px!important;height:34px!important;padding:6px 8px!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--tm-brand-446b95,#446b95)!important;cursor:pointer}
.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action svg{width:16px!important;height:16px!important;flex-shrink:0}
.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action span{font-size:10px!important;font-weight:500!important;line-height:1.1!important}
.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action:hover:not(:disabled){background:var(--tm-brand-eaf3ff,#eaf3ff)!important;color:var(--tm-brand-246dc5,#246dc5)!important}
.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action:disabled{opacity:1!important;color:var(--tm-brand-9baec4,#9baec4)!important;background:transparent!important;cursor:default}
.sm-codex #stickerStudio .sm-editbar #btnUndo{margin-left:5px!important;border-left:1px solid var(--tm-brand-e0eaf5,#e0eaf5)!important;border-radius:0 7px 7px 0!important}
.sm-codex #stickerStudio .sm-canvas-tools .sm-view-button{position:static!important;margin:0;min-height:32px!important;border:0!important;background:var(--tm-brand-eaf3ff,#eaf3ff)!important;white-space:nowrap;flex-shrink:0}
.sm-codex #stickerStudio .sm-canvas-workspace>.sms-canvas-area{grid-column:1!important;grid-row:1!important;padding:18px 28px!important;isolation:isolate}
.sm-codex #stickerStudio #previewArea{position:absolute!important;inset:0!important;min-height:0!important;width:100%!important;height:100%!important}
.sm-codex #stickerStudio .sm-canvas-heading,.sm-codex #stickerStudio #btnStartFresh{display:none!important}
/* Start over stays in the canvas corner and reuses the confirmed full-design reset.
   The toolbar's Reset did the same thing, so it stays hidden on every screen size. */
.sm-codex #stickerStudio .sm-editbar>#btnStartOver{display:none!important}
.sm-codex #stickerStudio.sm-has-art .sms-canvas-area>#btnStartFresh:not(:disabled){position:absolute!important;inset:12px 12px auto auto!important;display:inline-flex!important;align-items:center;gap:6px;min-height:36px;padding:8px 12px!important;margin:0!important;max-width:calc(100% - 24px);z-index:39;transform:none!important;font:600 12px/1.2 Inter,Arial,sans-serif!important;cursor:pointer}
@media(max-width:768px){
 .sm-codex #stickerStudio.sm-has-art .sms-canvas-area>#btnStartFresh:not(:disabled){inset:8px auto auto 10px!important;min-height:44px;padding:10px 12px!important}
 .sm-codex #stickerStudio:has(#sxLayers.open) .sms-canvas-area>#btnStartFresh,html.sx-app.sx-editing .sm-codex #stickerStudio .sms-canvas-area>#btnStartFresh{display:none!important}
}
.sm-codex #stickerStudio #smsTextToolbar,.sm-codex #stickerStudio #smsEraserBar,.sm-codex #stickerStudio #smsCropBar{top:12px!important}
.sm-codex #stickerStudio .sm-tool-panel .sms-edit-tools:empty{display:none!important}
@media(max-width:1150px) and (min-width:769px){.sm-canvas-tools{gap:4px;padding:6px}.sm-canvas-utilities{gap:4px}.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action{min-width:45px!important;padding:5px!important;gap:4px!important}.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action span{font-size:9px!important}.sm-codex #stickerStudio .sm-canvas-tools .sm-view-button{font-size:9px!important;padding:6px!important}.sm-codex #stickerStudio .sm-canvas-tools .sm-view-button span{display:none}.sm-codex #stickerStudio .sm-canvas-tools #btnDownload,.sm-codex #stickerStudio .sm-canvas-tools #btnShareLink{padding:6px!important;font-size:9px!important}}
@media(max-width:768px){
 .sm-canvas-workspace{grid-column:1;grid-row:2}
 .sm-canvas-tools{gap:4px 6px;padding:5px 10px 6px}
 .sm-editbar{flex:1;gap:1px}
 .sm-codex #stickerStudio .sm-editbar .sm-toolbar-action{flex:1;min-width:0!important;min-height:41px!important;height:41px!important;flex-direction:column!important;gap:4px!important;padding:4px 3px!important}
 .sm-codex #stickerStudio .sm-editbar .sm-toolbar-action svg{width:16px!important;height:16px!important}
 .sm-codex #stickerStudio .sm-editbar .sm-toolbar-action span{font-size:8px!important}
 .sm-codex #stickerStudio .sm-editbar #btnUndo{margin-left:1px!important}
 .sm-codex #stickerStudio .sm-canvas-tools .sm-view-button{width:32px!important;min-height:39px!important;padding:6px!important;justify-content:center;flex-direction:column;gap:3px!important;font-size:8px!important}
 .sm-codex #stickerStudio .sm-canvas-tools .sm-view-button span{font-size:0}.sm-codex #stickerStudio .sm-canvas-tools .sm-view-button span:after{content:'3D';font-size:8px}
 .sm-canvas-utilities{flex:0 0 100%;justify-content:space-between;gap:8px}
 .sm-codex #stickerStudio .sm-canvas-tools #btnDownload,.sm-codex #stickerStudio .sm-canvas-tools #btnShareLink{flex:1}
 .sm-codex #stickerStudio .sm-canvas-tools #smCodexFeedback{font-size:8px!important;padding:0 2px!important}
 .sm-codex #stickerStudio .sm-canvas-workspace>.sms-canvas-area{padding:14px 10px!important}
 .sm-codex #stickerStudio #blankShape{top:50%!important;max-height:100%!important}
 .sm-codex #stickerStudio #smsTextToolbar,.sm-codex #stickerStudio #smsEraserBar,.sm-codex #stickerStudio #smsCropBar{top:8px!important}
}
/* Use the storefront's company logo as the home link. */
.sm-codex-bar .sm-codex-brand{text-decoration:none;min-width:0;align-self:stretch}
.sm-codex-bar .sm-company-logo{display:block;width:232px;height:auto;max-height:40px;object-fit:contain;object-position:left center}
@media(max-width:768px){.sm-codex-bar .sm-company-logo{width:186px;max-width:calc(100vw - 105px);max-height:34px}}
.sm-codex #stickerStudio #sl2CtxBar{display:none!important}
.sm-codex #stickerStudio .sm-empty-edit-group{display:none!important}
.sm-spec-value{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%}
.sm-shape-preview{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;color:var(--tm-brand-347fdc,#347fdc)}
.sm-shape-preview svg{width:100%;height:100%;fill:var(--tm-brand-d5e8ff,#d5e8ff);stroke:currentColor;stroke-width:1.5}
.sm-finish-preview{width:25px;height:25px;flex-shrink:0;border-radius:50%;border:1px solid var(--tm-brand-bccdde,#bccdde);background:var(--tm-brand-d5dfe9,#d5dfe9);box-shadow:inset 0 1px 2px #fff9}
.sm-finish-preview[data-preview-finish=glossy]{background:linear-gradient(135deg,#b1c6da 0%,#e3edf5 35%,#fff 46%,#c2d6e8 55%,#e7f1fa 100%)}
.sm-finish-preview[data-preview-finish=holographic]{background:conic-gradient(from 35deg,#b9dfff,#cec5ff,#ffcce2,#fff2bb,#b8f0df,#b9dfff)}
.sm-codex #stickerStudio .sm-editbar #btnDelete{margin-left:5px!important;border-left:1px solid var(--tm-brand-e0eaf5,#e0eaf5)!important;border-radius:0 7px 7px 0!important}
.sm-codex #stickerStudio .sm-editbar .sm-toolbar-action.active{background:var(--tm-brand-e1eeff,#e1eeff)!important;color:var(--tm-brand-246dc5,#246dc5)!important}
@media(min-width:769px) and (max-width:1150px){.sm-spec-value{gap:6px}.sm-shape-preview,.sm-finish-preview{width:19px;height:19px}.sm-codex #stickerStudio .sm-editbar{gap:2px}.sm-codex #stickerStudio .sm-editbar #btnDelete{margin-left:2px!important}}
@media(min-width:769px) and (max-width:1000px){.sm-spec-value{flex-direction:column;align-items:flex-start;gap:4px}.sm-shape-preview,.sm-finish-preview{width:17px;height:17px}}
@media(max-width:768px){.sm-spec-value{gap:4px}.sm-shape-preview,.sm-finish-preview{width:12px;height:12px}.sm-codex #stickerStudio .sm-editbar #btnDelete{margin-left:1px!important}.sm-codex #stickerStudio .sms-toolstrip{gap:16px!important}.sm-rail-button{width:68px}.sm-spec-value strong{font-size:10px}}
/* Desktop order settings across the top, with the full height below for design. */
@media(min-width:769px){
 .sm-codex-bar{width:284px!important;right:auto!important;height:96px!important;padding:0 12px!important;justify-content:center!important;border-right:1px solid var(--tm-brand-dce8f4,#dce8f4)!important}
 .sm-codex-bar .sm-codex-brand{width:100%;justify-content:center;overflow:hidden}
 .sm-codex-bar .sm-company-logo{width:500px;max-width:none;max-height:78px;flex-shrink:0}
 .sm-codex-bar .sm-workspace-step,.sm-codex-bar .sm-codex-actions{display:none!important}
 .sm-panel-head{align-items:center}.sm-panel-head .sm-codex-help{margin-left:auto;min-width:36px!important;min-height:26px!important;padding:4px 7px!important;font-size:10px!important}
 .sm-codex #stickerStudio .sms-editor{inset:96px 0 0!important;top:96px!important;height:calc(100dvh - 96px)!important;grid-template-rows:minmax(0,1fr)!important}
 .sm-codex #stickerStudio .sms-config{position:fixed!important;inset:0 0 auto 284px!important;top:0!important;left:284px!important;right:0!important;bottom:auto!important;width:auto!important;height:96px!important;padding:0!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(205px,1.35fr)!important;grid-template-rows:minmax(0,1fr)!important;border-top:0!important;border-bottom:1px solid var(--tm-brand-d5e4f4,#d5e4f4)!important;box-shadow:none!important;z-index:10000!important}
 .sm-spec-toggle{padding:12px 18px;gap:7px}.sm-spec-toggle>svg{top:21px;transform:rotate(180deg)}.sm-spec-toggle[aria-expanded=true]>svg{transform:rotate(0deg)}
 .sm-spec-options{top:calc(100% + 10px);bottom:auto;max-height:calc(100dvh - 124px);overflow:auto}
 .sm-codex #smsCartBtns{top:calc(100% + 10px);bottom:auto}
 .sm-codex #stickerStudio .sms-price-box{padding:9px 14px!important}
}
/* Compact utility button and separate, full-width border control rows. */
.sm-codex #stickerStudio .sm-canvas-tools #btnDownload{width:36px!important;min-width:36px!important;flex:0 0 36px!important;padding:6px!important}
.sm-codex #stickerStudio .sm-canvas-tools #btnDownload svg{width:17px!important;height:17px!important;margin:0!important}
.sm-codex #stickerStudio .sm-border-mm{border-top:0!important;border-bottom:1px solid var(--tm-brand-e5eff9,#e5eff9);padding-top:0!important;padding-bottom:9px}
.sm-codex #stickerStudio .sm-border-tools>.sms-tool-group-icons,.sm-codex #stickerStudio #smsDetailWrap>.sms-tool-group-icons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
.sm-codex #stickerStudio .sm-border-tools>.sms-tool-group-icons>button,.sm-codex #stickerStudio #smsDetailWrap>.sms-tool-group-icons>button{width:100%!important;min-width:0!important;max-width:none!important}
@media(max-width:768px){.sm-codex-bar .sm-codex-brand{width:220px;justify-content:center;overflow:hidden}.sm-codex-bar .sm-company-logo{width:360px;max-width:none;max-height:54px;flex-shrink:0}}
@media(min-width:769px) and (max-width:1400px){
 .sm-spec-toggle{padding:12px 11px}.sm-spec-toggle strong{font-size:13px}.sm-spec-caption{display:none}.sm-spec-toggle>svg{right:8px}
 .sm-codex #stickerStudio .sms-config{grid-template-columns:repeat(4,minmax(0,1fr)) 192px!important}
 .sm-codex #stickerStudio .sms-price-box{padding:9px 10px!important}.sm-codex #smsSaveBadge{display:none!important}
}
@media(min-width:769px) and (max-width:1000px){
 .sm-spec-label i,.sm-spec-toggle>svg{display:none}.sm-spec-toggle{padding:10px 6px}.sm-spec-toggle strong{font-size:11px;white-space:normal;line-height:1.35}.sm-spec-label{font-size:9px}
 .sm-codex #stickerStudio .sms-config{grid-template-columns:repeat(4,minmax(0,1fr)) 150px!important}.sm-codex #stickerStudio .sms-price-total{font-size:22px!important}.sm-codex #stickerStudio .sms-price-unit{font-size:8px!important}
 .sm-spec-options{width:260px}.sms-config-section:nth-child(3) .sm-spec-options{left:auto;right:0}
}
/* Desktop: no "Design tools" header; Help sits in the canvas toolbar next to Download and shows before artwork is added. */
@media(min-width:769px){
 .sm-codex .sm-tool-panel>.sm-panel-head{display:none!important}
 .sm-codex #stickerStudio:not(.sm-has-art) .sm-canvas-tools .sm-canvas-utilities{display:flex!important}
 .sm-codex #stickerStudio:not(.sm-has-art) .sm-canvas-tools .sm-canvas-utilities>:not(#smCodexHelp){display:none!important}
 .sm-canvas-utilities .sm-codex-help{min-height:34px!important;padding:6px 10px!important;background:rgba(255,255,255,.93)!important;border-color:var(--tm-brand-d9e7f6,#d9e7f6)!important;color:var(--tm-brand-6b87a6,#6b87a6)!important;font-size:10px!important;font-weight:600!important;cursor:pointer}
 .sm-canvas-utilities .sm-codex-help:hover{border-color:var(--tm-brand-2475db,#2475db)!important;color:var(--tm-brand-2475db,#2475db)!important}
 .sm-codex #smsAutoSaveIndicator{left:auto!important;right:16px!important;bottom:8px!important}
 .sm-codex #stickerStudio .sms-canvas-area>#smCodexFeedback{position:absolute!important;left:10px!important;bottom:6px!important;max-width:calc(50% - 30px)!important;z-index:30;font-size:10px!important;line-height:1.35!important;pointer-events:none!important;padding:2px 6px!important;border-radius:6px!important;background:var(--tm-workspace)!important}
}
/* Spec bar: bigger labels and values on desktop (fits the 96px bar). */
@media(min-width:769px){
 .sm-codex .sm-spec-toggle{gap:6px}
 .sm-codex .sm-spec-toggle .sm-spec-label{font-size:12px}
 .sm-codex .sm-spec-toggle .sm-spec-label i{font-size:10px}
 .sm-codex .sm-spec-toggle strong{font-size:19px}
 .sm-codex .sm-spec-toggle .sm-spec-caption{font-size:11px}
}
@media(min-width:769px) and (max-width:1400px){.sm-codex .sm-spec-toggle strong{font-size:17px}}
@media(min-width:769px) and (max-width:1000px){.sm-codex .sm-spec-toggle strong{font-size:13px}.sm-codex .sm-spec-toggle .sm-spec-label{font-size:10px}}
/* Proof dialog: bigger preview so customers can check the design (preview is rendered at 1000px). */
.sl2-proof-ol .sl2-proof{max-width:min(720px,100%)}
.sl2-proof-ol .sl2-proof-stage{padding:10px 0 14px}
.sl2-proof-ol .sl2-proof-img{max-height:min(440px,50vh)}
@media(max-height:680px){.sl2-proof-ol .sl2-proof-img{max-height:min(300px,40vh)!important}}
@media(max-width:560px){.sl2-proof-ol .sl2-proof-img{max-height:min(340px,44vh)}}
/* Separators: a little more pronounced. */
.sm-codex #stickerStudio .sm-tool-panel .sms-tool-group{border-bottom-color:var(--tm-brand-d3dfec,#d3dfec)!important}
.sm-codex #stickerStudio .sms-config-section{border-right-color:var(--tm-brand-d3dfec,#d3dfec)!important}
.sm-codex #stickerStudio .sm-tool-panel{border-right-color:var(--tm-brand-c8d6e6,#c8d6e6)!important}
.sm-codex #stickerStudio .sm-canvas-tools{border-top-color:var(--tm-brand-c8d6e6,#c8d6e6)!important}
.sm-codex #stickerStudio .sm-editbar #btnUndo,.sm-codex #stickerStudio .sm-editbar #btnDelete{border-left-color:var(--tm-brand-cdd9e7,#cdd9e7)!important}
.sm-codex #stickerStudio .sm-border-mm{border-bottom-color:var(--tm-brand-d3dfec,#d3dfec)!important}
/* Canvas text must match the print: don't let the page's Inter features (cv11/ss01/ss03) or letter-spacing leak into canvas fonts. */
.sm-codex canvas{font-feature-settings:normal!important;font-variant:normal!important;letter-spacing:normal!important}
/* Flat editing surfaces avoid a stale, enlarged compositor texture after enhancement. */
.sm-codex #stickerStage{transform-style:flat!important;will-change:auto!important;backface-visibility:visible!important;transition:none!important}

.sm-codex .sms-preview{perspective:none!important}
.sm-codex #stickerStage.sms-enter{animation:none!important}
/* Match DTF's centered icons, neutral buttons and responsive tool sizing. */
.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#f3f4f6!important;color:#616b78!important;border:1px solid transparent!important;border-radius:10px!important;gap:3px!important;padding:3px 2px!important;min-width:0!important}
.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon) svg{width:20px!important;height:20px!important;min-width:20px!important;flex-shrink:0!important;color:var(--tm-brand-4e8bd2,#4e8bd2)!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon) span{font-size:10px!important;line-height:13px!important}
.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon):is(.active,:focus-visible){background:var(--tm-brand-e2eeff,#e2eeff)!important;border-color:var(--tm-brand-8dbaff,#8dbaff)!important;color:var(--tm-brand-216dce,#216dce)!important}
@media(hover:hover){.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon):hover:not(:disabled){background:var(--tm-brand-e2eeff,#e2eeff)!important;border-color:var(--tm-brand-8dbaff,#8dbaff)!important;color:var(--tm-brand-216dce,#216dce)!important;filter:none!important}}
.sm-codex #stickerStudio .sm-editbar button:not(:disabled) svg{color:var(--tm-brand-4e8bd2,#4e8bd2)!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:769px){
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group{padding:6px 14px!important}
 .sm-codex #stickerStudio .sm-tool-panel .sms-tool-group-label{margin-bottom:5px!important;line-height:13px!important}
 .sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon){height:clamp(32px,calc((100dvh - 300px)/7),44px)!important;min-height:0!important}
}
@media(min-width:769px) and (max-height:650px){
 .sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon) svg{width:16px!important;height:16px!important;min-width:16px!important}
 .sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon){gap:1px!important;padding:1px 2px!important}
}
.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon) svg{margin:0!important}.sm-codex #stickerStudio .sm-tool-panel :is(.sms-tool-action,.sms-tool-icon) span{margin:0!important;flex-shrink:0}
/* No floating cart card on this page; the proof dialog and the Added-to-cart pop-up offer View cart. */
.sm-codex #smsCartBtns{display:none!important}
.sl2-proof-ol .sx-proof-cart{padding:2px 14px 10px;font-size:12px;line-height:1.4;color:var(--tm-brand-5f7a97,#5f7a97);text-align:center}
.sl2-proof-ol .sx-proof-cart a{color:var(--tm-brand-216dce,#216dce);font-weight:700;text-decoration:underline}
/* Enhance lives in the image tools bar on the canvas; the low-resolution warning only warns. */
#smsDpiToast [data-sx-enh]{display:none!important}
/* Cart shortcut shares the compact phone purchase bar. */
#sxCartBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--tm-brand-cfdcea,#cfdcea);background:#fff;color:var(--tm-brand-216dce,#216dce);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
#sxCartBtn:hover{border-color:var(--tm-brand-2475db,#2475db);background:var(--tm-brand-f5f9ff,#f5f9ff)}
@media(min-width:769px){
 .sm-codex #stickerStudio .sms-price-box{grid-template-columns:minmax(0,1fr) 32px!important;grid-template-rows:24px 24px 34px!important;row-gap:2px!important;padding:5px 14px!important}
 .sm-codex #stickerStudio .sms-price-box .sm-order-label{grid-column:1;grid-row:1;align-self:center}
 .sm-codex #stickerStudio .sms-price-box>div:first-of-type{grid-column:1/-1!important;grid-row:2!important;margin:0!important;align-self:center}
 .sm-codex #stickerStudio .sms-price-box #btnATCBottom{grid-column:1/-1!important;grid-row:3!important;width:100%!important}
 .sm-codex #stickerStudio .sms-price-box #sxCartBtn{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:32px!important;height:24px!important;min-height:24px!important;padding:0!important}
}
.sm-codex #stickerStudio #btnATCBottom>svg{display:block!important;width:18px!important;height:18px!important;flex:none;margin:0!important}
@media(min-width:769px) and (max-width:1150px){#sxCartBtn{padding:0 8px}}
@media(max-width:768px){
 .sm-codex #stickerStudio .sms-price-box{grid-template-columns:1fr 1.2fr auto!important}
 .sm-codex #stickerStudio .sms-price-box #sxCartBtn{grid-column:3;grid-row:1/3;min-height:40px;padding:0 10px}
}
/* Primary purchase action and neutral cart shortcut. */
.sm-codex #stickerStudio #btnATCBottom,.sm-codex #stickerStudio #sxCartBtn{font-family:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;border-radius:8px!important;height:34px!important;min-height:34px!important;box-shadow:none!important}
.sm-codex #stickerStudio #btnATCBottom{background:var(--tm-brand-2878dc,#2878dc)!important;color:var(--tm-on-2878dc,white)!important;border:0!important;transform:none!important}
.sm-codex #stickerStudio #btnATCBottom:hover:not(:disabled){background:var(--tm-brand-216ac5,#216ac5)!important}
.sm-codex #stickerStudio #btnATCBottom:disabled{background:var(--tm-brand-dce9f9,#dce9f9)!important;color:var(--tm-brand-7897bc,#7897bc)!important}
.sm-codex #stickerStudio #sxCartBtn{position:relative;background:#f6f6f7!important;color:#4b4f55!important;border:1px solid #dedfe2!important}
.sm-codex #stickerStudio #sxCartBtn:hover{background:#ededf0!important;border-color:#c5c7cc!important;color:#303338!important}
.sm-codex #stickerStudio #sxCartBtn:focus-visible,.sm-codex #stickerStudio #btnATCBottom:focus-visible{outline:2px solid var(--tm-brand-216ac5,#216ac5);outline-offset:3px}
.sm-cart-count{position:absolute;right:-4px;top:-4px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border:2px solid #fff;border-radius:999px;background:var(--tm-brand-2878dc,#2878dc);color:var(--tm-on-2878dc,white);font-size:9px;font-weight:800;line-height:1;pointer-events:none}
.sm-cart-count[hidden]{display:none!important}
@media(max-width:768px){.sm-codex #stickerStudio #btnATCBottom,.sm-codex #stickerStudio #sxCartBtn{height:40px!important;min-height:40px!important}}
/* ── Phones: readable sizes, reachable controls ── */
@media(max-width:768px){
 .sm-codex #stickerStudio .sm-rail-button span{font-size:11px!important}
 .sm-codex #stickerStudio .sm-spec-label{font-size:11px!important}
 .sm-codex #stickerStudio .sm-spec-toggle strong{font-size:clamp(11px,3.1vw,14px)!important}
 .sm-codex #stickerStudio .sm-editbar .sm-toolbar-action span{font-size:10px!important}
 .sm-codex #stickerStudio #smCodexFeedback{font-size:11px!important;line-height:1.35!important}
 .sm-codex #stickerStudio .sm-order-label{font-size:10px!important}
 .sm-codex #stickerStudio #unitPrice{font-size:11px!important}
 .sm-codex #smCodexHelp{font-size:12px!important}
 .sm-codex #stickerStudio #btnDownload,.sm-codex #stickerStudio #btnShareLink{font-size:12px!important}
 /* the Rotate 90° / Done bar was position:fixed for an older layout and sat behind the spec cards: pin it to the canvas */
 .sm-codex #stickerStudio #adjustBar{position:absolute!important;top:auto!important;bottom:10px!important;z-index:60!important}
 .sm-codex #stickerStudio #adjustBar button{min-height:38px!important;font-size:13px!important}
}
/* iPhone zooms the page when a field under 16px is focused: keep phone fields at 16px */
@media(max-width:768px){.sm-codex input[type=text],.sm-codex input[type=number],.sm-codex input:not([type]),.sm-codex textarea,.sm-codex select{font-size:16px!important}}
/* touch screens (any width): fingers need bigger targets */
@media(pointer:coarse){
 .sm-codex #stickerStudio .sms-border-color-btn{width:32px!important;height:32px!important;min-width:32px!important}
 .sm-codex #stickerStudio #smsBorderColorCustom{width:32px!important;height:32px!important}
 .sm-codex .sm-panel-close{width:38px!important;height:38px!important;min-width:38px!important}
 .sl2-proof-ol .sl2-proof-x{width:38px!important;height:38px!important}
 #sms-cart-popup #sms-cart-close{width:40px!important;height:40px!important}
 #sms-cart-popup .sms-cart-remove-btn{width:34px!important;height:34px!important}
}
/* short landscape screens (desktop layout on a phone on its side): the tools panel scrolls instead of cutting off */
@media(min-width:769px){.sm-codex #stickerStudio #smToolPanel{overflow-y:auto!important;overscroll-behavior:contain}}
/* Locked quantities (size rules) look unavailable: the theme rules above were overriding the grey state. */
.sm-codex #stickerStudio .sms-qty-pre.sms-locked,.sm-codex #stickerStudio .sl2-pill.sms-locked{background:#eeeef1!important;border-color:#e3e3e8!important;color:#b0b0b8!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.75!important}
@media(max-width:768px){
 /* tools drawer as a bottom sheet so the sticker stays visible while you change border, smoothness or colour */
 .sm-codex #stickerStudio .sm-tool-panel{top:auto!important;bottom:8px!important;max-height:46vh!important;overflow-y:auto!important;overscroll-behavior:contain}
 /* the stage must not be taller than its canvas, or zooming pushes small art up under the tabs */
 .sm-codex #stickerStudio #stickerStage{min-height:0!important}
 /* text toolbar at the bottom of the canvas (it covered Layers, AI edit and the text's own handles at the top) */
 .sm-codex #stickerStudio #smsTextToolbar{top:auto!important;bottom:8px!important}
}
/* a phone on its side in the phone layout: give the canvas real height and let the studio scroll */
@media(max-width:768px) and (max-height:500px){.sm-codex #stickerStudio .sms-editor{grid-template-rows:68px 360px auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}
/* keyboard: size options reachable (the radios were display:none); the invisible upload target leaves the Tab order */
.sm-codex #stickerStudio .sms-size-radio{display:block!important;position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;margin:0!important;pointer-events:none}
.sm-codex #stickerStudio .sms-size-radio:focus-visible+label{outline:2px solid var(--tm-brand-2475db,#2475db);outline-offset:2px}
.sm-codex #stickerStudio #blankShape.hidden{visibility:hidden}
#sxCustomHint{font-size:11px;line-height:1.35;color:var(--tm-brand-5f7a97,#5f7a97);margin-top:6px}#sxCustomHint[hidden]{display:none}
/* smoke-test minors: readable template names, adjust hint contrast, spec values ellipsis, short-screen dialogs, small phones */
.sms-modal-overlay .sms-template-card .sms-tpl-name{color:var(--tm-brand-1f2d3d,#1f2d3d)!important}
.sm-codex #stickerStudio .sms-adjust-hint{color:#fff!important;background:rgba(17,24,39,.84)!important}
.sm-codex .sm-spec-toggle strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sm-codex .sm-spec-value{min-width:0}
#smsTextPreview{max-height:min(140px,22vh)}
@media(max-height:600px){.sms-modal-overlay .sms-modal-box{max-height:calc(100dvh - 16px)!important;padding:14px!important}}
@media(max-width:400px){.sms-modal-overlay .sms-modal-box div[style*="repeat(4,1fr)"],.sms-modal-overlay .sms-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(pointer:coarse){#smsModalBold,#smsModalItalic{min-width:40px!important;min-height:40px!important}.sx-proof-cart a{display:inline-block;padding:12px 4px;margin:-12px 0}}
/* the resolution note gives way to the Done bar on mid-size screens; price/hint polish */
.sm-codex #stickerStudio .sms-canvas-area:has(#adjustBar.visible) #smCodexFeedback{visibility:hidden}
.sm-codex #stickerStudio .sms-border-color-btn{aspect-ratio:1/1;flex:0 0 auto}
.sm-codex #stickerStudio #unitPrice{white-space:nowrap}
.sm-codex #stickerStudio .sms-min-qty-hint{padding:6px 10px!important}
/* batch 5: touch sizes, text preview on one line, low-res toast lets taps through, AI edit on short screens, drawer scroll cue */
@media(pointer:coarse){.sms-modal-overlay .sms-modal-close,#sl2agX{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}#smsEraserDone{min-height:40px!important;padding:8px 16px!important}.sm-codex #stickerStudio .sms-border-color-btn{min-width:36px;min-height:36px}}
#smsTextPreview>*{white-space:nowrap!important}
#smsDpiToast{pointer-events:none!important}#smsDpiToast button,#smsDpiToast a,#smsDpiToast [role=button]{pointer-events:auto!important}
@media(max-height:680px){#sxAiDlg figure img,#sxAiDlg .sxa-wait{max-height:26vh;aspect-ratio:auto;height:26vh}#sxAiDlg textarea{min-height:48px}}
@media(max-width:768px){.sm-codex #stickerStudio .sm-tool-panel{background:linear-gradient(#fff 30%,rgba(255,255,255,0)) center top/100% 36px no-repeat local,linear-gradient(rgba(255,255,255,0),#fff 70%) center bottom/100% 36px no-repeat local,radial-gradient(farthest-side at 50% 100%,rgba(16,42,77,.22),transparent) center bottom/100% 12px no-repeat scroll,#fff!important}}
.sms-modal-item:focus-visible,.sms-template-card:focus-visible{outline:2px solid var(--tm-brand-2475db,#2475db);outline-offset:2px}
.sm-codex #stickerStudio #btnATCBottom.sx-atc-err{background:#dc2626!important;color:#fff!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* touch screens: remaining controls under 40 px (final smoke check) */
@media(pointer:coarse){
 .sm-codex #stickerStudio .sms-size-label,.sm-codex #stickerStudio .sms-qty-pre,.sm-codex #stickerStudio .sl2-pill{min-height:40px!important}
 .sm-codex #stickerStudio .sms-border-color-btn{min-width:40px!important;min-height:40px!important}
 #smCodexHelp,#sxAiBtn,#sxEnhBtn,#sxLayersH,.sm-codex #stickerStudio #btnDownload,.sm-codex #stickerStudio #btnShareLink,#sxCartBtn,.sm-codex #stickerStudio #btnATCBottom{min-height:40px!important}
 .sm-codex #stickerStudio #btnDownload,#sxCartBtn{min-width:40px!important}
 #sl2-proof-ol .sl2-proof-x,#sl2-proof-ol .sl2-proof-back{min-width:44px;min-height:44px}
 #sms-cart-popup .sms-cart-remove-btn{min-width:40px!important;min-height:40px!important}
 .sm-codex #stickerStudio .sms-tool-icon,.sm-codex #stickerStudio .sms-tool-action,.sm-codex #stickerStudio .sms-zb{min-height:40px!important}
 .sm-codex #stickerStudio .sms-zb{min-width:40px!important}
}
/* desktop: the Erase/Fill brush bar sits at the bottom of the canvas, not over the top of the art (strokes there grabbed the slider) */
@media(min-width:769px){.sm-codex #stickerStudio #smsEraserBar{top:auto!important;bottom:14px!important}.sm-codex #stickerStudio .sms-canvas-area:has(#smsEraserBar[style*="flex"]) #smCodexFeedback{visibility:hidden}}
@media(pointer:coarse){#smsTextToolbar .sms-tbb{min-width:40px!important;min-height:40px!important}#smsTextToolbar #smsTbFont,#smsTextToolbar #smsTbSize{min-height:40px!important}}

/* Dev: a slim category rail and an expanding drawer share space with the canvas. */
.sm-tool-rail[hidden],.sm-tool-intro[hidden]{display:none!important}
.sm-tool-rail{--sm-tool-count:6}.sm-tool-rail:has(.cv-rail-launcher){--sm-tool-count:7}
.sm-tool-rail>.sm-tool-category[hidden],.sm-elements-tabs[hidden]{display:none!important}
.sm-elements-tabs{display:flex;flex:none;gap:6px;margin:2px 16px 12px;padding:0}
.sm-library-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:2;min-width:0}
.sm-elements-tab,.sm-elements-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:62px;padding:8px 4px;border:1px solid var(--tm-brand-e5ebf2,#e5ebf2);border-radius:11px;background:#fff;color:#677b91;font:600 11px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.sm-elements-action{flex:1}
.sm-elements-tab svg,.sm-elements-action svg{width:23px;height:23px;flex:none}
.sm-elements-tab:hover,.sm-elements-action:hover{background:var(--tm-brand-f5f9ff,#f5f9ff);border-color:var(--tm-brand-c4d9f1,#c4d9f1);color:var(--tm-brand-246cc3,#246cc3)}
.sm-elements-tab[aria-selected=true]{background:var(--tm-brand-edf5ff,#edf5ff);border-color:var(--tm-brand-b4d4f8,#b4d4f8);color:var(--tm-brand-246cc3,#246cc3)}
.sm-elements-tab:focus-visible,.sm-elements-action:focus-visible,.sm-graphic-category:focus-visible{outline:2px solid var(--tm-brand-4389df,#4389df);outline-offset:2px}
.sm-elements-open>.sm-tool-intro{display:none!important}
.sm-library-search{position:relative;min-width:0}
.sm-library-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#8394a7;pointer-events:none}
.sm-codex #stickerStudio #smToolPanel .sm-library-search>input{padding-left:35px!important}
.sm-graphic-categories{display:grid;grid-template-columns:repeat(var(--sm-category-count,4),minmax(0,1fr));gap:4px}
.sm-graphic-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:50px;padding:5px 2px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7a8ba0;font:500 10px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.sm-graphic-category svg{width:19px;height:19px;flex:none}
.sm-graphic-category:hover{background:var(--tm-brand-f5f8fc,#f5f8fc);color:var(--tm-brand-376eaa,#376eaa)}
.sm-graphic-category[aria-pressed=true]{background:var(--tm-brand-eef4fb,#eef4fb);color:var(--tm-brand-246cc3,#246cc3)}
.sm-codex #stickerStudio #smToolPanel.sm-elements-open .sm-drawer-content{padding-top:0!important}
.sm-codex #stickerStudio #smToolPanel #smToolPane-elements .sm-library-controls{gap:8px;margin-bottom:12px}
.sm-codex #stickerStudio #smToolPanel #smToolPane-elements .sms-modal-item{min-height:70px;padding:8px 3px!important;border-color:transparent!important;background:var(--tm-brand-f8fafc,#f8fafc)!important;border-radius:9px!important;gap:6px}
.sm-codex #stickerStudio #smToolPanel #smToolPane-elements .sms-modal-item:hover{background:var(--tm-brand-edf5ff,#edf5ff)!important;border-color:var(--tm-brand-c4d9f1,#c4d9f1)!important}
@media(min-width:769px){
 .sm-codex #stickerStudio .sms-editor{grid-template-columns:84px 0 minmax(0,1fr)!important}
 .sm-codex #stickerStudio .sms-editor.sm-tool-panel-open{grid-template-columns:84px 280px minmax(0,1fr)!important}
 .sm-codex #stickerStudio .sm-canvas-workspace{grid-column:3!important}
 .sm-tool-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:12px 6px;background:var(--tm-brand-f3f4f7,#f3f4f7);border-right:1px solid var(--tm-brand-e0e4eb,#e0e4eb);overflow-y:auto;overscroll-behavior:contain}
 .sm-tool-category{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;max-height:76px;flex:1 1 72px;padding:8px 2px;border:1px solid transparent;border-radius:12px;background:transparent;color:#626b78;cursor:pointer;font:600 11px/1.3 Inter,Arial,sans-serif}
 .sm-tool-category svg{width:26px;height:26px;flex-shrink:0;color:var(--tm-brand-528bd0,#528bd0);stroke-width:1.8}
 .sm-tool-category:hover,.sm-tool-category[aria-expanded=true]{background:var(--tm-brand-e1ecfd,#e1ecfd);border-color:var(--tm-brand-bfd5f3,#bfd5f3);color:var(--tm-brand-246cc3,#246cc3)}
 .sm-tool-category[aria-expanded=true]:after{content:'';position:absolute;right:-7px;top:24px;bottom:24px;width:3px;border-radius:3px 0 0 3px;background:var(--tm-brand-4389df,#4389df)}
 .sm-tool-category:last-child{margin-top:auto}
 .sm-codex #stickerStudio #smToolPanel{grid-column:2!important;min-width:0;overflow-y:auto!important;overscroll-behavior:contain}
 .sm-codex #stickerStudio #smToolPanel[hidden]{display:none!important}
 .sm-codex #stickerStudio #smToolPanel>.sm-panel-head{display:flex!important;align-items:center;justify-content:space-between;flex-shrink:0;min-height:62px;padding:14px 16px 8px;border:0!important}
 .sm-codex #stickerStudio #smToolPanel .sm-panel-head small{display:none!important}
 .sm-codex #stickerStudio #smToolPanel .sm-panel-head strong{font-size:18px!important;color:var(--tm-brand-24476f,#24476f)}
 .sm-codex #stickerStudio #smToolPanel .sm-panel-close{display:grid!important;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:8px;background:var(--tm-brand-f1f3f6,#f1f3f6);color:#63758b;font-size:22px;cursor:pointer}
 .sm-codex #stickerStudio #smToolPanel .sm-panel-close:hover{background:var(--tm-brand-e1ecfd,#e1ecfd);color:var(--tm-brand-246cc3,#246cc3)}
 .sm-codex #stickerStudio #smToolPanel .sms-tool-group[hidden]{display:none!important}
 .sm-tool-intro{padding:0 16px 8px;flex-shrink:0;color:#6a7d92;font-size:12px;line-height:1.5}
 .sm-codex #stickerStudio #smToolPanel .sms-tool-group{padding:14px 16px!important;border-bottom:0!important}
 .sm-codex #stickerStudio #smToolPanel :is(.sms-tool-icon,.sms-tool-action){height:54px!important;min-height:54px!important;gap:5px!important;padding:6px 3px!important}
 .sm-codex #stickerStudio #smToolPanel :is(.sms-tool-icon,.sms-tool-action) svg{width:21px!important;height:21px!important}
 .sm-codex #stickerStudio #smToolPanel .sms-tool-group-label{font-size:11px!important;margin-bottom:9px!important;line-height:15px!important}
 .sm-codex #stickerStudio #smToolPanel #smsDetailWrap>.sms-tool-group-label,.sm-codex #stickerStudio #smToolPanel #smsBorderColorRow>.sms-tool-group-label{margin-top:18px!important}
 .sm-codex #stickerStudio #smToolPanel .sm-border-mm{margin-top:10px!important;padding-bottom:12px!important;font-size:11px!important}
 .sm-codex #stickerStudio #smToolPanel .sms-border-color-btn{width:25px!important;height:25px!important}
 .sm-codex #stickerStudio #smToolPanel .sm-drawer-content{min-height:0!important;flex:1 1 0!important;overflow-y:auto!important;overscroll-behavior:contain}
 .sm-docked-tool{font-size:13px;line-height:1.45}
 .sm-docked-tool>div{width:100%!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
 .sm-docked-tool>div>h3,.sm-docked-tool .sms-modal-close,.sm-docked-tool #sl2agX,.sm-docked-tool #sl2agCx,.sm-docked-tool #smsTextCancel,.sm-docked-tool#sl2-aigen-ol>div>div:first-child{display:none!important}
 .sm-docked-tool input[type=text],.sm-docked-tool textarea,.sm-docked-tool select,.sm-library-controls input,.sm-library-controls select{width:100%!important;min-width:0;border:1px solid var(--tm-brand-dce3ed,#dce3ed)!important;border-radius:9px!important;background:var(--tm-brand-f8fafc,#f8fafc)!important;color:var(--tm-brand-24476f,#24476f)!important;padding:9px 10px!important;font-size:13px!important;line-height:1.35!important;box-sizing:border-box}
 .sm-docked-tool label{color:#63748a!important;letter-spacing:.3px!important}
 .sm-docked-tool #smsTextPreview{min-height:66px!important;background:var(--tm-brand-f3f5f8,#f3f5f8)!important;border:0!important;border-radius:10px!important;margin-bottom:12px!important;padding:12px!important}
 .sm-docked-tool #smsModalBold,.sm-docked-tool #smsModalItalic{min-width:30px;min-height:30px;border-radius:7px!important}
 .sm-docked-tool .sm-text-font-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .sm-docked-tool #smsTextAdd,.sm-docked-tool #sl2agGo,.sm-upload-action{border:0!important;border-radius:10px!important;background:var(--tm-brand-2878dc,#2878dc)!important;color:var(--tm-on-2878dc,white)!important;font:600 13px/1.3 Inter,Arial,sans-serif!important;padding:12px!important;min-height:42px;box-shadow:none!important;cursor:pointer}
 .sm-docked-tool .sl2-ag-chip{border:1px solid var(--tm-brand-e1e6ee,#e1e6ee)!important;border-radius:8px;background:#f3f4f6!important;color:#637183!important}
 .sm-docked-tool .sl2-ag-chip.sl2-ag-active,.sm-docked-tool .sl2-ag-chip:hover{background:var(--tm-brand-e1edff,#e1edff)!important;border-color:var(--tm-brand-9cbff0,#9cbff0)!important;color:var(--tm-brand-226ecb,#226ecb)!important}
 .sm-upload-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.sm-upload-action svg{width:20px;height:20px;flex-shrink:0}.sm-upload-action:hover{background:var(--tm-brand-2068c0,#2068c0)!important}
 .sm-upload-formats,.sm-upload-empty{font-size:11px;line-height:1.5;color:#6d7d91;margin:10px 0 18px}.sm-gallery-title{font-size:12px;font-weight:600;color:var(--tm-brand-536b86,#536b86);margin-bottom:10px}
 .sm-upload-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sm-upload-thumb{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--tm-brand-e3e7ef,#e3e7ef);border-radius:10px;background:var(--tm-brand-f7f9fc,#f7f9fc);color:#61738c;font:500 11px Inter,Arial,sans-serif;cursor:pointer}.sm-upload-thumb img{width:100%;height:82px;object-fit:contain;background:repeating-conic-gradient(var(--tm-brand-e5e9ef,#e5e9ef) 0 25%,#fff 0 50%) 0/12px 12px;border-radius:6px}.sm-upload-thumb:hover{border-color:var(--tm-brand-a8c9f4,#a8c9f4);background:var(--tm-brand-eaf2ff,#eaf2ff)}
 .sm-library-controls{display:grid;gap:8px;margin-bottom:14px}.sm-qr-shortcut{min-height:34px;padding:8px 10px;border:1px solid var(--tm-brand-dce5f1,#dce5f1);border-radius:9px;background:var(--tm-brand-f1f5fa,#f1f5fa);color:var(--tm-brand-34689f,#34689f);font:600 12px Inter,Arial,sans-serif;cursor:pointer}.sm-qr-shortcut:hover{background:var(--tm-brand-e1edff,#e1edff);border-color:var(--tm-brand-9cbff0,#9cbff0);color:var(--tm-brand-226ecb,#226ecb)}
 .sm-codex #stickerStudio #smToolPanel .sms-modal-grid,.sm-docked-tool div[style*="repeat(4,1fr)"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .sm-codex #stickerStudio #smToolPanel :is(.sms-modal-item,.sms-template-card){display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:76px;padding:10px 4px!important;border:1px solid var(--tm-brand-e5e8ee,#e5e8ee)!important;border-radius:10px!important;background:#f5f6f8!important;box-shadow:none!important;cursor:pointer}
 .sm-codex #stickerStudio #smToolPanel :is(.sms-modal-item,.sms-template-card):hover{background:var(--tm-brand-e5efff,#e5efff)!important;border-color:var(--tm-brand-a6c8f4,#a6c8f4)!important}
 .sm-docked-tool .sms-modal-item>svg,.sm-docked-tool .sms-modal-item>img{width:30px!important;height:30px!important;flex-shrink:0}.sm-docked-tool .sms-modal-item span,.sm-docked-tool .sms-tpl-name{font-size:11px!important;line-height:1.25;color:var(--tm-brand-53677f,#53677f)!important;text-align:center;overflow-wrap:anywhere}
 .sm-docked-tool .sms-tpl-icon{width:38px!important;height:38px!important;margin:0!important;flex-shrink:0}.sm-docked-tool .sms-clipart-cat{grid-column:1/-1;font-size:11px;color:#63758c;margin:6px 0 0}.sm-library-empty{color:#6d7d91;font-size:12px;line-height:1.5}
 .sm-codex #stickerStudio #smToolPanel [hidden]{display:none!important}
}
@media(min-width:769px) and (max-height:680px){
 .sm-tool-rail{padding:8px 6px;gap:4px}.sm-tool-category{min-height:48px;max-height:68px;padding:5px 2px;gap:4px}.sm-tool-category svg{width:23px;height:23px}
 .sm-codex #stickerStudio #smToolPanel>.sm-panel-head{min-height:48px;padding:9px 16px 5px}
 .sm-tool-intro{padding:0 16px 2px;font-size:11px}
 .sm-codex #stickerStudio #smToolPanel .sms-tool-group{padding:10px 16px!important}
 .sm-codex #stickerStudio #smToolPanel :is(.sms-tool-icon,.sms-tool-action){height:44px!important;min-height:44px!important;gap:3px!important}
 .sm-codex #stickerStudio #smToolPanel #smsDetailWrap>.sms-tool-group-label,.sm-codex #stickerStudio #smToolPanel #smsBorderColorRow>.sms-tool-group-label{margin-top:12px!important}
}

/* Dev Layers uses the same docked right-hand bar as DTF Studio. */
.sm-layers-side[hidden],.sm-layers-empty[hidden]{display:none!important}
.sm-properties-rail{display:none}
@media(min-width:769px){
 .sm-codex #stickerStudio .sm-canvas-workspace:has(.sm-layers-side){grid-template-columns:minmax(0,1fr) 220px}
 .sm-codex #stickerStudio .sm-canvas-workspace:has(.sm-layers-collapsed){grid-template-columns:minmax(0,1fr) 48px}
 .sm-codex #stickerStudio .sm-canvas-tools{grid-column:1/-1}
 .sm-layers-side{grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:hidden;background:#fff;border-left:1px solid var(--tm-brand-dce6f1,#dce6f1);display:flex;flex-direction:column}
 .sm-codex #stickerStudio .sm-layers-side #sxLayers{display:flex!important;flex:1;flex-direction:column;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;overflow:hidden}
 .sm-codex #stickerStudio .sm-layers-side #sxLayersH{flex:none;min-height:44px!important;padding:10px 12px;border-bottom:1px solid var(--tm-brand-e5ecf4,#e5ecf4);border-radius:0;background:var(--tm-brand-f7faff,#f7faff);color:var(--tm-brand-52779e,#52779e);gap:7px}
 .sm-codex #stickerStudio .sm-layers-side #sxLayersH .sxl-i{width:17px;height:17px}
 .sm-codex #stickerStudio .sm-layers-side #sxLayersList{flex:1;max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;border:0;padding:5px}
 .sm-codex #stickerStudio .sm-layers-side .sxl-row{padding:6px 3px;gap:2px;min-width:0}
 .sm-codex #stickerStudio .sm-layers-side .sxl-main{gap:5px}
 .sm-codex #stickerStudio .sm-layers-side .sxl-nm{font-size:11px}
 .sm-codex #stickerStudio .sm-layers-side .sxl-ib{width:23px;min-width:23px;height:28px;padding:3px}
 .sm-layers-empty{margin-top:auto;padding:16px 12px;color:var(--tm-brand-8198b1,#8198b1);font:500 11px/1.5 Inter,Arial,sans-serif}
 .sm-layers-collapsed #sxLayersH>:not(:first-child),.sm-layers-collapsed #sxLayersList,.sm-layers-collapsed .sm-layers-empty,.sm-layers-collapsed #sxProperties{display:none!important}
 .sm-codex #stickerStudio .sm-layers-collapsed #sxLayersH{justify-content:center;padding:10px}
 .sm-layers-collapsed .sm-properties-rail{display:grid;place-items:center;flex:none;width:100%;height:48px;padding:10px;border:0;border-top:1px solid var(--tm-brand-e5ecf4,#e5ecf4);background:var(--tm-brand-f7faff,#f7faff);color:var(--tm-brand-52779e,#52779e);cursor:pointer}
 .sm-properties-rail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .sm-properties-rail:hover{background:var(--tm-brand-eaf3ff,#eaf3ff);color:var(--tm-brand-2878dc,#2878dc)}.sm-properties-rail:focus-visible{outline:2px solid var(--tm-brand-4389df,#4389df);outline-offset:-3px}
}
@media(max-width:768px){.sm-layers-empty{display:none!important}}

/* Layers, Properties and Arrange share one open section at a time. */
#sxLayers #sxProperties{display:none;flex:none;border-top:1px solid var(--tm-brand-e5ecf4,#e5ecf4);padding:0 12px 12px;background:#fff;font-size:11px;line-height:1.45}
#sxLayers.open #sxProperties{display:block}
.sxl-prop-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0}
#sxLayers #sxPropertiesH{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:12px;font-weight:700;text-align:left}
#sxLayers #sxPropertiesH[aria-expanded=true] svg{transform:rotate(180deg)}
#sxLayers #sxPropertiesH{margin-right:auto}
#sxLayers .sxl-arrange-button{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:4px;border:1px solid var(--tm-brand-e0e5ed,#e0e5ed);border-radius:7px;background:#f3f4f6;color:var(--tm-brand-4d88cc,#4d88cc)}
#sxLayers .sxl-arrange-button[aria-expanded=true],#sxLayers .sxl-arrange-button:hover{background:var(--tm-brand-eaf3ff,#eaf3ff);border-color:var(--tm-brand-a8c8ed,#a8c8ed);color:var(--tm-brand-2878dc,#2878dc)}
#sxLayers #sxLinkDimensions{display:grid;place-items:center;width:28px;height:28px;padding:4px;border:1px solid var(--tm-brand-e0e5ed,#e0e5ed);border-radius:7px;background:#f3f4f6;color:#6c7f94}
#sxLayers #sxLinkDimensions[aria-pressed=true]{background:var(--tm-brand-eaf3ff,#eaf3ff);border-color:var(--tm-brand-a8c8ed,#a8c8ed);color:var(--tm-brand-2878dc,#2878dc)}
#sxLayers #sxLinkDimensions:disabled{opacity:.4;cursor:default}
#sxProperties [hidden]{display:none!important}
.sxl-prop-empty,.sxl-prop-name,.sxl-prop-hint,.sxl-prop-status{margin:0}
.sxl-prop-empty,.sxl-prop-hint{color:#8294a9}
.sxl-prop-name{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--tm-brand-536f8e,#536f8e)}
.sxl-prop-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sxl-prop-fields label{display:grid;gap:4px;color:#6c819b;font-size:10px;font-weight:600}
.sxl-prop-value{display:flex;align-items:center;gap:3px;min-width:0;height:34px;padding:0 6px;border:1px solid var(--tm-brand-dce3ed,#dce3ed);border-radius:7px;background:var(--tm-brand-f8fafc,#f8fafc)}
.sxl-prop-value:focus-within{border-color:var(--tm-brand-4389df,#4389df);outline:2px solid var(--tm-brand-e4efff,#e4efff)}
.sxl-prop-value input{min-width:0;width:100%;padding:0;border:0;outline:none;background:none;color:var(--tm-brand-264e79,#264e79);font:500 12px/1.3 Inter,Arial,sans-serif;appearance:textfield;-moz-appearance:textfield}
.sxl-prop-value input::-webkit-inner-spin-button,.sxl-prop-value input::-webkit-outer-spin-button{appearance:none;margin:0}
.sxl-prop-value>span{font-weight:400;color:#92a1b4}
.sxl-prop-preset-label{margin:7px 0 4px;color:#8294a9;font-size:10px}
.sxl-prop-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 8px}
#sxLayers .sxl-prop-presets button{min-height:28px;padding:3px;border:1px solid var(--tm-brand-e1e6ed,#e1e6ed);border-radius:6px;background:#f3f4f6;color:var(--tm-brand-5b7b9f,#5b7b9f);font-size:11px;font-weight:600}
#sxLayers .sxl-prop-presets button:hover{background:var(--tm-brand-e4efff,#e4efff);border-color:var(--tm-brand-a8c8ed,#a8c8ed);color:var(--tm-brand-216ac5,#216ac5)}
.sxl-prop-hint,.sxl-prop-status{font-size:10px;line-height:1.5}
.sxl-prop-form:has(+.sxl-prop-status:not([hidden])) .sxl-prop-hint{display:none}
.sxl-prop-status{margin-top:6px;color:#9a6919}.sxl-prop-status.error{color:#b42318}
#sxProperties button:focus-visible{outline:2px solid var(--tm-brand-4389df,#4389df);outline-offset:2px}
@media(max-width:768px){
 #sxLayers.open{display:flex;flex-direction:column;max-height:calc(var(--sxl-room,320px) - 16px)}
 #sxLayersH{flex:none}
 #sxLayers.open #sxLayersList{min-height:40px;flex:1;max-height:150px}
 #sxLayers #sxProperties{padding-bottom:10px;flex:none;min-height:0;max-height:calc(var(--sxl-room,320px) - 90px);overflow-y:auto;overscroll-behavior:contain}
 .sm-codex #stickerStudio:has(#sxLayers.open) #adjustBar{display:none!important}
}
@media(max-width:768px) and (max-height:600px){
 .sxl-prop-header{padding:4px 0}
 .sxl-prop-name{display:none}
}

/* Arrange is a sibling section so opening it can fully collapse Properties. */
#sxArrange{margin-top:9px;border-top:1px solid var(--tm-brand-e5ecf4,#e5ecf4)}
#sxArrange summary{padding:9px 0;cursor:pointer;font-weight:700;color:var(--tm-brand-52779e,#52779e)}
#sxArrange summary:focus-visible{outline:2px solid var(--tm-brand-4389df,#4389df);outline-offset:2px}
.sxd-arrange-body{display:grid;gap:7px;padding-bottom:2px}
#sxLayers #sxArrange button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px;border:1px solid var(--tm-brand-e1e6ed,#e1e6ed);border-radius:7px;background:#f3f4f6;color:var(--tm-brand-52779e,#52779e);font-size:10px;font-weight:600;line-height:1.3}
#sxLayers #sxArrange button:hover:not(:disabled){background:var(--tm-brand-e4efff,#e4efff);border-color:var(--tm-brand-a8c8ed,#a8c8ed);color:var(--tm-brand-216ac5,#216ac5)}
#sxLayers #sxArrange button:disabled{opacity:.45;cursor:default}
#sxArrange svg,.sxd-check svg{width:18px;height:18px;flex:none}
.sxd-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.sxd-row.sxd-nudge{grid-template-columns:repeat(4,minmax(0,1fr))}
#sxLayers .sxd-nudge button{font-size:17px}
.sxd-label,.sxd-shortcuts,#sxArrangeStatus{margin:0;font-size:10px;line-height:1.5;color:#8294a9}
.sxd-arrange-empty{margin:0;color:#6c819b;font-size:11px;line-height:1.5}
.sxd-angle-label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;color:#6c819b}
#sxArrangeStatus{color:#8d691d}#sxArrangeStatus.error{color:#b42318}
@media(min-width:769px){#sxPropertiesBody{max-height:min(420px,calc(100dvh - 305px));min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}}
#sxLayers #sxLayersList[hidden],#sxLayers #sxPropertiesBody[hidden]{display:none!important}
#sxLayers:not([data-section=properties]) .sxl-prop-header>:not(#sxPropertiesH){display:none!important}
#sxLayers #sxLayersH[aria-expanded=false] .sxl-i:last-child{transform:none!important}
#sxLayers #sxLayersH[aria-expanded=true] .sxl-i:last-child{transform:rotate(180deg)!important}
#sxLayers.open[data-section=properties] #sxProperties{display:flex;flex:1;flex-direction:column;min-height:0;max-height:none;overflow:hidden}
#sxLayers.open[data-section=properties] #sxPropertiesBody{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
#sxLayers .sxl-prop-header{flex:none}
#sxLayers>#sxArrange{flex:none;min-height:0;margin:0;padding:0 12px;border-top:1px solid var(--tm-brand-e5ecf4,#e5ecf4)}
#sxLayers>#sxArrange summary{flex:none;font-size:12px}
#sxLayers>#sxArrange[open]{flex:1;overflow-y:auto;overscroll-behavior:contain}
#sxLayers>#sxArrange[open] .sxd-arrange-body{align-content:start;padding-bottom:12px}
#sxLayers:not(.open)>#sxArrange{display:none!important}
.sm-layers-collapsed #sxArrange{display:none!important}
.sm-codex #stickerStudio .sxd-check{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px!important;border:1px solid var(--tm-brand-d9e7f6,#d9e7f6)!important;border-radius:9px!important;background:#fff!important;color:var(--tm-brand-52779e,#52779e)!important;cursor:pointer;font-size:11px!important}
.sm-codex #stickerStudio .sxd-check:hover{background:var(--tm-brand-eaf3ff,#eaf3ff)!important;color:var(--tm-brand-2475db,#2475db)!important}
@media(max-width:1250px){.sm-codex #stickerStudio .sxd-check span{display:none}}
@media(min-width:769px){.sm-codex #stickerStudio.sm-design-empty .sm-canvas-utilities{display:flex!important}.sm-codex #stickerStudio.sm-design-empty .sm-editbar #btnUndo{display:inline-flex!important}.sm-design-empty #stageShadow{display:none!important}}
@media(max-width:768px){.sm-codex #stickerStudio .sm-codex-actions .sxd-check{min-width:34px;min-height:34px;padding:6px!important}}
@media(max-width:768px){.sm-codex .sm-codex-actions>.sxd-check{display:inline-flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:6px!important;border:1px solid var(--tm-brand-d9e7f6,#d9e7f6)!important;border-radius:9px;background:#fff;color:var(--tm-brand-52779e,#52779e);cursor:pointer}.sm-codex .sm-codex-actions>.sxd-check span{display:none!important}.sm-codex .sm-codex-actions>.sxd-check:hover{background:var(--tm-brand-eaf3ff,#eaf3ff);color:var(--tm-brand-2475db,#2475db)}}
@media(max-width:768px){.sm-codex-bar .sm-codex-brand{margin-left:42px!important;width:calc(100% - 100px)!important}}
#smsQRPreview{width:200px;max-width:100%;height:auto}#smsQRError{font-size:12px;line-height:1.5;color:#b42318}#smsQRAdd:disabled{opacity:.45;cursor:default}
#sxDesignCheck{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--tm-brand-dce3ed,#dce3ed);border-radius:16px;background:#fff;color:var(--tm-brand-264e79,#264e79);box-shadow:0 20px 70px #12264133;font:14px/1.5 Inter,Arial,sans-serif;overflow-y:auto;overscroll-behavior:contain}
#sxDesignCheck::backdrop{background:#17274466}
/* The storefront resets dialog margin and padding; keep this native modal centered. */
#sxDesignCheck{position:fixed!important;inset:0!important;margin:auto!important;padding:20px!important;width:min(480px,calc(100vw - 24px))!important;height:fit-content!important;max-height:calc(100dvh - 32px)!important;border:1px solid var(--tm-brand-dce3ed,#dce3ed)!important;border-radius:16px!important;box-sizing:border-box!important;background:#fff!important;color:var(--tm-brand-264e79,#264e79)!important;overflow-y:auto!important}
#sxDesignCheck:not([open]){display:none!important}
#sxDesignCheck h2{color:var(--tm-brand-264e79,#264e79)!important;font-size:20px!important;line-height:1.3!important}
#sxDesignCheck button{padding:7px 10px!important;min-height:36px;border:1px solid var(--tm-brand-dce3ed,#dce3ed)!important;border-radius:8px!important;background:#f3f4f6!important;color:var(--tm-brand-52779e,#52779e)!important}
#sxDesignCheck .sxd-dialog-head button{padding:0!important}
.sxd-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sxd-dialog-head h2{margin:0;font-size:20px}
#sxDesignCheck button{font:600 12px/1.5 Inter,Arial,sans-serif;border:1px solid var(--tm-brand-dce3ed,#dce3ed);border-radius:8px;padding:7px 10px;background:#f3f4f6;color:var(--tm-brand-52779e,#52779e);cursor:pointer}
#sxDesignCheck button:hover{background:var(--tm-brand-eaf3ff,#eaf3ff);color:var(--tm-brand-2475db,#2475db)}#sxDesignCheck button:focus-visible,.sxd-check:focus-visible{outline:2px solid var(--tm-brand-4389df,#4389df);outline-offset:2px}
.sxd-dialog-head button{font-size:20px!important;min-width:36px;min-height:36px;padding:0!important}
.sxd-check-intro{color:#6c819b;margin:10px 0 16px}.sxd-check-item{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--tm-brand-e5ecf4,#e5ecf4)}.sxd-check-item>div{min-width:0;overflow-wrap:anywhere}
.sxd-check-item h3{margin:0 0 3px;font-size:13px}.sxd-check-item p{margin:0;font-size:12px;color:#6c819b}.sxd-check-item button{margin-top:6px}
.sxd-check-badge{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#eaf5ef;color:#198754;font-weight:700}.sxd-check-item.warning .sxd-check-badge{background:#fff4dc;color:#a86814}.sxd-check-item.error .sxd-check-badge{background:#fdecec;color:#b42318}
.sxd-check-note{font-size:11px;color:#8294a9;margin:14px 0}.sxd-done{width:100%}
#sxDeleteUndo{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 12px;background:var(--tm-brand-172744,#172744);color:var(--tm-on-172744,white);border-radius:10px;box-shadow:0 8px 24px #17274433;font-size:12px;white-space:nowrap}
#sxDeleteUndo button{border:0;border-radius:6px;min-height:32px;padding:5px 9px;background:#fff;color:var(--tm-brand-216ac5,#216ac5);font:600 12px/1.4 Inter,Arial,sans-serif;cursor:pointer}#sxDeleteUndo button:last-child{background:transparent;color:#fff;font-size:18px;padding:0 5px}
@media(min-width:769px){.sm-codex #stickerStudio:not(.sm-has-art) .sm-canvas-utilities{display:flex!important}.sm-codex #stickerStudio:not(.sm-has-art) .sm-canvas-utilities>:not(#smCodexHelp):not(#sxCheckDesign){display:none!important}}
@media(min-width:769px){.sm-codex #stickerStudio:not(.sm-has-art) .sm-canvas-tools .sm-canvas-utilities>#sxCheckDesign{display:inline-flex!important}}
/* Circular background-color swatches, including the native custom picker. */
.sm-codex #stickerStudio #smsBorderColorRow .sms-border-color-btn,
.sm-codex #stickerStudio #smsBorderColorCustom{border-radius:50%!important;aspect-ratio:1/1}
.sm-codex #stickerStudio #smsBorderColorCustom::-webkit-color-swatch-wrapper,
.sm-codex #stickerStudio #smsBorderColorCustom::-webkit-color-swatch,
.sm-codex #stickerStudio #smsBorderColorCustom::-moz-color-swatch{border-radius:50%!important}
/* Merchant logo stays alone in the header; platform credit uses the saved-design caption. */
.sm-codex-bar .tm-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1;height:100%}
.sm-codex-bar .tm-brand-lockup .sm-codex-brand{margin:0!important;width:100%!important;max-width:100%!important;min-height:0!important;flex:0 1 auto!important;align-self:center;justify-content:center}
.sm-codex-bar .tm-brand-lockup .sm-codex-brand img{max-height:64px!important}
.sm-codex #smsAutoSaveIndicator .tm-studio-credit{line-height:1.4}
.sm-codex #smsAutoSaveIndicator #tm-powered-by{display:inline-block;pointer-events:auto;font:10px/1.4 Inter,Arial,sans-serif;color:#71849b;text-decoration:none;white-space:nowrap}
.sm-codex #smsAutoSaveIndicator #tm-powered-by:hover{text-decoration:underline;color:var(--tm-brand-216ac5,#216ac5)}
.sm-codex #smsAutoSaveIndicator #tm-powered-by:focus-visible{outline:2px solid var(--tm-brand-4389df,#4389df);outline-offset:3px;border-radius:3px}
.sm-codex #smsAutoSaveStatus:not([data-save-error]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sm-codex #smsAutoSaveStatus[data-save-error]{display:block;max-width:min(360px,calc(100vw - 32px));padding:5px 8px;border-radius:6px;background:#fff;color:#9e3030;font:12px/1.4 Inter,Arial,sans-serif;pointer-events:auto}
.sm-codex #smsAutoSaveIndicator:has([data-save-error]) .tm-studio-credit{display:none}
@media(max-width:768px){.sm-codex-bar .tm-brand-lockup{max-width:144px;gap:2px;flex:1 1 128px}.sm-codex-bar .tm-brand-lockup .sm-codex-brand img{max-height:44px!important}.sm-codex #smsAutoSaveIndicator:has(.tm-studio-credit),.sm-codex #smsAutoSaveIndicator:has([data-save-error]){display:block!important;right:12px!important;left:auto!important;bottom:68px!important}}

/* Seven desktop categories stay visible without adding either scrollbar. */
.sm-codex #stickerStage #stageShadow{position:absolute;inset:0;z-index:-1;display:none;pointer-events:none;overflow:visible;background:none;border:0;box-shadow:none;filter:blur(calc(10px * var(--sm-ruler-scale,1)));opacity:.18;transform:translate(0,calc(7px * var(--sm-ruler-scale,1)));transition:none}
.sm-codex #stickerStage #stageShadow[data-shadow-ready]{display:block}
.sm-codex #stickerStage #stageShadow>svg{display:block;width:100%;height:100%;overflow:visible;fill:var(--tm-brand-172744,#172744)}
body.sms-cutline-computing .sm-codex #stickerStage #stageShadow,body.sms-interacting .sm-codex #stickerStage #stageShadow{visibility:hidden}
@media(min-width:769px){
 .sm-codex #stickerStudio .sm-tool-rail{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--sm-tool-count),minmax(0,1fr));align-content:stretch;gap:4px;padding:8px 5px;min-width:0;min-height:0;overflow:visible!important;box-sizing:border-box}
 .sm-codex #stickerStudio .sm-tool-category{width:100%;max-width:100%;min-width:0;min-height:0;max-height:none;flex:none;margin:0!important;padding:5px 1px;gap:4px;box-sizing:border-box}
 .sm-codex #stickerStudio .sm-tool-category>span{display:block;min-width:0;max-width:100%;font-size:11px;line-height:1.15;white-space:normal;text-align:center}
 .sm-codex #stickerStudio .sm-tool-category[aria-expanded=true]:after{right:0;top:25%;bottom:25%}
}
@media(min-width:769px) and (max-height:620px){
 .sm-codex #stickerStudio .sm-tool-rail{gap:2px;padding:5px 4px}
 .sm-codex #stickerStudio .sm-tool-category{padding:3px 1px;gap:3px}
 .sm-codex #stickerStudio .sm-tool-category svg{width:22px;height:22px}
 .sm-codex #stickerStudio .sm-tool-category>span{font-size:10px}
}
/* Text uses its original stacked form. These spacing adjustments are enabled
   only when measurements show that the actual open pane would overflow. */
@media(min-width:769px){
 .sm-codex #stickerStudio #smToolPanel[data-text-fit] #smToolPane-text{padding-top:var(--sm-text-pad,10px)!important;padding-bottom:var(--sm-text-pad,10px)!important}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit] #smsTextPreview{min-height:var(--sm-text-preview,56px)!important;max-height:var(--sm-text-preview,56px)!important;padding:var(--sm-text-preview-pad,8px)!important;margin-bottom:var(--sm-text-space,8px)!important}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit] #smsTextInput{margin-bottom:var(--sm-text-space,8px)!important}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit] .sm-text-font-row{gap:var(--sm-text-row-gap,8px)!important;margin-bottom:var(--sm-text-space,8px)!important}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit] #smToolPane-text .sm-docked-tool>div>div:has(.sms-modal-swatch){margin-bottom:var(--sm-text-space,8px)!important}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit="2"]{--sm-text-pad:6px;--sm-text-preview:44px;--sm-text-preview-pad:6px;--sm-text-space:6px;--sm-text-row-gap:6px}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit="2"]>.sm-panel-head{min-height:48px;padding-top:7px;padding-bottom:5px}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit="2"]>.sm-tool-intro{padding-bottom:3px}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit="3"]{--sm-text-pad:4px;--sm-text-preview:40px;--sm-text-preview-pad:4px;--sm-text-space:4px;--sm-text-row-gap:4px}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit="3"]>.sm-panel-head{min-height:40px;padding-top:4px;padding-bottom:4px}
 .sm-codex #stickerStudio #smToolPanel[data-text-fit="3"]>.sm-tool-intro{display:none}
}

/* Offer information owns a layout row, so artwork fitting excludes the notice. */
.sm-codex #stickerStudio .sm-canvas-workspace:has(>.tm-deal-banner:not([hidden])){grid-template-rows:auto minmax(0,1fr) auto!important}
.sm-codex #stickerStudio .sm-canvas-workspace:has(>.tm-deal-banner:not([hidden]))>.sms-canvas-area{grid-row:2!important}
.sm-canvas-workspace:has(>.tm-deal-banner:not([hidden]))>.sm-canvas-tools{grid-row:3}
@media(min-width:769px){.sm-canvas-workspace:has(>.tm-deal-banner:not([hidden]))>.sm-layers-side{grid-row:1/3}}
.tm-deal-banner{grid-column:1;grid-row:1;position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:8px 12px;background:#fff;border-bottom:1px solid var(--tm-brand-dce8f4,#dce8f4);color:var(--tm-brand-315675,#315675);font:12px/1.4 system-ui}
.tm-deal-banner[hidden]{display:none!important}
.tm-deal-banner [data-deal-description]{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.tm-deal-banner button{flex:none;border:1px solid var(--tm-brand-dce5ef,#dce5ef);border-radius:7px;padding:6px 9px;background:#fff;color:inherit;font:inherit;cursor:pointer}
.tm-deal-banner button:hover{background:var(--tm-brand-f0f5fb,#f0f5fb)}
.tm-deal-banner[data-active=true] [data-deal-description]{font-weight:600}
.tm-deal-banner[data-active=true] button:first-of-type{display:none}
.tm-deal-banner .tm-deal-dismiss{display:grid;place-items:center;width:32px;height:32px;padding:6px;margin-left:auto;border-color:transparent}
.tm-deal-banner[data-active=false]{background:#fffcf2;color:#795500}
@media(max-width:768px){.tm-deal-banner{gap:6px;padding:6px 10px;font-size:11px}.tm-deal-banner [data-deal-description]{flex-basis:calc(100% - 44px)}.tm-deal-banner button{min-height:36px}.tm-deal-banner .tm-deal-dismiss{position:absolute;right:8px;top:6px;width:36px;height:36px}}

[data-tm-deal-active=true] #smsSaveBadge{display:none!important}

/* Desktop purchase header: five equal settings/total columns, with brand and
   stacked cart actions each one quarter wider than a setting.
   The same engine button moves into the existing phone toolbar below 769px. */
@media(min-width:769px){
 html:not(.tm-proof-studio) .sm-codex-bar{width:calc(100vw / 6)!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-config{left:calc(100vw / 6)!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,2.25fr)!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box{position:relative!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;grid-template-rows:40px 40px!important;align-content:center!important;gap:6px 0!important;padding:5px 0!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box::before{content:'';position:absolute;top:12px;bottom:12px;right:55.55555556%;width:1px;background:var(--tm-brand-dce5f1,#dce5f1);pointer-events:none}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box .sm-order-label{grid-column:1!important;grid-row:1!important;align-self:end;line-height:14px;white-space:nowrap;margin:0 10px 3px 18px}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box>div:first-of-type{grid-column:1!important;grid-row:2!important;min-width:0;align-self:start!important;gap:5px!important;flex-wrap:wrap!important;line-height:1.3;margin:0 10px 0 18px!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #btnATCBottom,html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #sxCartBtn{grid-column:2!important;align-self:center!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:calc(100% - 16px)!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:8px!important;white-space:nowrap;font-size:13px!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #sxCartBtn{grid-row:1!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #sxCartBtn{border-color:#dedfe2!important;background:#f6f6f7!important;color:#4b4f55!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #sxCartBtn:hover{border-color:#c5c7cc!important;background:#ededf0!important;color:#303338!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #btnATCBottom{grid-row:2!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box .sm-cart-count{position:static;flex:none;min-width:20px;height:20px;padding:0 5px;border:0;border-radius:999px;font-size:10px;font-weight:750}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-unit{font-size:10px!important}
}
@media(min-width:769px) and (max-width:1199px){
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box>div:first-of-type{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
}
@media(min-width:769px) and (max-width:959px){
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box .sm-order-label{margin-left:8px;margin-right:8px}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box>div:first-of-type{margin-left:8px!important;margin-right:8px!important}
 html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #btnATCBottom,html:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box #sxCartBtn{font-size:12px!important;gap:5px!important;padding:8px 4px!important}
}
@media(max-width:768px){#sxCartBtn .sm-cart-label{display:none}}

/* The shopper's cart actions use a neutral pair, independent of merchant accents. */
html:not(.tm-proof-studio) body #stickerStudio #btnATCBottom:not(:disabled):not(.sx-atc-err){background:#35383c!important;color:#fff!important}
html:not(.tm-proof-studio) body #stickerStudio #btnATCBottom:hover:not(:disabled):not(.sx-atc-err){background:#25272b!important;color:#fff!important}
html:not(.tm-proof-studio) body #stickerStudio #btnATCBottom:disabled{background:#ededf0!important;color:#858990!important}
html:not(.tm-proof-studio) #sxCartBtn .sm-cart-count{background:#53575e;color:#fff}
/* Embedded sites can use their own logo without reserving a second logo column. */
html.tm-hide-builder-logo .sm-codex-bar .tm-brand-lockup,
html.tm-hide-builder-logo .sm-codex-bar .sm-codex-brand{display:none!important}
@media(min-width:769px){
 html.tm-hide-builder-logo .sm-codex-bar{display:none!important}
 html.tm-hide-builder-logo body .sm-codex #stickerStudio .sms-config{left:0!important}
 html.tm-hide-builder-logo:not(.tm-proof-studio) .sm-codex .sm-spec-toggle{align-items:center!important;text-align:center}
 html.tm-hide-builder-logo:not(.tm-proof-studio) .sm-codex .sm-spec-label,
 html.tm-hide-builder-logo:not(.tm-proof-studio) .sm-codex .sm-spec-value{align-items:center!important;justify-content:center;text-align:center}
 html.tm-hide-builder-logo:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box .sm-order-label{justify-self:center!important;margin:0 8px 3px!important;text-align:center}
 html.tm-hide-builder-logo:not(.tm-proof-studio) .sm-codex #stickerStudio .sms-price-box>div:first-of-type{align-items:center!important;justify-content:center!important;margin:0 8px!important;text-align:center}
}
@media(max-width:768px){
 html.tm-hide-builder-logo .sm-codex-bar .sm-codex-actions{flex:1!important;width:100%;justify-content:space-between!important}
}
html:not(.tm-proof-studio) body #stickerStudio #btnATCBottom:focus-visible,html:not(.tm-proof-studio) body #stickerStudio #sxCartBtn:focus-visible{outline:2px solid #676b72;outline-offset:3px}
/* Keep quality guidance compact, readable and clear of the artwork controls. */
#smsDpiToast .sm-quality-notice{box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;width:420px;padding:14px;background:#fff;color:#3f3f46;border:1px solid #e4e4e7;border-radius:12px;box-shadow:0 8px 28px #18181b14;font:400 13px/1.45 Inter,Arial,sans-serif;text-align:left}
#smsDpiToast .sm-quality-icon{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:9px;background:#f4f4f5;color:#71717a}
#smsDpiToast .sm-quality-copy{flex:1;min-width:0}
#smsDpiToast .sm-quality-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:22px}
#smsDpiToast .sm-quality-title strong{font-size:13px;font-weight:600;color:#27272a}
#smsDpiToast .sm-quality-dpi{padding:2px 6px;border-radius:5px;background:#f4f4f5;color:#52525b;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap}
#smsDpiToast .sm-quality-copy p{margin:4px 0 0;color:#71717a;font-size:12px;line-height:1.5}
#smsDpiToast[data-level=low] .sm-quality-icon{background:#fff1f2;color:#be123c}
#smsDpiToast [data-dismiss]{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:none;color:#71717a;cursor:pointer}
#smsDpiToast [data-dismiss]:hover{background:#f4f4f5;color:#27272a}
#smsDpiToast [data-dismiss]:focus-visible{outline:2px solid #71717a;outline-offset:2px}
/* This explicit white stays white when merchant theme contrast colors change. */
.sm-codex #stickerStudio #blankShape .sm-upload-label,.sm-codex #stickerStudio .sm-upload-action,.sm-codex #stickerStudio :is(.sm-upload-label,.sm-upload-action) svg{color:rgb(255 255 255)!important}
@media(max-width:768px){#smsDpiToast .sm-quality-notice{padding:12px;gap:10px}}
/* Normal typing in the form; only the dedicated sample uses the chosen face. */
html body .sm-codex #stickerStudio #smsTextInput{font-family:Inter,Arial,sans-serif!important;font-weight:400!important;font-style:normal!important;text-transform:none!important;letter-spacing:normal!important}
#smsTextPreview>span{text-transform:none!important;font-variant:normal!important;letter-spacing:normal!important}
/* One light horizontal formatting row, anchored clear of the selected text. */
html body .sm-codex #stickerStudio .sms-editor #smsTextToolbar{position:absolute!important;left:var(--sm-textbar-left,8px)!important;top:var(--sm-textbar-top,8px)!important;right:auto!important;bottom:auto!important;transform:none!important;flex-direction:column!important;width:max-content!important;min-width:0!important;max-width:calc(100% - 16px)!important;max-height:none!important;padding:6px!important;gap:0!important;margin:0!important;border:1px solid #e1e2e6!important;border-radius:13px!important;background:#fff!important;color:#30343b!important;box-shadow:0 4px 20px #18181b18!important;backdrop-filter:none!important;overflow:visible!important;z-index:90!important}
html body .sm-codex #stickerStudio #smsTbRow1{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;min-width:0!important;max-width:100%!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
html body .sm-codex #stickerStudio #smsTextToolbar :is(.sms-tbi,.sms-tbb){height:34px!important;min-height:34px!important;margin:0!important;border:1px solid #e1e2e6!important;border-radius:8px!important;background:#fff!important;color:#30343b!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;line-height:1!important;text-shadow:none!important;box-shadow:none!important}
html body .sm-codex #stickerStudio #smsTextToolbar .sms-tbb{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;flex:0 0 32px!important;padding:0!important}
html body .sm-codex #stickerStudio #smsTextToolbar .sms-tbb[aria-pressed=true]{background:#f0ebff!important;border-color:#e5dcff!important;color:#57348a!important}
html body .sm-codex #stickerStudio #smsTbFont{flex:1 1 145px!important;min-width:85px!important;max-width:160px!important;width:145px!important;padding:0 8px!important;text-overflow:ellipsis}
html body .sm-codex #stickerStudio #smsTbSize{flex:0 0 44px!important;width:44px!important;min-width:44px!important;padding:0 2px!important}
html body .sm-codex #stickerStudio #smsTextToolbar :is(#smsTbColor,#smsTbStrokeColor){flex:none!important;width:30px!important;height:30px!important;min-width:30px!important;padding:3px!important;border:1px solid #e1e2e6!important;border-radius:8px!important;background:#fff!important}
html body .sm-codex #stickerStudio #smsTbRow1>div{display:none!important}
html body .sm-codex #stickerStudio #smsTbPalette[hidden]{display:none!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette:not([hidden]){position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;left:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:12px!important;gap:10px!important;border:1px solid #e1e2e6!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 18px #18181b18!important;overflow:visible!important}
html body .sm-codex #stickerStudio :is(#smsTbSwatches,#smsTbGradients){display:flex!important;flex-wrap:wrap!important;gap:5px!important;max-width:100%!important;margin:0!important;padding:3px!important}
html body .sm-codex #stickerStudio #smsTbPalette :is(.sms-csw,.sms-gsw){width:24px!important;height:24px!important;flex:0 0 24px!important;min-width:24px!important;padding:0!important;border-radius:50%!important}
/* The same compact, rounded toolbar for newly added and restored text. */
html body .sm-codex #stickerStudio .sms-editor #smsTextToolbar{border-radius:18px!important;padding:5px!important;box-shadow:0 3px 12px #24243b20!important}
html body .sm-codex #stickerStudio #smsTbRow1{gap:5px!important}
html body .sm-codex #stickerStudio #smsTbRow1 :is(.sms-tbi,.sms-tbb){height:40px!important;min-height:40px!important;border-radius:12px!important;font-size:16px!important}
html body .sm-codex #stickerStudio #smsTbRow1>.sms-tbb{border-color:transparent!important;width:39px!important;min-width:39px!important;flex-basis:39px!important;font-size:23px!important}
html body .sm-codex #stickerStudio #smsTbFont{width:172px!important;max-width:172px!important;min-width:100px!important;flex:0 0 172px!important;padding:0 10px!important}
html body .sm-codex #stickerStudio #smsTbSizeGroup{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:6px!important;border:0!important;border-radius:0!important;height:36px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbSizeGroup :is(button,input){border:1px solid #e1e2e6!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbSizeGroup .sms-tbb{width:28px!important;min-width:28px!important;flex-basis:28px!important;height:28px!important;min-height:28px!important;font-size:18px!important;padding:0!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbSize{appearance:textfield!important;-moz-appearance:textfield!important;width:var(--sm-text-size-width,42px)!important;min-width:var(--sm-text-size-width,42px)!important;flex-basis:var(--sm-text-size-width,42px)!important;height:32px!important;min-height:32px!important;font-size:16px!important}
html body .sm-codex #stickerStudio #smsTbSize::-webkit-inner-spin-button,html body .sm-codex #stickerStudio #smsTbSize::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html body .sm-codex #stickerStudio #smsTbSizeGroup .sms-tb-size-unit{font:11px/1 Inter,Arial,sans-serif;color:#616b78}
html body .sm-codex #stickerStudio #smsTbPaletteToggle{position:relative!important;font-size:25px!important;font-weight:600!important;padding:0 0 5px!important}
html body .sm-codex #stickerStudio #smsTbPaletteToggle:after{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ff6475,#ffcf55,#38d4a7,#5a9fff,#c883ed)}
html body .sm-codex #stickerStudio #smsTbBold{font-weight:800!important}
html body .sm-codex #stickerStudio #smsTbItalic{font-family:Georgia,serif!important;color:#8c8c98!important}
html body .sm-codex #stickerStudio #smsTbMore{font-size:26px!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette :is(#smsTbSwatches,#smsTbGradients){display:flex!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;gap:7px!important;margin:0!important;padding:0!important;overflow:visible!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette .sms-swlbl{display:block!important;flex:0 0 100%!important;width:100%!important;margin:0!important;padding:0!important;font:600 11px/1.3 Inter,Arial,sans-serif!important;color:#6b7180!important;letter-spacing:0!important;text-transform:none!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette :is(.sms-csw,.sms-gsw,#smsTbColor){box-sizing:border-box!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;flex:0 0 26px!important;margin:0!important;padding:0!important;border-radius:50%!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbOutlineRow{display:none!important;align-items:center!important;gap:8px!important;padding:0!important;border:0!important;font:12px Inter,Arial,sans-serif!important;color:#62636f!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette[data-options=outline] #smsTbOutlineRow{display:flex!important}
html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette[data-options=outline] :is(#smsTbSwatches,#smsTbGradients){display:none!important}
@media(max-width:768px){html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette :is(.sms-csw,.sms-gsw,#smsTbColor){width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-basis:24px!important}html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette :is(#smsTbSwatches,#smsTbGradients){gap:6px!important}}
@media(max-width:768px){html body .sm-codex #stickerStudio #smsTextToolbar #smsTbPalette .sms-swlbl{display:none!important}}
@media(max-width:768px) and (max-height:500px){html.sx-app body .sm-codex #stickerStudio .sms-editor #smsTextToolbar{position:fixed!important;z-index:200!important}}
@media(max-width:768px) and (max-height:500px){
 #smsDpiToast .sm-quality-notice{padding:8px;gap:6px}
 #smsDpiToast .sm-quality-copy p{display:none}
 #smsDpiToast .sm-quality-title{gap:4px;min-height:18px}
 #smsDpiToast .sm-quality-title strong{font-size:11px;line-height:14px}
 #smsDpiToast .sm-quality-dpi{font-size:10px}
}
html body .sm-codex #stickerStudio #smsTextToolbar button:focus-visible{outline:2px solid #9270d6!important;outline-offset:-2px!important}
@media(pointer:coarse){html body .sm-codex #stickerStudio #smsTbRow1>.sms-tbb{min-width:42px!important;flex-basis:42px!important}}
@media(pointer:coarse){html body .sm-codex #stickerStudio #smsTextToolbar #smsTbSizeGroup .sms-tbb{width:36px!important;min-width:36px!important;flex-basis:36px!important;height:36px!important;min-height:36px!important}}
/* Fabric's upper canvas is editor UI; material blends belong to artwork only. */
html body .sm-codex #stickerStudio #stickerStage canvas.upper-canvas{mix-blend-mode:normal!important;filter:none!important}

/* Crop actions share the text toolbar's surface, rhythm and focus treatment. */
.sms-crop-toolbar{position:fixed;z-index:100000;display:flex;align-items:center;flex-wrap:wrap;gap:5px;box-sizing:border-box;width:max-content;padding:5px!important;gap:5px!important;border:1px solid #e1e2e6;border-radius:18px;background:#fff;color:#30343b;box-shadow:0 3px 12px #24243b20;font-family:Inter,Arial,sans-serif;pointer-events:auto}
.sms-crop-toolbar button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;height:40px;min-height:40px;margin:0;padding:0 11px;border:1px solid transparent;border-radius:12px;background:#fff;color:#30343b;font:500 13px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:none}
.sms-crop-toolbar button:hover{background:#f4f4f7}.sms-crop-toolbar ._keep{background:#f0ebff;border-color:#e5dcff;color:#57348a}.sms-crop-toolbar ._keep:hover{background:#e9e0ff}.sms-crop-toolbar ._del:hover{background:#fff0f0;color:#ad303b}
.sms-crop-toolbar button:focus-visible{outline:2px solid #9270d6;outline-offset:-2px}.sms-crop-toolbar svg{width:18px;height:18px;flex:0 0 18px}.sms-crop-toolbar ._cancel{width:39px;min-width:39px;padding:0}.sms-crop-divider{width:1px;height:22px;background:#e1e2e6;margin:0 1px}
@media(pointer:coarse){.sms-crop-toolbar button{height:44px;min-height:44px}.sms-crop-toolbar ._cancel{width:44px;min-width:44px}}
@media(max-width:400px){.sms-crop-toolbar{gap:3px;padding:4px}.sms-crop-toolbar button{padding:0 7px;font-size:12px;gap:5px}.sms-crop-toolbar .sms-crop-divider{display:none}}

html body:has(#stickerStudio) #sl2agGo{color:#fff!important}

/* Body-level crop menus also override the standalone page's outer reset. */
html body:has(#stickerStudio)>#smsCropToolbar{padding:5px!important;gap:5px!important}
html body:has(#stickerStudio) #smsEraserBar{box-sizing:border-box;max-width:calc(100% - 16px);flex-wrap:wrap;justify-content:center;padding:5px 10px!important;gap:10px!important;border:1px solid #e1e2e6!important;border-radius:18px!important;background:#fff!important;box-shadow:0 3px 12px #24243b20!important;backdrop-filter:none!important;color:#30343b!important}
html body:has(#stickerStudio) #smsEraserMode{color:#57348a!important;font-weight:600!important}html body:has(#stickerStudio) #smsEraserSize{accent-color:#9270d6!important}
html body:has(#stickerStudio) #smsEraserDone{height:40px;min-height:40px;padding:0 12px!important;border:1px solid #e5dcff!important;border-radius:12px!important;background:#f0ebff!important;color:#57348a!important;font:500 13px/1 Inter,Arial,sans-serif!important}
html body:has(#stickerStudio) #smsEraserDone:focus-visible{outline:2px solid #9270d6;outline-offset:-2px}
@media(pointer:coarse){html body:has(#stickerStudio) #smsEraserDone{height:44px;min-height:44px}}

/* Grouped Studio header: preserve the original controls and engine handlers. */
.sm-spec-group{display:contents}
@media(min-width:769px){
 html:not(.tm-proof-studio) .sm-codex-bar{width:calc(100vw / 6)!important;border:0!important;background:#fff!important;padding:14px 12px!important;box-shadow:none!important}
 html:not(.tm-proof-studio) .sm-codex-bar .tm-brand-lockup{width:100%;max-width:240px;margin:auto}
 html:not(.tm-proof-studio) .sm-codex-bar .tm-brand-lockup .sm-codex-brand img{max-height:64px!important;max-width:100%!important;object-fit:contain}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-config{left:calc(100vw / 6)!important;display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)!important;align-items:center!important;column-gap:18px!important;height:96px!important;padding:0 24px 0 12px!important;border:0!important;border-bottom:1px solid var(--tm-border,var(--tm-brand-e5eaf0,#e5eaf0))!important;background:#fff!important;box-shadow:none!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;position:relative;box-sizing:border-box;min-width:0;height:68px;padding:0;border:1px solid var(--tm-border,var(--tm-brand-dfe6ef,#dfe6ef));border-radius:14px;background:#fff;box-shadow:0 3px 12px #203a6310;overflow:visible}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group>.sms-config-section{position:relative!important;min-width:0!important;height:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group>.sms-config-section+.sms-config-section:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--tm-border,var(--tm-brand-e6ebf2,#e6ebf2));pointer-events:none}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:6px;width:100%;height:100%;min-width:0;padding:10px 29px 10px 16px;border:0;border-radius:12px;background:transparent;text-align:left!important;transition:background .15s ease}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle:hover{background:var(--tm-brand-f7f9fc,#f7f9fc)}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle[aria-expanded=true]{background:var(--tm-brand-edf4fc,#edf4fc)}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-label{display:flex;align-items:center!important;justify-content:flex-start!important;gap:7px;margin:0;font:500 11px/14px Inter,Arial,sans-serif!important;letter-spacing:0!important;color:#697b94!important;text-align:left!important;white-space:nowrap}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-label i{display:inline!important;font:500 10px/14px Inter,Arial,sans-serif!important;color:#8999ae!important;letter-spacing:0!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-value{display:flex;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px;min-width:0;width:100%;height:24px;text-align:left!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;font:700 clamp(13px,1.1vw,18px)/24px Inter,Arial,sans-serif!important;letter-spacing:-.35px!important;color:var(--tm-brand-172d4b,#172d4b)!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-shape-preview,html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-finish-preview{width:23px;height:23px;flex:0 0 23px}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-caption{display:none!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle>svg{display:block!important;position:absolute;right:12px;top:50%;width:12px;height:12px;margin:0;color:#6e819a;transform:translateY(-50%) rotate(180deg)}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle[aria-expanded=true]>svg{transform:translateY(-50%)}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle:focus-visible{outline:2px solid var(--tm-brand-4675ad,#4675ad)!important;outline-offset:-3px!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-options{top:calc(100% + 12px);bottom:auto;border-color:var(--tm-border,var(--tm-brand-dfe6ef,#dfe6ef));border-radius:14px;box-shadow:0 10px 35px #172d4b20}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(130px,1.05fr)!important;grid-template-rows:32px 32px!important;gap:5px 16px!important;align-content:center!important;align-items:center!important;height:78px;min-width:0;padding:0 0 0 20px!important;border:0!important;background:#fff!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box:before{top:12px;bottom:12px;left:0;right:auto;width:1px;background:var(--tm-border,var(--tm-brand-dfe6ef,#dfe6ef))}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box .sm-order-label{grid-column:1!important;grid-row:1!important;align-self:end!important;justify-self:start!important;margin:0 0 2px!important;font:500 9px/12px Inter,Arial,sans-serif!important;letter-spacing:.4px;color:#7b8aa0!important;text-align:left!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box>div:first-of-type{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;align-self:start!important;gap:6px!important;min-width:0;margin:0!important;flex-wrap:wrap!important;text-align:left!important;line-height:1.2!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-total{font:750 clamp(23px,2.1vw,33px)/1 Inter,Arial,sans-serif!important;letter-spacing:-1px!important;color:var(--tm-brand-193a61,#193a61)!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-unit{font:400 10px/14px Inter,Arial,sans-serif!important;color:#7a8798!important;white-space:nowrap}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #sxCartBtn,html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #btnATCBottom{grid-column:2!important;justify-self:stretch!important;align-self:center!important;box-sizing:border-box;width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:5px 10px!important;gap:7px!important;border-radius:8px!important;font:700 12px/18px Inter,Arial,sans-serif!important;letter-spacing:-.1px!important;white-space:nowrap}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #sxCartBtn{grid-row:1!important;border:1px solid var(--tm-brand-dfe5ed,#dfe5ed)!important;background:#fff!important;color:var(--tm-brand-253142,#253142)!important;box-shadow:0 2px 5px #203a6309!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #sxCartBtn:hover{background:var(--tm-brand-f5f7fa,#f5f7fa)!important;border-color:var(--tm-brand-c3cfdd,#c3cfdd)!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #btnATCBottom{grid-row:2!important;box-shadow:none!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #btnATCBottom:disabled{background:#eceef1!important;color:#8a9099!important;border:1px solid transparent!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #sxCartBtn svg,html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #btnATCBottom svg{width:17px!important;height:17px!important;flex:0 0 17px}
 html.tm-hide-builder-logo:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-config{left:0!important;padding-left:24px!important}
}
@media(min-width:769px) and (max-width:1100px){
 html:not(.tm-proof-studio) .sm-codex-bar{padding:14px!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-config{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr)!important;column-gap:12px!important;padding:0 12px 0 4px!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle{padding-left:10px;padding-right:23px}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-label{font-size:10px!important;gap:4px}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-label i{font-size:9px!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-value{gap:5px}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-shape-preview,html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-finish-preview{width:18px;height:18px;flex-basis:18px}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle>svg{right:8px;width:10px;height:10px}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box{grid-template-columns:minmax(0,1fr) minmax(100px,1.05fr)!important;gap:5px 8px!important;padding-left:10px!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #sxCartBtn,html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #btnATCBottom{font-size:11px!important;padding:5px!important;gap:4px!important}
 html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-unit{font-size:9px!important}
}
@media(min-width:769px) and (pointer:coarse){html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box{grid-template-rows:38px 38px!important;height:86px}html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #sxCartBtn,html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sms-price-box #btnATCBottom{height:38px!important;min-height:38px!important}}
/* Short landscape editors need the downward palette above the canvas tools. */
@media(max-width:768px) and (max-height:500px){html.sx-app body .sm-codex #stickerStudio .sms-editor #smsTextToolbar{position:fixed!important;z-index:200!important}}
/* Applied offers sit directly above the total, using the existing label space. */
html body .sticker-studio-section.sm-codex #stickerStudio#stickerStudio .sms-price-box .sm-order-label.tm-deal-applied,html body .sm-codex #sxHeaderTotal>span.tm-deal-applied{color:#16814b!important;font-size:13px!important;line-height:16px!important;font-weight:800!important;letter-spacing:.35px!important;text-transform:uppercase!important;white-space:nowrap}
/* The inch ruler fills the bottom ~34px of the desktop canvas; keep the resolution note and platform credit above it. */
@media(min-width:769px){.sm-codex #stickerStudio .sms-canvas-area>#smCodexFeedback{bottom:40px!important}.sm-codex #smsAutoSaveIndicator{bottom:38px!important}}

/* Enhance already repeats the DPI; while the quality notice is up, it shows it once. */
body:has(#smsDpiToast) #sxEnhDpi{display:none!important}
/* Spec values wrap instead of cutting off ("Glos…") on narrow tablets. */
@media(min-width:769px) and (max-width:1000px){html:not(.tm-proof-studio) body .sm-codex #stickerStudio .sm-spec-group .sm-spec-toggle strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important;min-width:0}}
/* Locked quantities read as unavailable, and the rule explaining them is readable. */
.sm-codex #stickerStudio .sms-qty-pre.sms-locked,.sm-codex #stickerStudio .sl2-pill.sms-locked{background:#f4f4f6!important;border-style:dashed!important;border-color:#d5d5db!important;color:#8b8b95!important;text-decoration:line-through!important;opacity:1!important}
.sm-codex #stickerStudio .sms-min-qty-hint{color:#8a4b08!important;font-size:12px!important;line-height:1.4!important}

/* Cutline offset: the slider takes its own row under the label and number box. */
.sm-codex #stickerStudio .sm-border-mm{flex-wrap:wrap;row-gap:6px}
.sm-codex #stickerStudio .sm-border-mm #smBorderSlider{flex:1 0 100%;width:100%!important;min-width:0;height:28px;margin:0;padding:0!important;border:0!important;background:transparent!important;accent-color:var(--tm-brand-2878dc,#2878dc);cursor:pointer;touch-action:pan-y}
@media(pointer:coarse){.sm-codex #stickerStudio .sm-border-mm #smBorderSlider{height:44px}}