.pod-designer{--pd-ink:rgb(var(--color-foreground));--pd-paper:rgb(var(--color-background));--pd-line:rgba(var(--color-foreground),.12);position:fixed;inset:0;z-index:2147482000;display:none;color:var(--pd-ink);font-family:var(--font-body-family);font-size:14px}.pod-designer.is-open{display:block}.pod-designer__backdrop{position:absolute;inset:0;background:rgba(18,18,18,.46)}.pod-designer__dialog{position:absolute;inset:24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--pd-paper);border-radius:16px;box-shadow:0 24px 70px rgba(18,18,18,.2)}.pod-designer__header,.pod-designer__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--pd-line)}.pod-designer__footer{border-top:1px solid var(--pd-line);border-bottom:0}.pod-designer__product{display:flex;align-items:center;min-width:0;gap:12px}.pod-designer__product img{width:48px;height:48px;object-fit:cover;border-radius:8px}.pod-designer__product p,.pod-designer__product h2{margin:0}.pod-designer__product p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.pod-designer__product h2{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.pod-designer__header-actions{display:flex;align-items:center;gap:8px}.pod-designer button{font:inherit}.pod-designer__text-button,.pod-designer__close,.pod-designer__plain-button,.pod-designer__workspace-heading button,.pod-designer__selection-head button{border:0;background:transparent;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.pod-designer__text-button:disabled{opacity:.3;cursor:not-allowed}.pod-designer__close{padding:8px 10px;text-decoration:none;border:1px solid var(--pd-line);border-radius:8px}.pod-designer__layout{display:grid;grid-template-columns:290px minmax(360px,1fr) 320px;min-height:0}.pod-designer__tools,.pod-designer__preview{min-height:0;overflow-y:auto;padding:18px}.pod-designer__tools{border-right:1px solid var(--pd-line)}.pod-designer__preview{border-left:1px solid var(--pd-line)}.pod-designer__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:22px;padding:4px;background:rgba(var(--color-foreground),.045);border-radius:10px}.pod-designer__tabs button{min-height:36px;padding:6px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;font-size:12px}.pod-designer__tabs button.is-active{background:var(--pd-paper);box-shadow:0 1px 5px rgba(18,18,18,.08);font-weight:700}.pod-designer__panel-heading h3{margin:0 0 5px;font-size:17px}.pod-designer__panel-heading p{margin:0 0 18px;color:rgba(var(--color-foreground),.58);font-size:12px;line-height:1.55}.pod-designer__upload{display:grid;place-items:center;min-height:70px;padding:10px;text-align:center;border:1px dashed rgba(var(--color-foreground),.28);border-radius:12px;background:rgba(var(--color-foreground),.025);cursor:pointer}.pod-designer__upload:hover{border-color:rgba(var(--color-foreground),.55)}.pod-designer__upload input{position:absolute;width:1px;height:1px;opacity:0}.pod-designer__upload strong{font-size:13.5px}.pod-designer__upload span{margin-top:4px;color:rgba(var(--color-foreground),.52);font-size:11px}.pod-designer__error{color:#a12b2b;font-size:12px}.pod-designer__field{display:grid;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700}.pod-designer__field input[type=text]{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;background:var(--pd-paper);color:var(--pd-ink);font:inherit}.pod-designer__field input[type=color]{width:100%;height:44px;padding:4px;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;background:var(--pd-paper)}.pod-designer__secondary-button{width:100%;min-height:44px;border:1px solid var(--pd-ink);border-radius:8px;background:var(--pd-paper);color:var(--pd-ink);font-weight:700;cursor:pointer}.pod-designer__swatches{display:grid;grid-template-columns:repeat(4,42px);gap:10px}.pod-designer__swatches button,.pod-designer__swatches label{width:42px;height:42px;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;cursor:pointer}.pod-designer__swatches button{background:var(--swatch)}.pod-designer__swatches button[data-color="#ffffff"]{--swatch:#fff}.pod-designer__swatches button[data-color="#171717"]{--swatch:#171717}.pod-designer__swatches button[data-color="#e8e5df"]{--swatch:#e8e5df}.pod-designer__swatches button[data-color="#c9d9d0"]{--swatch:#c9d9d0}.pod-designer__swatches button[data-color="#c7d6ea"]{--swatch:#c7d6ea}.pod-designer__swatches button.is-active{outline:2px solid var(--pd-ink);outline-offset:2.5px}.pod-designer__swatches label{overflow:hidden}.pod-designer__swatches input{width:140%;height:140%;margin:-20%;padding:0;border:0;cursor:pointer}.pod-designer__selection{margin-top:24px;padding-top:18px;border-top:1px solid var(--pd-line)}.pod-designer__selection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pod-designer__selection-head button{color:#9b3030;font-size:11.5px}.pod-designer__selection>label{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:10px;margin:11px 0;font-size:11.5px}.pod-designer input[type=range]{accent-color:var(--pd-ink)}.pod-designer__plain-button{margin-top:8px;font-size:11.5px}.pod-designer__workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;padding:18px;background:rgba(var(--color-foreground),.025)}.pod-designer__workspace-heading,.pod-designer__preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pod-designer__workspace-heading div{display:grid}.pod-designer__workspace-heading span,.pod-designer__preview-heading span{color:rgba(var(--color-foreground),.5);font-size:11px}.pod-designer__workspace-heading button{font-size:11.5px}.pod-designer__stage-wrap{display:grid;place-items:center;min-height:0;padding:20px}.pod-designer__stage{position:relative;aspect-ratio:1;width:min(58vh,100%);max-width:620px;overflow:hidden;background:#fff;border:1px solid rgba(var(--color-foreground),.14);box-shadow:0 12px 40px rgba(18,18,18,.08);touch-action:none}.pod-designer__empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;color:rgba(var(--color-foreground),.38)}.pod-designer__empty strong{font-size:15px}.pod-designer__empty span{font-size:11.5px}.pod-designer__layer{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform-origin:center;cursor:grab;user-select:none;touch-action:none}.pod-designer__layer:active{cursor:grabbing}.pod-designer__layer.is-selected:after{content:"";position:absolute;inset:-8px;border:1.5px solid #171717;pointer-events:none}.pod-designer__layer img{display:block;width:180px;max-width:none;pointer-events:none}.pod-designer__layer span{display:block;min-width:50px;padding:4px;white-space:nowrap;font-weight:700;line-height:1.1;pointer-events:none}.pod-designer__canvas-note{margin:0;text-align:center;color:rgba(var(--color-foreground),.5);font-size:10.5px}.pod-designer__preview-heading{margin-bottom:14px}.pod-designer__product-preview{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.025);border-radius:12px}.pod-designer__product-preview>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.pod-designer__preview-art{position:absolute;left:32%;top:25%;width:36%;height:45%;overflow:hidden;pointer-events:none;transform:perspective(300px) rotateY(-2deg)}.pod-designer__preview-art .pod-designer__layer{transform-origin:center}.pod-designer__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;font-size:12px}.pod-designer__footer p{display:grid;margin:0}.pod-designer__footer p span{color:rgba(var(--color-foreground),.5);font-size:10.5px}.pod-designer__finish{min-width:200px;min-height:48px;padding:0 20px;border:1px solid var(--pd-ink);border-radius:8px;background:var(--pd-ink);color:var(--pd-paper);font-weight:700;cursor:pointer}.pod-designer__finish:active,.pod-designer__secondary-button:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.pod-designer *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:990px){.pod-designer__dialog{inset:0;border-radius:0}.pod-designer__layout{grid-template-columns:250px minmax(340px,1fr)}.pod-designer__preview{display:none}}@media(max-width:749px){.pod-designer__header{padding:10px 12px}.pod-designer__product img{width:40px;height:40px}.pod-designer__product h2{max-width:180px;font-size:12.5px}.pod-designer__text-button{display:none}.pod-designer__layout{position:relative;display:flex;flex-direction:column}.pod-designer__workspace{order:1;flex:1;padding:10px}.pod-designer__workspace-heading{padding:0 3px}.pod-designer__stage-wrap{padding:10px 0}.pod-designer__stage{width:min(100%,48vh)}.pod-designer__canvas-note{display:none}.pod-designer__tools{order:2;flex:0 0 auto;max-height:34vh;padding:10px 12px;border:0;border-top:1px solid var(--pd-line);background:var(--pd-paper)}.pod-designer__tabs{margin-bottom:10px}.pod-designer__panel-heading p{display:none}.pod-designer__upload{min-height:80px;padding:10px}.pod-designer__selection{margin-top:10px;padding-top:10px}.pod-designer__selection>label{margin:7px 0}.pod-designer__footer{padding:10px 12px}.pod-designer__footer p span{display:none}.pod-designer__finish{min-width:150px}.pod-designer__dialog{min-height:100dvh}.pod-designer__header-actions{gap:3px}}
.pod-designer__text-grid{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:0 10px}.pod-designer__field--color{grid-column:1/-1}.pod-designer__field select,.pod-designer__field input[type=number]{width:100%;min-height:44px;padding:0 10px;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;background:var(--pd-paper);color:var(--pd-ink);font:inherit;font-weight:400}.pod-designer__color-control{display:flex;align-items:center;gap:9px;min-height:44px;padding:4px 9px;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px}.pod-designer__color-control input[type=color]{width:32px;height:32px;padding:2px;border:0;border-radius:6px}.pod-designer__color-control output{font-size:11px;font-weight:400;text-transform:uppercase;color:rgba(var(--color-foreground),.58)}.pod-designer__advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:1px 0 13px;padding:3px 0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:11.5px;text-decoration:underline;text-underline-offset:3px}.pod-designer__advanced-toggle span{font-size:17px;text-decoration:none}.pod-designer__advanced-text{margin:-3px 0 15px;padding:12px;border:1px solid var(--pd-line);border-radius:10px;background:rgba(var(--color-foreground),.018)}.pod-designer__range-field{display:grid;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700}.pod-designer__range-field>span{display:flex;justify-content:space-between}.pod-designer__range-field output{font-weight:400;color:rgba(var(--color-foreground),.56)}.pod-designer__range-field input{width:100%;margin:0}.pod-designer__check-field{display:flex;align-items:center;justify-content:space-between;margin:3px 0 10px;font-size:11.5px;font-weight:700}.pod-designer__check-field input{width:18px;height:18px;accent-color:var(--pd-ink)}.pod-designer__shadow-settings{padding-top:10px;border-top:1px solid var(--pd-line)}.pod-designer__shadow-settings .pod-designer__field{margin-bottom:12px}.pod-designer__shadow-settings .pod-designer__field input[type=color]{height:38px}.pod-designer__layer svg{display:block;overflow:visible;pointer-events:none}.pod-designer__layer svg text{font-weight:700}
.pod-designer__panel[data-pod-panel="text"]{padding:1px 1px 0}.pod-designer__panel[data-pod-panel="text"] .pod-designer__panel-heading{margin-bottom:17px}.pod-designer__panel[data-pod-panel="text"] .pod-designer__panel-heading h3{font-size:15.5px;letter-spacing:-.015em}.pod-designer__panel[data-pod-panel="text"] .pod-designer__panel-heading p{margin-bottom:0}.pod-designer__panel[data-pod-panel="text"] .pod-designer__field{gap:6.5px;margin-bottom:12.5px;font-size:10.8px;letter-spacing:.01em}.pod-designer__panel[data-pod-panel="text"] .pod-designer__field input[type=text],.pod-designer__panel[data-pod-panel="text"] .pod-designer__field select,.pod-designer__panel[data-pod-panel="text"] .pod-designer__field input[type=number]{min-height:41.5px;border-color:rgba(var(--color-foreground),.14);border-radius:9px;background:rgba(var(--color-foreground),.022);font-weight:500;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.pod-designer__panel[data-pod-panel="text"] .pod-designer__field input:focus,.pod-designer__panel[data-pod-panel="text"] .pod-designer__field select:focus{outline:0;border-color:rgba(var(--color-foreground),.55);background:var(--pd-paper);box-shadow:0 0 0 2.5px rgba(var(--color-foreground),.055)}.pod-designer__panel[data-pod-panel="text"] .pod-designer__field input[type=text]{font-size:11.8px}.pod-designer__text-grid{grid-template-columns:minmax(0,1.65fr) minmax(66px,.72fr);column-gap:8px}.pod-designer__color-control{min-height:41.5px;border-color:rgba(var(--color-foreground),.14);border-radius:9px;background:rgba(var(--color-foreground),.022)}.pod-designer__color-control input[type=color]{width:28px;height:28px;padding:1.5px;border-radius:5.5px}.pod-designer__color-control output{font-size:10px}.pod-designer__advanced-toggle{min-height:40px;margin:1.5px 0 10px;padding:0 10px;border:1px solid rgba(var(--color-foreground),.1);border-radius:9px;background:rgba(var(--color-foreground),.022);font-size:10.8px;font-weight:600;text-decoration:none;transition:background .18s ease,border-color .18s ease}.pod-designer__advanced-toggle:hover{border-color:rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.045)}.pod-designer__advanced-toggle span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:rgba(var(--color-foreground),.065);font-size:13.5px;font-weight:400;line-height:1}.pod-designer__advanced-text{margin:0 0 10px;padding:12.5px;border-color:rgba(var(--color-foreground),.1);border-radius:10px;background:rgba(var(--color-foreground),.025)}.pod-designer__panel[data-pod-panel="text"] .pod-designer__secondary-button{min-height:42px;border-radius:9px;background:var(--pd-ink);color:var(--pd-paper);font-size:11.2px;box-shadow:0 4px 12px rgba(18,18,18,.08);transition:opacity .18s ease,transform .18s ease}.pod-designer__panel[data-pod-panel="text"] .pod-designer__secondary-button:hover{opacity:.86}.pod-designer__panel.is-active{margin-bottom:20px}.pod-designer__layers-dock{position:relative;padding-top:18px!important;border-top:0!important}.pod-designer__layers-dock:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(var(--color-foreground),.12)}
.pod-designer__font-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.pod-designer__font-picker{position:relative}.pod-designer .pod-designer__font-picker-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:41.5px;padding:0 10px;border:1px solid rgba(var(--color-foreground),.14);border-radius:9px;background:rgba(var(--color-foreground),.022);color:inherit;cursor:pointer;text-align:left}.pod-designer__font-picker-button span{display:block;min-width:0;overflow:hidden;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.pod-designer__font-picker-button i{width:7px;height:7px;margin:0 2.5px 3.5px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.pod-designer__font-picker.is-open .pod-designer__font-picker-button{border-color:rgba(var(--color-foreground),.55);background:var(--pd-paper);box-shadow:0 0 0 2.5px rgba(var(--color-foreground),.055)}.pod-designer__font-picker.is-open .pod-designer__font-picker-button i{margin-bottom:-2.5px;transform:rotate(225deg)}.pod-designer__font-picker-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:max(235px,100%);max-height:310px;overflow-y:auto;padding:6px;border:1px solid rgba(var(--color-foreground),.12);border-radius:10px;background:var(--pd-paper);box-shadow:0 15px 40px rgba(18,18,18,.16);scrollbar-width:thin}.pod-designer__font-picker-menu[hidden]{display:none}.pod-designer__font-picker-group{padding:8px 8px 4.5px;color:rgba(var(--color-foreground),.46);font-family:var(--font-body-family);font-size:8.6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pod-designer .pod-designer__font-picker-option{display:flex;align-items:center;width:100%;min-height:40px;padding:5.5px 8px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;font-size:15.5px;line-height:1.2;text-align:left}.pod-designer .pod-designer__font-picker-option:hover,.pod-designer .pod-designer__font-picker-option.is-active{background:rgba(var(--color-foreground),.055)}.pod-designer .pod-designer__font-picker-option.is-active:after{content:"✓";margin-left:auto;padding-left:10px;font-family:var(--font-body-family);font-size:10px}.pod-designer__font-picker-option small{margin-left:8px;color:rgba(var(--color-foreground),.42);font-family:var(--font-body-family);font-size:8.5px}.pod-designer__font-picker-option[data-pod-font-value="Ma Shan Zheng"],.pod-designer__font-picker-option[data-pod-font-value="ZCOOL XiaoWei"],.pod-designer__font-picker-option[data-pod-font-value="Noto Serif SC"]{font-size:14px}
.pod-designer__panel-heading{margin-bottom:18px}.pod-designer__panel-heading p{margin:0;color:rgba(var(--color-foreground),.58);font-size:12px;line-height:1.55}.pod-designer__panel[data-pod-panel="text"] .pod-designer__panel-heading{margin-bottom:18px}
.pod-designer__upload{border:1px solid rgba(var(--color-foreground),.11);border-radius:11px;background:rgba(var(--color-foreground),.025)}.pod-designer__upload:hover{border-color:rgba(var(--color-foreground),.3);background:rgba(var(--color-foreground),.045)}
.pod-designer__outline-settings{margin:-2px 0 11px;padding-top:10px;border-top:1px solid var(--pd-line)}.pod-designer__outline-settings .pod-designer__field{margin-bottom:12px}.pod-designer__outline-settings .pod-designer__field input[type=color]{height:38px}
.pod-designer__style-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:-1px 0 12.5px}.pod-designer__style-toggles label{position:relative;cursor:pointer}.pod-designer__style-toggles input{position:absolute;opacity:0;pointer-events:none}.pod-designer__style-toggles span{display:flex;align-items:center;justify-content:center;gap:5.5px;min-height:37px;border:1px solid rgba(var(--color-foreground),.12);border-radius:8px;background:rgba(var(--color-foreground),.018);font-size:10.5px;font-weight:600;transition:border-color .18s ease,background .18s ease,color .18s ease}.pod-designer__style-toggles b,.pod-designer__style-toggles i{font-size:13.5px;line-height:1}.pod-designer__style-toggles input:checked+span{border-color:var(--pd-ink);background:var(--pd-ink);color:var(--pd-paper)}.pod-designer__style-toggles input:focus-visible+span{outline:2px solid rgba(var(--color-foreground),.28);outline-offset:2px}
.pod-designer__panel[data-pod-panel="text"] [data-pod-text-input]{min-height:48px!important;border-color:rgba(var(--color-foreground),.24)!important;background:var(--pd-paper)!important;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.025)}.pod-designer__panel[data-pod-panel="text"] [data-pod-text-input]:focus{border-color:var(--pd-ink)!important;box-shadow:0 0 0 3px rgba(var(--color-foreground),.08)!important}
.pod-designer__background-picker{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px;border:1px solid rgba(var(--color-foreground),.12);border-radius:11px;background:rgba(var(--color-foreground),.022)}.pod-designer__background-swatch{position:relative;display:block;width:52px;height:52px;overflow:hidden;border:1px solid rgba(var(--color-foreground),.16);border-radius:9px;background:#fff;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.04)}.pod-designer__background-swatch input{position:absolute;inset:-25%;width:150%;height:150%;border:0;padding:0;cursor:pointer}.pod-designer__background-picker-copy{display:grid;gap:2px;min-width:0}.pod-designer__background-picker-copy span{color:rgba(var(--color-foreground),.52);font-size:10px}.pod-designer__background-picker-copy strong{overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.pod-designer__background-picker-copy code{color:rgba(var(--color-foreground),.55);font-family:var(--font-body-family);font-size:10px;letter-spacing:.04em}.pod-designer .pod-designer__background-picker-arrow{padding:5px 3px;border:0;background:transparent;color:rgba(var(--color-foreground),.58);font-size:10px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2.5px}.pod-designer__background-picker:focus-within{border-color:rgba(var(--color-foreground),.42);box-shadow:0 0 0 2.5px rgba(var(--color-foreground),.055)}
/* ===== button hierarchy ===== */
.pod-designer__tabs button{color:rgba(var(--color-foreground),.6);font-weight:600}.pod-designer__tabs button.is-active{color:var(--pd-ink)}
.pod-designer__artwork-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;background:rgba(var(--color-foreground),.05);border-radius:10px}.pod-designer__artwork-switch button{min-height:35px;padding:5px;border:0;border-radius:7px;background:transparent;color:rgba(var(--color-foreground),.62);cursor:pointer;font-size:12px;font-weight:600;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.pod-designer__artwork-switch button.is-active{background:var(--pd-paper);color:var(--pd-ink);box-shadow:0 1px 5px rgba(18,18,18,.08);font-weight:700}
.pod-designer__design-rail{display:grid;gap:16px}.pod-designer__mode,.pod-designer__pieces{display:grid;gap:6px}.pod-designer__mode>strong,.pod-designer__pieces>div>strong{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.pod-designer__pieces>div>span{font-size:10.5px;color:rgba(var(--color-foreground),.45)}
.pod-designer__mode [data-pod-modes]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pod-designer__mode [data-pod-modes] button{min-height:34px;padding:5px;border:1px solid rgba(var(--color-foreground),.14);border-radius:8px;background:var(--pd-paper);color:var(--pd-ink);cursor:pointer;font-size:11.5px;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}.pod-designer__mode [data-pod-modes] button.is-active{border-color:var(--pd-ink);background:var(--pd-ink);color:var(--pd-paper)}
.pod-designer__pieces [data-pod-pieces]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pod-designer__pieces [data-pod-pieces] button{display:grid;gap:4px;place-items:center;min-width:0;padding:5px;border:1px solid rgba(var(--color-foreground),.14);border-radius:8px;background:var(--pd-paper);color:var(--pd-ink);cursor:pointer;font-size:10px;line-height:1.2;transition:border-color .15s ease,background .15s ease}.pod-designer__pieces [data-pod-pieces] button img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px;background:rgba(var(--color-foreground),.04)}.pod-designer__pieces [data-pod-pieces] button span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.pod-designer__pieces [data-pod-pieces] button.is-active{border-color:var(--pd-ink);background:rgba(var(--color-foreground),.04);box-shadow:inset 0 0 0 1px var(--pd-ink)}
.pod-designer__canvas-actions{display:grid;gap:5px;justify-items:end}.pod-designer__canvas-actions-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pod-designer__canvas-actions button,.pod-designer__canvas-arrange>summary{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:5px 10px;border:0;border-radius:8px;background:transparent;color:var(--pd-ink);cursor:pointer;font-size:11.5px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s ease,color .15s ease}.pod-designer__canvas-actions button:hover:not(:disabled),.pod-designer__canvas-arrange>summary:hover{background:rgba(var(--color-foreground),.045)}.pod-designer__canvas-actions button:disabled{opacity:.38;cursor:not-allowed}.pod-designer__canvas-actions button[data-pod-action="smaller"],.pod-designer__canvas-actions button[data-pod-action="larger"],.pod-designer__canvas-actions button[data-pod-action="rotate-left"],.pod-designer__canvas-actions button[data-pod-action="rotate-right"]{min-width:34px;padding:5px 8px;font-size:14.5px}.pod-designer__canvas-actions button[data-pod-action="delete"]{color:#a12b2b}.pod-designer__canvas-actions button[data-pod-action="delete"]:hover:not(:disabled){background:rgba(161,43,43,.06)}
.pod-designer__canvas-arrange,.pod-designer__canvas-opacity-popover{position:relative}.pod-designer__canvas-arrange>summary{list-style:none}.pod-designer__canvas-arrange>summary::-webkit-details-marker{display:none}.pod-designer__canvas-arrange>summary:after{content:"";width:6px;height:6px;margin-left:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .18s ease}.pod-designer__canvas-arrange[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}.pod-designer__canvas-arrange>div{position:absolute;top:calc(100% + 5px);right:0;z-index:40;display:grid;gap:3px;min-width:160px;padding:5px;border:1px solid rgba(var(--color-foreground),.12);border-radius:9px;background:var(--pd-paper);box-shadow:0 14px 36px rgba(18,18,18,.18)}.pod-designer__canvas-arrange>div button{display:block;width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font-size:11.5px;font-weight:500;text-align:left}.pod-designer__canvas-arrange>div button:hover:not(:disabled){background:rgba(var(--color-foreground),.055)}.pod-designer__canvas-arrange>div button:disabled{opacity:.38;cursor:not-allowed}
.pod-designer__canvas-opacity{position:absolute;top:calc(100% + 5px);right:0;z-index:40;display:grid;gap:8px;min-width:200px;padding:11px;border:1px solid rgba(var(--color-foreground),.12);border-radius:9px;background:var(--pd-paper);box-shadow:0 14px 36px rgba(18,18,18,.18)}.pod-designer__canvas-opacity[hidden]{display:none}.pod-designer__canvas-opacity label{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600}.pod-designer__canvas-opacity input{flex:1}.pod-designer__canvas-opacity output{font-size:11px;color:rgba(var(--color-foreground),.6)}
.pod-designer__preset-launch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid rgba(var(--color-foreground),.12);border-radius:11px;background:rgba(var(--color-foreground),.025);color:inherit;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease}.pod-designer__preset-launch:hover{border-color:rgba(var(--color-foreground),.34);background:rgba(var(--color-foreground),.045)}.pod-designer__preset-teaser{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px}.pod-designer__preset-teaser img{width:100%;height:100%;object-fit:cover;border-radius:3px;border:1px solid rgba(var(--color-foreground),.1)}.pod-designer__preset-launch-copy{display:grid;gap:2px}.pod-designer__preset-launch-copy strong{font-size:12.5px}.pod-designer__preset-launch-copy small{color:rgba(var(--color-foreground),.52);font-size:10.5px}.pod-designer__preset-launch-arrow{font-size:16px;color:rgba(var(--color-foreground),.5)}
.pod-designer__preset-categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.pod-designer__preset-categories button{min-height:32px;padding:5px 11px;border:1px solid rgba(var(--color-foreground),.14);border-radius:990px;background:var(--pd-paper);color:var(--pd-ink);cursor:pointer;font-size:11.5px;font-weight:600}.pod-designer__preset-categories button.is-active{border-color:var(--pd-ink);background:var(--pd-ink);color:var(--pd-paper)}
.pod-designer__canvas-actions button,.pod-designer__canvas-arrange>summary{border:0;background:transparent;box-shadow:none}
.pod-designer__canvas-actions button:disabled{opacity:1;color:rgba(var(--color-foreground),.34);box-shadow:none;cursor:not-allowed}
.pod-designer__canvas-actions button[data-pod-action="delete"]:disabled{color:rgba(161,43,43,.38)}
.pod-designer__canvas-actions button:hover:not(:disabled),.pod-designer__canvas-arrange>summary:hover{background:rgba(var(--color-foreground),.06)}
.pod-designer__canvas-actions button:disabled{color:rgba(var(--color-foreground),.36);box-shadow:none;cursor:not-allowed}
.pod-designer__stage-wrap{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start;justify-items:stretch;gap:24px;min-height:0;padding:20px}
.pod-designer__stage-wrap .pod-designer__stage{justify-self:center;align-self:center}
.pod-designer__design-rail{display:grid;gap:18px;align-content:start;min-width:0}
.pod-designer__pieces [data-pod-pieces]{display:flex!important;flex-direction:column!important;gap:6px}
.pod-designer__pieces [data-pod-pieces] button{display:flex;align-items:center;gap:9px;min-width:0;padding:5px;border:1px solid rgba(var(--color-foreground),.14);border-radius:9px;background:var(--pd-paper);color:var(--pd-ink);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}
.pod-designer__pieces [data-pod-pieces] button img{width:44px;height:44px;flex:none;object-fit:contain;border-radius:6px;background:rgba(var(--color-foreground),.05);padding:2px}
.pod-designer__pieces [data-pod-pieces] button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}
.pod-designer__pieces [data-pod-pieces] button.is-active{border-color:var(--pd-ink);box-shadow:0 0 0 1.2px rgba(var(--color-foreground),.12)}
.pod-designer__stage-wrap{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;justify-items:stretch;gap:24px;min-height:0;padding:20px}
.pod-designer__design-rail{display:grid;gap:18px;align-content:start;min-width:0;width:100%;overflow:hidden}
.pod-designer__mode [data-pod-modes]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}
.pod-designer__mode [data-pod-modes] button{min-width:0;padding:5px 4px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-designer__pieces [data-pod-pieces]{display:flex!important;flex-direction:column!important;gap:6px;min-width:0;width:100%}
.pod-designer__pieces [data-pod-pieces] button{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:5px;border:1px solid rgba(var(--color-foreground),.14);border-radius:9px;background:var(--pd-paper);color:var(--pd-ink);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}
.pod-designer__pieces [data-pod-pieces] button img{width:44px;height:44px;flex:none;object-fit:contain;border-radius:6px;background:rgba(var(--color-foreground),.05);padding:2px}
.pod-designer__pieces [data-pod-pieces] button span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}
.pod-designer__pieces [data-pod-pieces] button.is-active{border-color:var(--pd-ink);box-shadow:0 0 0 1.2px rgba(var(--color-foreground),.12)}
.pod-designer__mode{display:grid;gap:3px}
.pod-designer__artwork-switch button.is-active{background:var(--pd-ink);color:var(--pd-paper);box-shadow:none}
@media(min-width:750px){
  .pod-designer [data-pod-mode-toggle] [data-pod-mode-current],
  .pod-designer [data-pod-mode-toggle] i{display:none}
  .pod-designer__pieces [data-pod-pieces] button{max-width:100%;overflow:hidden}
  .pod-designer__pieces [data-pod-pieces] button span{display:block;flex:1 1 0;width:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}


  shopify-payment-terms { display: none !important; }
  .product__tax { display: none !important; }
  .pod-launch { margin: 18px 0; }
  .pod-launch__button { min-height: 52px; display: flex; align-items: center; justify-content: center; gap: 10px; }
  .pod-launch__button[disabled] { opacity: .58; cursor: not-allowed; }
  .pod-launch__status { margin: 7px 0 0; text-align: center; color: rgba(var(--color-foreground), .58); font-size: 12px; }
  .pod-launch__checkout-note { display: none !important; }
  .pod-designer__canvas-note { display: none !important; }
  .product-form__submit.pod-checkout-locked { opacity: .45; cursor: not-allowed; }
  .shopify-payment-button.pod-checkout-locked { opacity: .45; pointer-events: none; filter: grayscale(1); }
  /* Lock POD checkout during the parser pass as well as after JS initializes. */
  body:has(.pod-launch:not([data-pod-checkout-ready="true"])) .product-form__submit,
  body:has(.pod-launch:not([data-pod-checkout-ready="true"])) .shopify-payment-button {
    pointer-events: none;
    opacity: .45;
    filter: grayscale(1);
  }
  .pod-designer__empty[hidden] { display: none !important; }
  .pod-designer__mode, .pod-designer__pieces { margin: 0 0 14px; padding: 0 0 14px; border-bottom: 1px solid rgba(var(--color-foreground),.1); }
  .pod-designer__mode > strong, .pod-designer__pieces > div:first-child strong { font-size: 11.5px; }
  .pod-designer__mode > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 6px; margin-top: 8px; }
  .pod-designer__mode button { min-height: 38px; border: 1px solid rgba(var(--color-foreground),.18); background: rgb(var(--color-background)); cursor: pointer; }
  .pod-designer__mode button.is-active { border-color: rgb(var(--color-foreground)); background: rgba(var(--color-foreground),.06); font-weight: 700; }
  .pod-designer__mode-icon,
  .pod-designer__mode-label-mobile { display:none; }
  .pod-designer__pieces > div:first-child { display:flex; justify-content:space-between; align-items:center; }
  .pod-designer__pieces > div:first-child span { font-size:10px; opacity:.55; }
  .pod-designer__pieces [data-pod-pieces] { display:grid; gap:6px; max-height:170px; overflow:auto; margin-top:8px; }
  .pod-designer__pieces button { display:grid; grid-template-columns:40px 1fr; align-items:center; gap:8px; min-height:48px; padding:4px; border:1px solid rgba(var(--color-foreground),.14); background:rgb(var(--color-background)); text-align:left; cursor:pointer; }
  .pod-designer__pieces button.is-active { border-color:rgb(var(--color-foreground)); }
  .pod-designer__pieces img { width:40px; height:40px; object-fit:contain; background:#eee; }
  .pod-designer__mask { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:.2; pointer-events:none; z-index:0; }
  .pod-designer__layer, .pod-designer__empty { z-index:1; }
  .pod-designer__product-preview { aspect-ratio:1 / 1; background:#f5f5f5; }
  .pod-designer__product-preview iframe { position:absolute; inset:0; width:100%; height:100%; border:0; background:#f5f5f5; pointer-events:none; }
  .pod-designer__product-preview [data-pod-render-frame] { z-index:1; opacity:1; }
  .pod-designer__product-preview .pod-designer__render-worker { position:absolute; inset:0; z-index:0; width:100%; height:100%; opacity:1; pointer-events:none; }
  .pod-designer__product-preview .pod-designer__preview-art { display:none !important; }
  .pod-designer__preview-thumbs { display:flex; gap:6px; margin-top:4px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
  .pod-designer__preview-thumbs button { flex:0 0 50px; width:50px; height:50px; padding:0; border:1px solid transparent; background:#f4f4f4; cursor:pointer; }
  .pod-designer__preview-thumbs button.is-active { border-color:rgb(var(--color-foreground)); }
  .pod-designer__preview-thumbs img { width:100%; height:100%; object-fit:cover; }
  .pod-designer__preview-thumbs button.is-loading { background:linear-gradient(100deg,#f1f1f2 30%,#fafafa 48%,#f1f1f2 66%); background-size:250% 100%; animation:pod-preview-loading 1.2s ease-in-out infinite; }
  @keyframes pod-preview-loading { to { background-position-x:-250%; } }
  .pod-designer__preview-status { display:flex; align-items:center; gap:6.5px; margin-top:12px; padding-top:10px; border-top:1px solid rgba(var(--color-foreground),.1); color:rgba(var(--color-foreground),.62); font-size:10.5px; }
  .pod-designer__preview-status-dot { width:6.5px; height:6.5px; flex:0 0 6.5px; border-radius:50%; background:#4d9a72; box-shadow:0 0 0 3px rgba(77,154,114,.12); }
  .pod-designer__preview-status small { margin-left:auto; color:rgba(var(--color-foreground),.42); font-size:9.5px; }
  .pod-designer__tabs { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .pod-designer__tools { display:flex; flex-direction:column; }
  .pod-designer__tools > * { flex:0 0 auto; }
  .pod-designer__artwork-switch { display:grid; grid-template-columns:repeat(2,1fr); gap:3.5px; margin-bottom:12px; padding:3.5px; border-radius:9px; background:rgba(var(--color-foreground),.045); }
  .pod-designer .pod-designer__artwork-switch button { min-height:34px; border:0; border-radius:6.5px; background:transparent; color:rgba(var(--color-foreground),.58); cursor:pointer; font-size:10px !important; font-weight:500 !important; line-height:1.2; letter-spacing:.01em; }
  .pod-designer .pod-designer__artwork-switch button.is-active { background:rgb(var(--color-foreground)); color:rgb(var(--color-background)); box-shadow:none; font-weight:600 !important; }
  .pod-designer__source-mobile-content { display:none; }
  .pod-designer__background-picker-hit { display:none; }
  .pod-designer__text-entry { display:none; }
  @media(min-width:750px) {
    .pod-designer__text-drawer { display:contents!important; }
    .pod-designer__text-drawer-backdrop,
    .pod-designer__text-drawer-header { display:none!important; }
    .pod-designer__text-drawer-dialog,
    .pod-designer__text-drawer-body { display:contents; }
  }
  .pod-designer__preset-launch { display:grid; grid-template-columns:52px minmax(0,1fr) auto !important; align-items:center; gap:10px; width:100%; height:70px; min-height:70px; padding:8px !important; border:1px solid rgba(var(--color-foreground),.11); border-radius:11px; background:rgba(var(--color-foreground),.025); color:inherit; cursor:pointer; text-align:left; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
  .pod-designer__preset-launch:hover { border-color:rgba(var(--color-foreground),.3); background:rgba(var(--color-foreground),.045); }
  .pod-designer__preset-launch:active { transform:translateY(1px); }
  .pod-designer__preset-teaser { display:grid; grid-template-columns:repeat(2,1fr); width:52px; height:52px; overflow:hidden; border-radius:7px; background:#eee; }
  .pod-designer__preset-teaser img { width:100%; height:100%; object-fit:cover; }
  .pod-designer__preset-launch-copy { display:grid; gap:2.5px; min-width:0; }
  .pod-designer__preset-launch-copy strong { font-size:10.5px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .pod-designer__preset-launch-copy small { color:rgba(var(--color-foreground),.52); font-size:8.5px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .pod-designer__preset-launch-arrow { padding-right:4px; font-size:18px; }
  .pod-designer__preset-picker[hidden] { display:none !important; }
  .pod-designer__preset-picker { position:absolute; inset:0; z-index:8; display:grid; place-items:center; padding:30px; }
  .pod-designer__preset-picker-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(20,20,22,.38); backdrop-filter:blur(2.5px); cursor:default; }
  .pod-designer__preset-picker-dialog { position:relative; display:grid; grid-template-rows:auto auto minmax(0,1fr); width:min(760px,calc(100% - 60px)); max-height:min(72vh,680px); padding:20px; overflow:hidden; border-radius:14px; background:rgb(var(--color-background)); box-shadow:0 24px 70px rgba(18,18,22,.22); }
  .pod-designer__preset-picker-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
  .pod-designer__preset-picker-header p,.pod-designer__preset-picker-header h3 { margin:0; }
  .pod-designer__preset-picker-header p { margin-bottom:2.5px; color:rgba(var(--color-foreground),.5); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
  .pod-designer__preset-picker-header h3 { font-size:18px; }
  .pod-designer__preset-picker-header button { min-width:60px; min-height:36px; border:1px solid rgba(var(--color-foreground),.13); border-radius:8px; background:transparent; color:inherit; cursor:pointer; }
  .pod-designer__preset-categories { display:flex; gap:5.5px; margin-bottom:13px; overflow-x:auto; padding-bottom:2px; }
  .pod-designer__preset-categories button { flex:0 0 auto; min-height:28px; padding:0 9px; border:1px solid rgba(var(--color-foreground),.13); border-radius:999px; background:transparent; color:rgba(var(--color-foreground),.58); cursor:pointer; font-size:10px; white-space:nowrap; }
  .pod-designer__preset-categories button.is-active { border-color:rgb(var(--color-foreground)); background:rgb(var(--color-foreground)); color:rgb(var(--color-background)); }
  .pod-designer__preset-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; overflow-y:auto; padding:1px 4px 10px 1px; }
  .pod-designer__preset-card { min-width:0; padding:0; overflow:hidden; border:1px solid rgba(var(--color-foreground),.12); border-radius:8px; background:rgb(var(--color-background)); color:inherit; cursor:pointer; text-align:left; }
  .pod-designer__preset-card:hover { border-color:rgba(var(--color-foreground),.42); }
  .pod-designer__preset-card img { display:block; width:100%; aspect-ratio:1; object-fit:cover; background:#eee; }
  .pod-designer__preset-card span { display:block; overflow:hidden; padding:6.5px 7px; font-size:10px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
  .pod-designer__preset-empty { margin:8px 0 0; color:rgba(var(--color-foreground),.48); font-size:11px; }
  .pod-designer__layers-dock { flex:0 0 auto; margin-top:auto; padding-top:16px; border-top:1px solid rgba(var(--color-foreground),.1); }
  .pod-designer__layers-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
  .pod-designer__layers-heading h3 { margin:0; font-size:13.5px; }
  .pod-designer__layers-heading span { display:grid; min-width:22px; height:22px; place-items:center; border-radius:999px; background:rgba(var(--color-foreground),.06); color:rgba(var(--color-foreground),.58); font-size:10px; font-variant-numeric:tabular-nums; }
  .pod-designer__stage-wrap { grid-template-columns: 140px minmax(0,1fr); align-items:stretch; justify-items:stretch; gap:14px; padding:14px; }
  .pod-designer__design-rail { min-width:0; overflow:hidden; border:1px solid rgba(var(--color-foreground),.1); background:rgb(var(--color-background)); padding:12px; }
  .pod-designer__design-rail .pod-designer__mode, .pod-designer__design-rail .pod-designer__pieces { margin-bottom:12px; padding-bottom:12px; }
  .pod-designer__design-rail .pod-designer__mode > div { grid-template-columns:1fr; }
  .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] { max-height:calc(58vh - 140px); }
  .pod-designer__design-rail .pod-designer__pieces button { grid-template-columns:38px minmax(0,1fr); font-size:10.5px; }
  .pod-designer__stage { align-self:center; justify-self:center; }
  .pod-designer__layer-list { display:grid; gap:6px; padding-right:2px; }
  .pod-designer__layer-list button { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:8px; width:100%; min-height:48px; padding:4.5px; border:1px solid rgba(var(--color-foreground),.13); background:rgb(var(--color-background)); color:inherit; text-align:left; cursor:pointer; }
  .pod-designer__layer-list button.is-active { border-color:rgb(var(--color-foreground)); background:rgba(var(--color-foreground),.035); }
  .pod-designer__layer-list img, .pod-designer__layer-list .pod-layer-text-thumb { width:38px; height:38px; object-fit:cover; display:grid; place-items:center; background:rgba(var(--color-foreground),.05); font-weight:700; }
  .pod-designer__layer-list small { opacity:.5; }
  .pod-designer__layer-list-empty { padding:20px 10px; border:1px dashed rgba(var(--color-foreground),.2); color:rgba(var(--color-foreground),.48); text-align:center; font-size:11px; }
  @media(max-width:1250px) and (min-width:750px) and (orientation:landscape) {
    .pod-designer__stage-wrap { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
    .pod-designer__design-rail { display:grid; grid-template-columns:180px minmax(0,1fr); gap:10px; }
    .pod-designer__design-rail .pod-designer__mode { margin:0; padding:0 10px 0 0; border:0; border-right:1px solid rgba(var(--color-foreground),.1); }
    .pod-designer__design-rail .pod-designer__mode > div { grid-template-columns:repeat(2,1fr); }
    .pod-designer__design-rail .pod-designer__pieces { margin:0; padding:0; border:0; min-width:0; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] { display:flex; max-height:none; overflow-x:auto; overflow-y:hidden; }
    .pod-designer__design-rail .pod-designer__pieces button { flex:0 0 110px; }
  }
  @media(max-width:749px), (min-width:750px) and (max-width:1250px) and (orientation:portrait) {
    .pod-designer__stage-wrap { display:grid; grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); gap:8px; }
    .pod-designer__design-rail { padding:8px; }
    .pod-designer__design-rail .pod-designer__mode > div { grid-template-columns:repeat(2,1fr); }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] { display:flex; max-height:none; overflow-x:auto; }
    .pod-designer__design-rail .pod-designer__pieces button { flex:0 0 100px; }
  }
  @media(min-width:1251px) {
    .pod-designer__stage-wrap { grid-template-columns:150px minmax(0,1fr); gap:20px; padding:18px 20px; }
    .pod-designer__design-rail { align-self:center; height:min(52vh,560px); }
  }
  .pod-designer__workspace { background:#f6f6f7 !important; }
  .pod-designer__workspace-heading { display:grid!important; grid-template-columns:200px minmax(0,1fr); align-items:center; column-gap:14px; min-height:0; margin:-18px -18px 0; padding:11.5px 16px; border-bottom:1px solid rgba(var(--color-foreground),.09); background:rgb(var(--color-background)); }
  .pod-designer__workspace-heading > div:first-child { display:block; grid-row:1 / -1; align-self:center; flex:none; min-width:0; }
  .pod-designer__workspace-heading > div:first-child span { display:block; white-space:nowrap; }
  .pod-designer__workspace-heading > div:first-child strong { font-size:13.5px; }
  .pod-designer__preview { overflow-x:hidden !important; overflow-y:hidden !important; }
  .pod-designer__canvas-actions { display:flex !important; grid-column:2; flex-direction:column; align-items:flex-end; gap:2.5px; min-width:0; white-space:nowrap; }
  .pod-designer__canvas-actions-row { display:flex!important; align-items:center; gap:3.5px; min-height:32px; }
  .pod-designer__canvas-actions button { display:grid; min-width:32px; height:32px; place-items:center; padding:0 8px; border:0 !important; border-radius:7px; background:transparent !important; color:rgb(var(--color-foreground)); font-size:11px; text-decoration:none !important; cursor:pointer; }
  .pod-designer__canvas-actions button:hover:not(:disabled) { background:rgba(var(--color-foreground),.045) !important; }
  .pod-designer__canvas-actions button:active:not(:disabled) { transform:translateY(1px); }
  .pod-designer__canvas-actions button:disabled { opacity:.28; cursor:not-allowed; }
  .pod-designer__canvas-actions button[data-pod-tooltip] { position:relative; }
  .pod-designer__canvas-actions button[data-pod-tooltip]:after { position:absolute; top:calc(100% + 6.5px); left:50%; z-index:30; padding:5.5px 7px; border-radius:5.5px; background:#171717; color:#fff; content:attr(data-pod-tooltip); font-size:10px; line-height:1; opacity:0; pointer-events:none; transform:translate(-50%,-3px); transition:opacity .14s ease,transform .14s ease; white-space:nowrap; }
  .pod-designer__canvas-actions button[data-pod-tooltip]:hover:not(:disabled):after, .pod-designer__canvas-actions button[data-pod-tooltip]:focus-visible:not(:disabled):after { opacity:1; transform:translate(-50%,0); }
  .pod-designer__canvas-arrange { position:relative; flex:0 0 auto; }
  .pod-designer__canvas-arrange summary { display:grid; min-width:58px; height:32px; place-items:center; padding:0 7px; border:0; border-radius:7px; color:rgb(var(--color-foreground)); font-size:11px; cursor:pointer; list-style:none; }
  .pod-designer__canvas-arrange summary::-webkit-details-marker { display:none; }
  .pod-designer__canvas-arrange summary:hover { background:rgba(var(--color-foreground),.045); }
  .pod-designer__canvas-arrange[open] summary { background:rgba(var(--color-foreground),.06); }
  .pod-designer__canvas-arrange.is-disabled { opacity:.28; pointer-events:none; }
  .pod-designer__canvas-arrange > div { position:absolute; top:calc(100% + 7px); right:0; z-index:20; display:grid; width:115px; gap:2.5px; padding:5px; border:1px solid rgba(var(--color-foreground),.12); border-radius:9px; background:rgb(var(--color-background)); box-shadow:0 12px 30px rgba(18,18,18,.14); }
  .pod-designer__canvas-arrange > div button { display:flex; width:100%; min-width:0; justify-content:flex-start; height:33px; padding:0 9px; }
  .pod-designer__canvas-arrange > div button[aria-pressed="true"] { background:rgba(var(--color-foreground),.07) !important; font-weight:700; }
  .pod-designer__canvas-transform { position:relative; display:none; flex:0 0 auto; }
  .pod-designer__canvas-transform summary { display:grid; min-width:68px; height:32px; place-items:center; padding:0 8px; border:0; border-radius:7px; color:rgb(var(--color-foreground)); font-size:11px; cursor:pointer; list-style:none; }
  .pod-designer__canvas-transform summary::-webkit-details-marker { display:none; }
  .pod-designer__canvas-transform summary:hover, .pod-designer__canvas-transform[open] summary { background:rgba(var(--color-foreground),.06); }
  .pod-designer__canvas-transform summary:focus-visible { outline:2px solid rgba(var(--color-foreground),.45); outline-offset:2px; }
  .pod-designer__canvas-transform.is-disabled { opacity:.28; pointer-events:none; }
  .pod-designer__canvas-transform > div { position:absolute; top:calc(100% + 7px); right:0; z-index:30; display:grid; width:135px; gap:2.5px; padding:5px; border:1px solid rgba(var(--color-foreground),.12); border-radius:9px; background:rgb(var(--color-background)); box-shadow:0 12px 30px rgba(18,18,18,.14); }
  .pod-designer__canvas-transform > div button { display:flex; width:100%; min-width:0; height:33px; justify-content:flex-start; padding:0 9px; }
  .pod-designer__mobile-arrange-rotate { display:none !important; }
  .pod-designer__canvas-opacity-popover { position:relative; }
  .pod-designer__canvas-opacity-popover > button { min-width:0; }
  .pod-designer__canvas-opacity { position:absolute; top:calc(100% + 7px); right:0; z-index:20; display:flex; align-items:center; gap:8px; width:220px; min-height:50px; padding:10px; border:1px solid rgba(var(--color-foreground),.12); border-radius:9px; background:rgb(var(--color-background)); box-shadow:0 12px 30px rgba(18,18,18,.14); color:rgba(var(--color-foreground),.7); font-size:10.5px; white-space:nowrap; }
  .pod-designer__canvas-opacity[hidden] { display:none; }
  .pod-designer__canvas-opacity label { display:flex; flex:1; align-items:center; gap:8px; }
  .pod-designer__canvas-opacity input { width:100%; min-width:0; accent-color:rgb(var(--color-foreground)); cursor:pointer; }
  .pod-designer__canvas-opacity output { min-width:32px; color:rgb(var(--color-foreground)); font-variant-numeric:tabular-nums; text-align:right; }
  .pod-designer__image-editor { display:grid; gap:8.5px; flex:0 0 auto; padding:10px 0 2px; margin-bottom:15px; border-top:1px solid rgba(var(--color-foreground),.08); }
  .pod-designer__image-editor[hidden] { display:none; }
  .pod-designer__image-editor-heading { display:flex; align-items:center; justify-content:space-between; }
  .pod-designer__image-editor-heading h3 { margin:0; font-size:13.5px; }
  .pod-designer__image-editor-heading span { color:rgba(var(--color-foreground),.5); font-size:10px; }
  .pod-designer__image-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4.5px; }
  .pod-designer__image-action { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4.5px; min-width:0; min-height:49px; padding:4.5px 1.5px; border:1px solid rgba(var(--color-foreground),.1); border-radius:9px; background:transparent; color:rgba(var(--color-foreground),.7); cursor:pointer; font-size:7px !important; font-weight:500 !important; letter-spacing:.06em; line-height:1; text-transform:uppercase; }
  .pod-designer__image-action i { font-size:18px; line-height:1; font-style:normal; }
  .pod-designer__image-action span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
  .pod-designer__image-action:hover { background:rgba(var(--color-foreground),.04); border-color:rgba(var(--color-foreground),.2); color:rgb(var(--color-foreground)); }
  .pod-designer__image-action.is-active { border-color:rgb(var(--color-foreground)); background:rgb(var(--color-foreground)); color:rgb(var(--color-background)); }
  .pod-designer__image-menu { position:relative; min-width:0; }
  .pod-designer__image-menu > .pod-designer__image-action { width:100%; }
  .pod-designer__image-submenu { position:absolute; top:calc(100% + 4px); left:50%; transform:translateX(-50%); z-index:30; display:none; grid-auto-rows:min-content; gap:2px; min-width:110px; max-height:240px; overflow-y:auto; padding:4px; border:1px solid rgba(var(--color-foreground),.12); border-radius:7px; background:rgb(var(--color-background)); box-shadow:0 10px 26px rgba(18,18,18,.2); }
  .pod-designer__image-menu::after { content:""; position:absolute; top:100%; left:0; right:0; height:6px; }
  .pod-designer__image-menu:hover .pod-designer__image-submenu,
  .pod-designer__image-menu:focus-within .pod-designer__image-submenu { display:grid; }
  .pod-designer__image-submenu button { min-height:26px; padding:3.5px 7px; border:0; border-radius:5px; background:transparent; color:rgba(var(--color-foreground),.78); cursor:pointer; text-align:left; font-size:8.4px !important; font-weight:500 !important; letter-spacing:.02em; white-space:nowrap; }
  .pod-designer__image-submenu button:hover { background:rgba(var(--color-foreground),.06); color:rgb(var(--color-foreground)); }
  .pod-designer__image-submenu button.is-active { background:rgba(var(--color-foreground),.09); font-weight:700 !important; }
  .pod-designer__tile-size { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4.5px 7px; margin-top:2.5px; padding:6.5px 7px 4.5px; border-top:1px solid rgba(var(--color-foreground),.1); color:rgba(var(--color-foreground),.72); font-size:8.2px; }
  .pod-designer__tile-size output { color:rgb(var(--color-foreground)); font-variant-numeric:tabular-nums; }
  .pod-designer__tile-size input { grid-column:1/-1; width:100%; accent-color:rgb(var(--color-foreground)); cursor:pointer; }
  .pod-designer__image-submenu[data-pod-image-tile-repeat] { left:auto; right:0; transform:none; }
  .pod-designer__image-submenu[data-pod-filter-options] { grid-template-columns:repeat(2,minmax(0,1fr)); left:0; transform:none; min-width:160px; }
  .pod-designer__crop-dialog { position:absolute; inset:0; z-index:12; display:grid; place-items:center; padding:30px; }
  .pod-designer__crop-dialog[hidden] { display:none; }
  .pod-designer__crop-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(20,20,22,.5); backdrop-filter:blur(2.5px); cursor:default; }
  .pod-designer__crop-modal { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:min(600px,100%); max-height:min(82vh,640px); padding:16px; overflow:hidden; border-radius:14px; background:rgb(var(--color-background)); box-shadow:0 24px 70px rgba(18,18,22,.25); }
  .pod-designer__crop-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; }
  .pod-designer__crop-header h3 { margin:0; font-size:17px; }
  .pod-designer__crop-header button, .pod-designer__crop-footer button { min-height:34px; padding:0 12px; border:1px solid rgba(var(--color-foreground),.14); border-radius:8px; background:transparent; color:inherit; cursor:pointer; font-size:10.5px; font-weight:600; }
  .pod-designer__crop-apply { background:rgb(var(--color-foreground)) !important; color:rgb(var(--color-background)) !important; border-color:rgb(var(--color-foreground)) !important; }
  .pod-designer__crop-stage { position:relative; overflow:hidden; border-radius:8px; background:#171717; min-height:240px; touch-action:none; }
  .pod-designer__crop-stage img { position:absolute; top:24px; left:24px; width:calc(100% - 48px); height:calc(100% - 48px); object-fit:contain; }
  .pod-designer__crop-box { position:absolute; border:1.5px solid #fff; box-shadow:0 0 0 9999px rgba(0,0,0,.5); cursor:move; box-sizing:border-box; }
  .pod-designer__crop-box i { position:absolute; width:11px; height:11px; border:1.5px solid #fff; border-radius:50%; background:#171717; box-sizing:border-box; }
  .pod-designer__crop-box i[data-pod-crop-handle="nw"] { top:-7px; left:-7px; cursor:nwse-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="ne"] { top:-7px; right:-7px; cursor:nesw-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="sw"] { bottom:-7px; left:-7px; cursor:nesw-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="se"] { bottom:-7px; right:-7px; cursor:nwse-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="n"] { top:-7px; left:50%; transform:translateX(-50%); cursor:ns-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="s"] { bottom:-7px; left:50%; transform:translateX(-50%); cursor:ns-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="e"] { right:-7px; top:50%; transform:translateY(-50%); cursor:ew-resize; }
  .pod-designer__crop-box i[data-pod-crop-handle="w"] { left:-7px; top:50%; transform:translateY(-50%); cursor:ew-resize; }
  .pod-designer__crop-footer { display:flex; justify-content:flex-end; gap:6px; margin-top:12px; }
  .pod-designer__design-rail { border:0; border-radius:12px; background:rgba(var(--color-background),.96); box-shadow:0 6px 24px rgba(20,20,24,.07); padding:12px; }
  .pod-designer__design-rail .pod-designer__mode { border-bottom:1px solid rgba(var(--color-foreground),.08); }
  .pod-designer__design-rail .pod-designer__mode > strong { display:block; margin-bottom:8px; color:rgba(var(--color-foreground),.62); font-size:10px; font-weight:700; letter-spacing:.04em; }
  .pod-designer__design-rail .pod-designer__mode > div { gap:3.5px; padding:3.5px; border-radius:9px; background:rgba(var(--color-foreground),.045); }
  .pod-designer__design-rail .pod-designer__mode button { min-height:36px; border:0; border-radius:6.5px; background:transparent; color:rgba(var(--color-foreground),.65); font-size:10.5px; }
  .pod-designer__design-rail .pod-designer__mode button.is-active { background:rgb(var(--color-background)); color:rgb(var(--color-foreground)); box-shadow:0 1px 6px rgba(20,20,24,.09); }
  .pod-designer__pieces > div:first-child { padding:0 2px; }
  .pod-designer__pieces > div:first-child strong { color:rgba(var(--color-foreground),.62); font-size:10px; }
  .pod-designer__pieces [data-pod-pieces] { gap:5px; padding-right:2px; }
  .pod-designer__pieces button { min-height:46px; border-color:transparent; border-radius:8px; background:transparent; padding:4px; color:rgba(var(--color-foreground),.72); }
  .pod-designer__pieces button:hover { background:rgba(var(--color-foreground),.04); }
  .pod-designer__pieces button.is-active { border-color:rgba(var(--color-foreground),.18); background:rgba(var(--color-foreground),.055); color:rgb(var(--color-foreground)); box-shadow:inset 2.5px 0 0 rgb(var(--color-foreground)); }
  .pod-designer__pieces img { border-radius:5.5px; background:#ededee; }
  .pod-designer__stage { width:min(50vh,100%) !important; max-width:550px; border:0 !important; border-radius:12px; background-color:#fff; background-image:linear-gradient(45deg,#f2f2f3 25%,transparent 25%),linear-gradient(-45deg,#f2f2f3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f2f3 75%),linear-gradient(-45deg,transparent 75%,#f2f2f3 75%); background-position:0 0,0 8px,8px -8px,-8px 0; background-size:16px 16px; box-shadow:0 18px 50px rgba(30,30,36,.11),0 0 0 1px rgba(var(--color-foreground),.08); }
  .pod-designer__konva { position:absolute; inset:0; z-index:1; overflow:visible; touch-action:none; }
  .pod-designer__konva canvas { touch-action:none; }
  .pod-designer__mask { display:none !important; }
  .pod-designer__stage > .pod-designer__empty { z-index:1; }
  .pod-designer__empty { color:rgba(var(--color-foreground),.42); }
  .pod-designer__empty strong { color:rgba(var(--color-foreground),.58); font-size:14px; }
  .pod-designer__tablet-preview-toggle,
  .pod-designer__tablet-preview-backdrop,
  .pod-designer__tablet-preview-close { display:none; }
  /* Intermediate landscape windows reuse the desktop composition at a fluid scale. */
  @media(min-width:750px) and (max-width:1250px) and (orientation:landscape) {
    .pod-designer__dialog { inset:0!important; border-radius:0!important; }
    .pod-designer__layout { grid-template-columns:clamp(180px,22vw,260px) minmax(300px,1fr) clamp(190px,24vw,280px)!important; }
    .pod-designer__preview {
      position:static;
      display:block!important;
      width:auto;
      padding:clamp(10px,1.4vw,16px);
      overflow-x:hidden!important;
      overflow-y:hidden!important;
      border-left:1px solid var(--pd-line);
      visibility:visible;
      pointer-events:auto;
      box-shadow:none;
      transform:none;
    }
    .pod-designer__preview-heading { position:static; padding:0; }
    .pod-designer__tools { padding:clamp(10px,1.4vw,16px); }
    .pod-designer__tabs { margin-bottom:clamp(10px,1.5vw,18px); }
    .pod-designer__panel-heading p { margin-bottom:clamp(10px,1.4vw,16px); }
    .pod-designer__workspace {
      container-type:size;
      padding:clamp(10px,1.4vw,16px);
      overflow:hidden;
    }
    .pod-designer__workspace-heading {
      grid-template-columns:minmax(110px,1fr) auto!important;
      column-gap:8px;
      margin:calc(clamp(10px,1.4vw,16px) * -1) calc(clamp(10px,1.4vw,16px) * -1) 0;
      padding:8px 10px;
    }
    .pod-designer__stage-wrap {
      grid-template-columns:clamp(120px,19cqw,150px) minmax(0,1fr)!important;
      grid-template-rows:minmax(0,1fr)!important;
      align-items:center;
      gap:clamp(8px,1.2vw,14px);
      padding:clamp(8px,1.2vw,14px)!important;
    }
    .pod-designer__design-rail {
      display:flex!important;
      grid-template-columns:none!important;
      height:min(var(--pod-landscape-stage-size,100%),100%);
      min-height:0;
      flex-direction:column;
      align-self:center;
      gap:8px;
      padding:clamp(7px,1vw,10px);
    }
    .pod-designer__design-rail,
    .pod-designer__design-rail .pod-designer__mode,
    .pod-designer__design-rail .pod-designer__mode > div { width:100%; min-width:0; box-sizing:border-box; }
    .pod-designer__design-rail .pod-designer__mode { flex:0 0 auto; margin:0; padding:0 0 8px; border:0; border-bottom:1px solid rgba(var(--color-foreground),.08); }
    .pod-designer__design-rail .pod-designer__mode > strong { white-space:normal; overflow:visible; line-height:1.3; }
    .pod-designer__design-rail .pod-designer__mode > strong [data-pod-mode-current] { display:none; }
    .pod-designer__design-rail .pod-designer__mode > div { grid-template-columns:minmax(0,1fr); }
    .pod-designer__design-rail .pod-designer__mode [data-pod-modes] button {
      width:100%;
      min-width:0;
      box-sizing:border-box;
      padding-inline:5px;
      white-space:normal!important;
      text-align:center;
      line-height:1.2;
    }
    .pod-designer__design-rail .pod-designer__pieces { display:flex; min-height:0; flex:1 1 auto; flex-direction:column; margin:0; padding:0; border:0; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] {
      display:flex!important;
      min-height:0;
      flex:1 1 auto;
      flex-direction:column!important;
      max-height:none!important;
      overflow-x:hidden!important;
      overflow-y:auto!important;
    }
    .pod-designer__design-rail .pod-designer__pieces button { flex:0 0 auto!important; width:100%; }
    .pod-designer__stage {
      width:min(var(--pod-landscape-stage-size,54dvh),100%)!important;
      max-width:580px;
    }
  }
  @media(max-width:1100px) {
    .pod-designer__canvas-actions-row > [data-pod-action="larger"], .pod-designer__canvas-actions-row > [data-pod-action="rotate-left"], .pod-designer__canvas-actions-row > [data-pod-action="rotate-right"], .pod-designer__canvas-arrange, .pod-designer__canvas-opacity-popover { display:none; }
  }
  @media(min-width:750px) and (max-width:1100px) and (orientation:landscape) {
    .pod-designer__canvas-actions-row > [data-pod-action="smaller"],
    .pod-designer__canvas-actions-row > [data-pod-action="larger"],
    .pod-designer__canvas-actions-row > [data-pod-action="rotate-left"],
    .pod-designer__canvas-actions-row > [data-pod-action="rotate-right"] { display:none!important; }
    .pod-designer__canvas-transform { display:block; }
  }
  @media(min-width:1251px) {
    .pod-designer__dialog { left:50% !important; right:auto !important; width:min(calc(100vw - 48px),1280px) !important; transform:translateX(-50%) !important; }
    .pod-designer__stage-wrap { container-type:size; grid-template-columns:140px minmax(0,1fr); gap:18px; padding:3px 8px 4px !important; }
    .pod-designer__design-rail { align-self:center; height:auto; min-height:0; max-height:none; margin:0; }
    .pod-designer__stage { width:min(61vh,100%) !important; height:auto; max-width:700px; max-height:none; }
    @supports (width:1cqh) {
      .pod-designer__stage { width:min(67vh,calc(100cqh - 8px),100%) !important; }
    }
  }
  @media(max-width:749px), (min-width:750px) and (max-width:1250px) and (orientation:portrait) {
    .pod-designer__workspace-heading { display:flex!important; min-height:54px; margin:-10px -10px 0; padding:7px 10px; }
    .pod-designer__workspace-heading > div:first-child { flex:0 1 auto; min-width:0; }
    .pod-designer__canvas-actions-row > span, .pod-designer__canvas-actions button:not([data-pod-reset]):not([data-pod-undo-inline]), .pod-designer__canvas-opacity { display:none; }
    .pod-designer__stage { width:min(100%,44vh) !important; border-radius:8px; }
    .pod-designer__design-rail { border-radius:8px; box-shadow:none; }
    .pod-designer__layers-dock { margin-top:10px; padding-top:10px; }
    .pod-designer__layer-list { max-height:80px; }
    .pod-designer__layer-list-empty { padding:10px; }
    .pod-designer__preset-picker { align-items:end; padding:0; }
    .pod-designer__preset-picker-dialog { width:100%; max-height:82dvh; padding:15px 12px 12px; border-radius:14px 14px 0 0; }
    .pod-designer__preset-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
    .pod-designer__preset-launch { height:80px; min-height:80px; }
  }
  @media(min-width:1251px) {
    .pod-designer__design-rail { display:flex; flex-direction:column; box-sizing:border-box; overflow:hidden; }
    .pod-designer__design-rail .pod-designer__mode { flex:0 0 auto; }
    .pod-designer__design-rail .pod-designer__pieces { display:flex; min-height:0; flex:1 1 auto; flex-direction:column; margin-bottom:0; padding-bottom:0; border-bottom:0; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] { display:grid; align-content:start; min-height:0; flex:1 1 auto; width:100%; max-height:none!important; overflow-x:hidden!important; overflow-y:auto!important; box-sizing:border-box; padding-inline:3.5px; scrollbar-gutter:auto; scrollbar-color:rgba(var(--color-foreground),.38) transparent; scrollbar-width:thin; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces]::-webkit-scrollbar { width:5px; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces]::-webkit-scrollbar-track { background:transparent; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces]::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(var(--color-foreground),.32); }
    .pod-designer__design-rail .pod-designer__pieces button { width:100%; min-width:0; box-sizing:border-box; }
    .pod-designer__design-rail .pod-designer__pieces button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  }
  .pod-designer__layer-list { gap:7px; padding-right:0; }
  .pod-designer__layer-item { display:grid; grid-template-columns:minmax(0,1fr) 31px; align-items:stretch; overflow:hidden; border:1px solid rgba(var(--color-foreground),.10); border-radius:10px; background:rgb(var(--color-background)); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
  .pod-designer__layer-item:hover { border-color:rgba(var(--color-foreground),.22); box-shadow:0 2.5px 8px rgba(18,18,18,.045); }
  .pod-designer__layer-item.is-active { border-color:rgba(var(--color-foreground),.42); background:rgba(var(--color-foreground),.018); box-shadow:inset 2.2px 0 0 rgb(var(--color-foreground)); }
  .pod-designer__layer-list .pod-designer__layer-select { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:8.5px; width:100%; min-width:0; min-height:52px; border:0; border-radius:9px 0 0 9px; background:transparent; color:inherit; padding:4px 2.5px 4px 4.5px; text-align:left; cursor:pointer; }
  .pod-designer__layer-list .pod-designer__layer-select.is-active { border:0; box-shadow:none; }
  .pod-designer__layer-list .pod-designer__layer-name { overflow:hidden; min-width:0; text-overflow:ellipsis; white-space:nowrap; }
  .pod-designer__layer-list .pod-designer__layer-delete { display:grid; align-self:stretch; width:100%; min-height:0; height:auto; place-items:center; margin:0; border:0; border-radius:0 9px 9px 0; background:transparent; color:rgba(var(--color-foreground),.42); padding:0; cursor:pointer; opacity:0; transition:opacity .18s ease,background .18s ease,color .18s ease; }
  .pod-designer__layer-delete svg { width:13.5px; height:13.5px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .pod-designer__layer-item:hover .pod-designer__layer-delete,.pod-designer__layer-item.is-active .pod-designer__layer-delete { opacity:1; }
  .pod-designer__layer-delete:hover { background:rgba(160,32,37,.09); color:#9b3030; }
  @media(max-width:749px), (min-width:750px) and (max-width:1250px) and (orientation:portrait) { .pod-designer__layer-delete { opacity:1; } }

  /* Mobile layout: keep the editor compact and let the content area own scrolling. */
  @media(max-width:749px), (min-width:750px) and (max-width:1250px) and (orientation:portrait) {
    .pod-designer__dialog {
      height:100dvh;
      min-height:0;
      grid-template-rows:auto minmax(0,1fr) auto;
    }
    .pod-designer__header {
      min-height:48px;
      gap:5.5px;
      padding:4px 8px;
    }
    .pod-designer__product { gap:5.5px; }
    .pod-designer__product img { width:30px; height:30px; border-radius:5.5px; }
    .pod-designer__product p { font-size:8.2px; }
    .pod-designer__product h2 { max-width:min(52vw,200px); font-size:10.5px; }
    .pod-designer__close {
      display:grid;
      min-width:38px;
      min-height:38px;
      place-items:center;
      padding:3.5px 5.5px;
      font-size:9.5px;
    }
    .pod-designer__layout {
      min-height:0;
      overflow-x:hidden!important;
      overflow-y:auto!important;
      overscroll-behavior:contain;
      -webkit-overflow-scrolling:touch;
    }
    .pod-designer__workspace {
      display:flex!important;
      flex-direction:column;
      flex:0 0 auto!important;
      min-height:auto!important;
      padding:0 12px 8px!important;
    }
    .pod-designer__workspace-heading {
      order:2;
      display:block!important;
      min-height:0;
      margin:0 0 8px;
      padding:4.5px;
      border:1px solid rgba(var(--color-foreground),.08);
      border-radius:9px;
      background:rgb(var(--color-background));
    }
    .pod-designer__workspace-heading > div:first-child { display:none!important; }
    .pod-designer__canvas-actions {
      display:grid!important;
      width:100%;
      grid-template-columns:repeat(8,minmax(0,1fr));
      align-items:stretch;
      align-content:center;
      gap:0;
    }
    .pod-designer__canvas-actions-row { display:contents!important; }
    .pod-designer__canvas-actions-row > span { display:none; }
    .pod-designer__canvas-actions button,
    .pod-designer__canvas-arrange summary {
      display:grid!important;
      min-width:34px;
      width:34px;
      height:34px;
      align-self:center;
      justify-self:center;
      place-items:center;
      padding:0!important;
      font-size:0!important;
      line-height:1;
    }
    .pod-designer__canvas-actions button:before,
    .pod-designer__canvas-arrange summary:before {
      position:relative;
      top:2px;
      font-size:14.5px;
      line-height:1;
    }
    .pod-designer__canvas-actions [data-pod-undo-inline]:before { content:"↶"; }
    .pod-designer__canvas-actions [data-pod-action="smaller"]:before { content:"−"; }
    .pod-designer__canvas-actions [data-pod-action="larger"]:before { content:"+"; }
    .pod-designer__canvas-actions-row > [data-pod-action="rotate-left"],
    .pod-designer__canvas-actions-row > [data-pod-action="rotate-right"] { display:none!important; }
    .pod-designer__canvas-actions [data-pod-action="duplicate"]:before { content:"⧉"; }
    .pod-designer__canvas-actions [data-pod-action="delete"]:before { content:"⌫"; }
    .pod-designer__canvas-actions [data-pod-reset]:before { content:"⟲"; }
    .pod-designer__canvas-arrange,
    .pod-designer__canvas-opacity-popover { display:block!important; align-self:center; height:34px; }
    .pod-designer__canvas-arrange summary:before { content:"⋯"; font-size:18px; }
    .pod-designer__canvas-arrange summary:after { display:none!important; content:none!important; }
    .pod-designer__canvas-arrange summary::marker { content:""; font-size:0; }
    .pod-designer__canvas-opacity-popover > button:before { content:"◐"; }
    .pod-designer .pod-designer__canvas-arrange > div {
      top:50%;
      right:calc(100% + 6px);
      left:auto;
      width:115px;
      transform:translateY(-50%);
    }
    .pod-designer__canvas-opacity { right:0; width:min(220px,76vw); }
    .pod-designer__canvas-arrange > div button { width:100%; min-width:0; justify-content:flex-start; padding:0 9px!important; font-size:10.5px!important; }
    .pod-designer__canvas-arrange > div button.pod-designer__mobile-arrange-rotate { display:flex!important; }
    .pod-designer__canvas-arrange > div button:before { content:none; }
    .pod-designer__canvas-opacity label { font-size:10.5px; }
    .pod-designer__canvas-actions button[data-pod-tooltip]:after { display:none; }
    .pod-designer__stage-wrap {
      display:contents!important;
      width:100%;
      min-height:auto;
      padding:0!important;
      overflow:visible;
    }
    .pod-designer__design-rail {
      order:1;
      position:relative;
      z-index:auto;
      display:grid;
      grid-template-columns:80px minmax(0,1fr);
      align-items:stretch;
      gap:5.5px;
      width:100%;
      box-sizing:border-box;
      margin:0 0 6px;
      padding:4.5px 5.5px;
      overflow:hidden;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__mode {
      margin-bottom:0!important;
      padding-bottom:2px!important;
    }
    .pod-designer__design-rail .pod-designer__mode {
      display:block;
      min-width:0;
      margin:0!important;
      padding:0!important;
      border:0;
    }
    .pod-designer__design-rail .pod-designer__mode > strong {
      display:flex;
      display:none;
    }
    .pod-designer__design-rail .pod-designer__mode > div,
    .pod-designer__design-rail .pod-designer__mode.is-expanded > div { display:grid!important; grid-template-columns:1fr; gap:2px; height:45px; box-sizing:border-box; margin:0; padding:2px; border-radius:6.5px; background:rgba(var(--color-foreground),.055); }
    .pod-designer__design-rail .pod-designer__mode button { width:100%; height:18.5px!important; min-width:0; min-height:18.5px!important; box-sizing:border-box; padding:0 2px; border:0; border-radius:4.8px; background:transparent; color:rgba(var(--color-foreground),.62); font-size:7.8px; line-height:1; white-space:nowrap; }
    .pod-designer__design-rail .pod-designer__mode button.is-active { border-color:rgb(var(--color-foreground)); background:rgb(var(--color-foreground)); color:rgb(var(--color-background)); box-shadow:none; }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces { grid-column:2; min-width:0; height:45px; margin:0!important; padding:0 0 0 5.5px!important; border:0; border-left:1px solid rgba(var(--color-foreground),.12); }
    .pod-designer__pieces > div:first-child { display:none; }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] {
      display:flex!important;
      flex-direction:row!important;
      width:100%!important;
      max-height:none;
      margin-top:0;
      height:45px;
      box-sizing:border-box;
      padding:0;
      gap:4px!important;
      overflow-x:auto!important;
      overflow-y:hidden!important;
      scroll-snap-type:x proximity;
      scrollbar-width:none;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces]::-webkit-scrollbar { display:none; }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces button {
      display:flex!important;
      flex:0 0 calc((100% - 8px)/3)!important;
      width:auto!important;
      min-width:0;
       height:45px!important;
       min-height:45px!important;
       box-sizing:border-box;
      gap:4px!important;
      padding:3px!important;
      font-size:9px!important;
      scroll-snap-align:start;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces img { width:32px!important; height:32px!important; }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces button span { min-width:0; overflow:hidden; font-size:9px!important; text-overflow:ellipsis; white-space:nowrap; }
    /* Keep the compact mode/pieces rail on one exact shared height. */
    .pod-designer__design-rail {
      --pod-mobile-rail-height:60px;
      align-items:stretch!important;
    }
    .pod-designer__design-rail .pod-designer__pieces,
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] {
      height:56px!important;
      min-height:56px!important;
      max-height:56px!important;
      box-sizing:border-box!important;
    }
    .pod-designer__design-rail .pod-designer__mode { height:auto!important; min-height:0!important; max-height:none!important; align-self:start!important; }
    .pod-designer__design-rail .pod-designer__mode > div,
    .pod-designer__design-rail .pod-designer__mode.is-expanded > div { height:56px!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; }
    .pod-designer__design-rail .pod-designer__mode button { height:24px!important; min-height:24px!important; box-sizing:border-box!important; }
    .pod-designer__design-rail .pod-designer__mode > div,
    .pod-designer__design-rail .pod-designer__mode.is-expanded > div {
      display:block!important;
      padding:2.5px!important;
    }
    .pod-designer__design-rail .pod-designer__mode button { display:none!important; }
    .pod-designer__design-rail .pod-designer__mode button.is-active {
      display:flex!important;
      width:100%;
      height:51px!important;
      min-height:51px!important;
      align-items:center;
      justify-content:center;
      gap:5.5px;
      padding:0 5.5px;
      border-radius:6.5px;
      font-size:9px;
      cursor:pointer;
    }
    .pod-designer__design-rail .pod-designer__mode-icon { display:block; width:18px; height:18px; flex:0 0 18px; }
    .pod-designer__design-rail .pod-designer__mode-icon svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; }
    .pod-designer__design-rail .pod-designer__mode-label-desktop { display:none; }
    .pod-designer__design-rail .pod-designer__mode-label-mobile { display:block; white-space:nowrap; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] {
      align-items:center!important;
      padding:5px 0!important;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces button {
      flex:0 0 120px!important;
      width:120px!important;
      height:46px!important;
      min-height:46px!important;
      max-height:46px!important;
      box-sizing:border-box!important;
      align-self:center!important;
      padding:3.5px 4.5px!important;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces img {
      width:34px!important;
      height:34px!important;
      max-height:34px!important;
    }
    .pod-designer__stage {
      order:3;
      position:relative;
      z-index:auto;
      display:block;
      width:min(86vw,360px)!important;
      height:min(86vw,360px)!important;
      min-height:min(86vw,360px);
      margin:0 auto;
      clear:both;
    }
    .pod-designer__preview { display:contents!important; }
    .pod-designer__preview-heading,
    .pod-designer__preview-status { display:none!important; }
    .pod-designer__product-preview {
      position:fixed!important;
      top:0;
      left:0;
      z-index:-1;
      display:block!important;
      width:600px!important;
      height:600px!important;
      opacity:.001;
      pointer-events:none;
    }
    .pod-designer__preview-thumbs {
      order:1;
      display:flex!important;
      width:auto;
      min-height:82px;
      box-sizing:border-box;
      align-items:center;
      gap:6px;
      margin:0 12px!important;
      padding:0;
      overflow-x:auto;
      overflow-y:hidden;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    .pod-designer__preview-thumbs::-webkit-scrollbar { display:none; }
    .pod-designer__preview-thumbs button {
      flex:0 0 58px;
      width:58px;
      height:58px;
      border-radius:7px;
      overflow:hidden;
    }
    .pod-designer__mobile-preview {
      position:fixed;
      inset:0;
      z-index:2147483200;
      display:grid;
      place-items:center;
      padding:16px;
    }
    .pod-designer__mobile-preview[hidden] { display:none!important; }
    .pod-designer__mobile-preview-backdrop {
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      padding:0;
      border:0;
      background:rgba(18,18,18,.72);
    }
    .pod-designer__mobile-preview-dialog {
      position:relative;
      z-index:1;
      display:grid;
      width:min(92vw,520px);
      max-height:88dvh;
      place-items:center;
      padding:10px;
      border-radius:12px;
      background:rgb(var(--color-background));
      box-shadow:0 20px 60px rgba(0,0,0,.28);
    }
    .pod-designer__mobile-preview-dialog img {
      display:block;
      width:100%;
      max-height:calc(88dvh - 20px);
      object-fit:contain;
      border-radius:7px;
      transition:opacity .18s ease;
    }
    .pod-designer__mobile-preview.is-loading .pod-designer__mobile-preview-dialog img { opacity:.58; }
    .pod-designer__mobile-preview.is-loading .pod-designer__mobile-preview-dialog::after {
      content:'';
      position:absolute;
      z-index:2;
      width:32px;
      height:32px;
      border:3px solid rgba(18,18,18,.18);
      border-top-color:rgb(18,18,18);
      border-radius:50%;
      animation:pod-mobile-preview-spin .75s linear infinite;
      pointer-events:none;
    }
    @keyframes pod-mobile-preview-spin { to { transform:rotate(360deg); } }
    .pod-designer__mobile-preview-close {
      position:absolute;
      top:8px;
      right:8px;
      z-index:2;
      display:grid;
      width:40px;
      height:40px;
      place-items:center;
      padding:0;
      border:0;
      border-radius:50%;
      background:rgba(18,18,18,.78);
      color:#fff;
      font-size:22px;
      line-height:1;
    }
    .pod-designer__tools {
      flex:0 0 auto!important;
      max-height:none!important;
      overflow:visible!important;
      padding:8px 12px 10px!important;
    }
    .pod-designer__tabs {
      margin-bottom:6px!important;
      padding:3px;
    }
    .pod-designer__tabs button { min-height:32px; padding:4px; }
    .pod-designer__panel.is-active { margin:0 0 8px!important; padding-top:0!important; }
    .pod-designer__panel[data-pod-panel="artwork"].is-active { margin-bottom:2px!important; }
    .pod-designer__panel[data-pod-panel="artwork"] .pod-designer__panel-heading { display:none!important; }
    .pod-designer__artwork-switch {
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:6px;
      margin-top:0!important;
      margin-bottom:0;
      padding:0;
      background:transparent;
    }
    .pod-designer .pod-designer__artwork-switch button {
      display:flex;
      min-width:0;
      height:72px!important;
      min-height:72px!important;
      align-items:center;
      justify-content:flex-start;
      padding:6.5px 7px;
      border:1px solid rgba(var(--color-foreground),.14);
      border-radius:10px;
      background:rgb(var(--color-background));
      color:rgb(var(--color-foreground));
      font-weight:600!important;
      text-align:left;
      box-shadow:0 1.5px 5px rgba(18,18,18,.035);
    }
    .pod-designer .pod-designer__artwork-switch button.is-active {
      border-color:rgba(var(--color-foreground),.14);
      background:rgb(var(--color-background));
      color:rgb(var(--color-foreground));
      box-shadow:0 1.5px 5px rgba(18,18,18,.035);
    }
    .pod-designer__source-desktop-label { display:none; }
    .pod-designer__source-mobile-content { display:flex; min-width:0; align-items:center; gap:7px; }
    .pod-designer__source-mobile-content > span:last-child { display:grid; min-width:0; gap:1.8px; }
    .pod-designer__source-mobile-content strong { overflow:hidden; font-size:10.2px; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
    .pod-designer__source-mobile-content small { overflow:hidden; color:rgba(var(--color-foreground),.52); font-size:8.2px; font-weight:500; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
    .pod-designer__source-icon { display:grid; width:35px; height:35px; flex:0 0 35px; place-items:center; border-radius:8px; background:rgb(var(--color-foreground)); color:rgb(var(--color-background)); }
    .pod-designer__source-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .pod-designer__artwork-switch [data-pod-artwork-source="preset"] .pod-designer__source-icon { background:rgba(var(--color-foreground),.07); color:rgb(var(--color-foreground)); }
    .pod-designer__panel[data-pod-panel="artwork"] [data-pod-artwork-panel] { display:none!important; }
    .pod-designer__panel[data-pod-panel="artwork"] + .pod-designer__image-editor { padding-top:4.5px; }
    /* Present selected-image controls as a true bottom drawer above the footer. */
    .pod-designer:has(.pod-designer__image-editor:not([hidden])) .pod-designer__layout {
      position:relative;
      z-index:90;
      overflow:visible!important;
    }
    .pod-designer:has(.pod-designer__image-editor:not([hidden])) .pod-designer__footer { position:relative; z-index:1; }
    .pod-designer__image-editor {
      position:fixed;
      right:0;
      bottom:0;
      left:0;
      z-index:2147483500;
      box-sizing:border-box;
      width:100%;
      margin:0;
      padding:8px 12px max(10px,env(safe-area-inset-bottom));
      border-top:1px solid rgba(var(--color-foreground),.14);
      border-radius:14px 14px 0 0;
      background:rgb(var(--color-background));
      box-shadow:0 -10px 30px rgba(18,18,18,.16);
      animation:pod-image-drawer-in .18s ease-out;
    }
    @keyframes pod-image-drawer-in { from { transform:translateY(100%); } to { transform:translateY(0); } }
    .pod-designer__image-editor[hidden] { display:none!important; }
    .pod-designer__image-editor-heading { min-height:24px; }
    .pod-designer__image-editor-heading h3 { font-size:12px; }
    .pod-designer__image-editor-heading span { font-size:9px; }
    .pod-designer__image-actions { gap:3.5px; }
    .pod-designer__image-action { min-height:44px; }
    /* The image editor sits above the fixed footer, so its menus must open upward. */
    .pod-designer__image-editor .pod-designer__image-submenu {
      top:auto;
      bottom:calc(100% + 4px);
      max-height:min(240px,40dvh);
      overflow-y:auto;
    }
    .pod-designer__crop-dialog {
      position:fixed!important;
      inset:0!important;
      z-index:2147483640!important;
      padding:10px!important;
    }
    .pod-designer__crop-modal {
      width:100%!important;
      max-height:calc(100dvh - 20px)!important;
      box-sizing:border-box;
    }
    .pod-designer__upload {
      display:flex;
      height:72px!important;
      min-height:72px!important;
      box-sizing:border-box;
      align-items:center;
      justify-content:center;
      gap:6.5px;
      padding:6px 10px!important;
    }
    .pod-designer__upload strong { font-size:12px; }
    .pod-designer__upload span { margin-top:0; font-size:10px; }
    .pod-designer__preset-launch {
      grid-template-columns:54px minmax(0,1fr) auto;
      gap:8px;
      height:72px!important;
      min-height:72px!important;
      box-sizing:border-box;
      padding:7px;
    }
    .pod-designer__preset-teaser { width:54px; height:54px; border-radius:6.5px; }
    .pod-designer__panel[data-pod-panel="text"] .pod-designer__panel-heading,
    .pod-designer__panel[data-pod-panel="background"] .pod-designer__panel-heading { display:none!important; }
    .pod-designer__panel[data-pod-panel="text"] { padding:0!important; }
    .pod-designer__panel[data-pod-panel="text"].is-active {
      padding:3.5px!important;
      border-radius:9px;
      background:rgba(var(--color-foreground),.045);
    }
    .pod-designer__panel[data-pod-panel="background"].is-active {
      padding:3.5px!important;
      border-radius:9px;
      background:rgba(var(--color-foreground),.045);
    }
    .pod-designer__text-entry {
      display:grid;
      grid-template-columns:35px minmax(0,1fr) auto;
      align-items:center;
      gap:7px;
      width:100%;
      height:72px;
      min-height:72px;
      box-sizing:border-box;
      padding:6.5px 7px;
      border:1px solid rgba(var(--color-foreground),.14);
      border-radius:10px;
      background:rgb(var(--color-background));
      color:rgb(var(--color-foreground));
      text-align:left;
      box-shadow:0 1.5px 5px rgba(18,18,18,.035);
      cursor:pointer;
    }
    .pod-designer__text-entry > span:nth-child(2) { display:grid; min-width:0; gap:1.8px; }
    .pod-designer__text-entry strong { font-size:10.2px; line-height:1.15; }
    .pod-designer__text-entry small { overflow:hidden; color:rgba(var(--color-foreground),.52); font-size:8.2px; font-weight:500; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
    .pod-designer__text-entry-arrow { padding-right:3px; color:rgba(var(--color-foreground),.5); font-size:16px; }
    .pod-designer__text-drawer[hidden] { display:none!important; }
    .pod-designer.is-text-drawer-open .pod-designer__layout {
      position:relative;
      z-index:100;
      overflow:visible!important;
    }
    .pod-designer.is-text-drawer-open .pod-designer__footer { position:relative; z-index:1; }
    .pod-designer__text-drawer { position:fixed; inset:0; z-index:2147483600; display:block; }
    .pod-designer__text-drawer-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(20,20,22,.42); backdrop-filter:blur(2px); }
    .pod-designer__text-drawer-dialog {
      position:absolute;
      right:0;
      bottom:0;
      left:0;
      display:grid;
      grid-template-rows:auto minmax(0,1fr);
      max-height:calc(100dvh - 48px);
      overflow:hidden;
      border-radius:15px 15px 0 0;
      background:rgb(var(--color-background));
      box-shadow:0 -14px 40px rgba(18,18,18,.18);
      animation:pod-text-drawer-in .2s ease-out;
    }
    @keyframes pod-text-drawer-in { from { transform:translateY(100%); } to { transform:translateY(0); } }
    .pod-designer__text-drawer-header { display:flex; min-height:56px; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; border-bottom:1px solid rgba(var(--color-foreground),.1); }
    .pod-designer__text-drawer-header small { display:block; color:rgba(var(--color-foreground),.5); font-size:8.2px; text-transform:uppercase; letter-spacing:.06em; }
    .pod-designer__text-drawer-header h3 { margin:1px 0 0; font-size:13.5px; }
    .pod-designer .pod-designer__text-drawer-header button { min-width:54px; min-height:36px; border:0; border-radius:8px; background:rgb(var(--color-foreground)); color:rgb(var(--color-background)); font-size:10px; font-weight:600; }
    .pod-designer__text-drawer-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:11px 12px max(12px,env(safe-area-inset-bottom)); }
    .pod-designer__text-drawer[data-mode="edit"] { pointer-events:none; }
    .pod-designer__text-drawer[data-mode="edit"] .pod-designer__text-drawer-backdrop,
    .pod-designer__text-drawer[data-mode="edit"] .pod-designer__text-drawer-header,
    .pod-designer__text-drawer[data-mode="edit"] [data-pod-add-text],
    .pod-designer__text-drawer[data-mode="edit"] .pod-designer__text-drawer-body > .pod-designer__field:first-child { display:none!important; }
    .pod-designer__text-drawer[data-mode="edit"] .pod-designer__text-drawer-dialog {
      grid-template-rows:minmax(0,1fr);
      max-height:min(46dvh,380px);
      pointer-events:auto;
    }
    .pod-designer__text-drawer[data-mode="edit"] .pod-designer__text-drawer-body { padding-top:12px; }
    .pod-designer__panel[data-pod-panel="text"] .pod-designer__field {
      gap:4px!important;
      margin-bottom:8px!important;
    }
    .pod-designer__panel[data-pod-panel="text"] .pod-designer__field input[type=text],
    .pod-designer__panel[data-pod-panel="text"] .pod-designer__field input[type=number],
    .pod-designer .pod-designer__font-picker-button,
    .pod-designer__color-control {
      min-height:38px!important;
    }
    .pod-designer__text-grid { column-gap:6px; }
    .pod-designer__advanced-toggle {
      min-height:36px!important;
      margin:0 0 7px!important;
      padding:0 8px!important;
    }
    .pod-designer__advanced-text {
      margin:0 0 7px!important;
      padding:9px!important;
    }
    .pod-designer__range-field { gap:4px; margin-bottom:8px; }
    .pod-designer__style-toggles { gap:5px; margin:0 0 8px; }
    .pod-designer__style-toggles span { min-height:34px; }
    .pod-designer__check-field { margin:2px 0 7px; }
    .pod-designer__panel[data-pod-panel="text"] .pod-designer__secondary-button { min-height:40px!important; }
    .pod-designer .pod-designer__background-picker {
      position:relative;
      grid-template-columns:35px minmax(0,1fr) auto;
      gap:7px;
      height:72px!important;
      min-height:72px!important;
      box-sizing:border-box;
      padding:6.5px 7px;
      border:1px solid rgba(var(--color-foreground),.14);
      border-radius:10px;
      background:rgb(var(--color-background));
      box-shadow:0 1.5px 5px rgba(18,18,18,.035);
    }
    .pod-designer .pod-designer__background-picker-hit {
      position:absolute;
      inset:0;
      z-index:5;
      display:block;
      border-radius:inherit;
      cursor:pointer;
    }
    .pod-designer .pod-designer__background-swatch {
      width:35px!important;
      height:35px!important;
      max-width:35px!important;
      max-height:35px!important;
      box-sizing:border-box;
      border-radius:8px;
    }
    .pod-designer .pod-designer__background-picker-copy { align-content:center; gap:1.8px; }
    .pod-designer .pod-designer__background-picker-copy > span { display:none!important; }
    .pod-designer .pod-designer__background-picker-copy strong {
      font-size:10.2px!important;
      font-weight:600!important;
      line-height:1.15;
    }
    .pod-designer .pod-designer__background-picker-copy code {
      color:rgba(var(--color-foreground),.52);
      font-size:8.2px!important;
      font-weight:500;
      line-height:1.15;
    }
    .pod-designer__layer-list { max-height:none; }
    .pod-designer__footer {
      gap:7px;
      padding:4.5px 8px max(4.5px,env(safe-area-inset-bottom));
      background:var(--pd-paper);
    }
    .pod-designer__footer p { min-width:0; font-size:10px; }
    .pod-designer__finish {
      min-width:min(44vw,170px);
      min-height:40px;
      padding:0 11px;
    }
    /* Put canvas actions in a vertical rail beside the canvas on phones. */
    .pod-designer__workspace {
      display:grid!important;
      grid-template-columns:minmax(0,1fr) 41px;
      grid-template-rows:auto auto auto;
      column-gap:5.5px;
      align-items:start;
    }
    .pod-designer__workspace-heading {
      display:contents!important;
    }
    .pod-designer__canvas-actions {
      grid-column:2;
      grid-row:2;
      display:flex!important;
      width:41px;
      min-width:41px;
      box-sizing:border-box;
      flex-direction:column;
      align-items:center;
      align-self:stretch;
      justify-content:center;
      gap:1px;
      padding:3px 1.5px;
      border:1px solid rgba(var(--color-foreground),.08);
      border-radius:10px;
      background:rgb(var(--color-background));
      box-shadow:0 2px 8px rgba(18,18,18,.04);
    }
    .pod-designer__canvas-actions-row { display:contents!important; }
    .pod-designer__canvas-actions button,
    .pod-designer__canvas-arrange summary {
      width:37px;
      min-width:37px;
      height:37px;
      min-height:37px;
      border-radius:8px!important;
    }
    .pod-designer__canvas-actions button:before,
    .pod-designer__canvas-arrange summary:before { font-size:15.5px; }
    .pod-designer__canvas-arrange,
    .pod-designer__canvas-opacity-popover { height:37px; }
    .pod-designer__canvas-actions button:active:not(:disabled),
    .pod-designer__canvas-arrange summary:active { background:rgba(var(--color-foreground),.07)!important; }
    .pod-designer__stage-wrap {
      display:contents!important;
    }
    .pod-designer__design-rail {
      grid-column:1 / -1;
      grid-row:1;
    }
    .pod-designer__stage {
      grid-column:1;
      grid-row:2;
      justify-self:center;
      width:100%!important;
      max-width:44vh;
    }
    .pod-designer__canvas-note {
      grid-column:2;
      grid-row:3;
    }
  }
  .pod-designer__layer > * { pointer-events:none !important; }


  /* The base designer stylesheet is loaded by the modal above. Reapply the established
     phone shell after it for portrait intermediate windows so cascade order is identical. */
  @media(min-width:700px) and (max-width:1250px) and (orientation:portrait) {
    .pod-designer__header { padding:10px 12px; }
    .pod-designer__product img { width:40px; height:40px; }
    .pod-designer__product h2 { max-width:180px; font-size:12.5px; }
    .pod-designer__text-button { display:none; }
    .pod-designer__layout { position:relative; display:flex!important; flex-direction:column; }
    .pod-designer__workspace { order:1; flex:1; padding:10px; }
    .pod-designer__workspace-heading { padding:0 3px; }
    .pod-designer__stage-wrap { padding:10px 0; }
    .pod-designer__stage { width:100%!important; max-width:44vh!important; }
    .pod-designer__canvas-note { display:none; }
    .pod-designer__tools { order:2; flex:0 0 auto; max-height:34vh; padding:10px 12px; border:0; border-top:1px solid var(--pd-line); background:var(--pd-paper); }
    .pod-designer__tabs { margin-bottom:10px; }
    .pod-designer__panel-heading p { display:none; }
    .pod-designer__upload { min-height:80px; padding:10px; }
    .pod-designer__selection { margin-top:10px; padding-top:10px; }
    .pod-designer__selection > label { margin:7px 0; }
    .pod-designer__footer { padding:10px 12px; }
    .pod-designer__footer p span { display:none; }
    .pod-designer__finish { min-width:150px; }
    .pod-designer__dialog { inset:0; min-height:100dvh; border-radius:0; }
    .pod-designer__header-actions { gap:3px; }

    /* Portrait tablets keep the proven phone composition, but every visual and
       touch target grows from the same constrained scale instead of enlarging
       the canvas alone. Values are updated continuously by syncPortraitUiScale. */
    .pod-designer__header {
      min-height:var(--pod-p-header-h,59px);
      gap:var(--pod-p-gap-sm,7px);
      padding:var(--pod-p-space-xs,5px) var(--pod-p-space-md,10px);
    }
    .pod-designer__product { gap:var(--pod-p-gap-sm,7px); }
    .pod-designer__product img { width:var(--pod-p-product-img,37px); height:var(--pod-p-product-img,37px); border-radius:var(--pod-p-radius-sm,7px); }
    .pod-designer__product p { font-size:var(--pod-p-font-xs,10px); }
    .pod-designer__product h2 { max-width:var(--pod-p-title-width,248px); font-size:var(--pod-p-font-md,13px); }
    .pod-designer__close {
      min-width:var(--pod-p-close-size,47px);
      min-height:var(--pod-p-close-size,47px);
      padding:var(--pod-p-space-xs,5px) var(--pod-p-space-sm,7px);
      border-radius:var(--pod-p-radius-md,10px);
      font-size:var(--pod-p-font-sm,12px);
    }
    .pod-designer__workspace {
      grid-template-columns:minmax(0,1fr) var(--pod-p-toolbar-col,51px)!important;
      column-gap:var(--pod-p-gap-xs,7px);
      padding:0 var(--pod-p-space-lg,15px) var(--pod-p-space-md,10px)!important;
    }
    .pod-designer__design-rail {
      grid-template-columns:var(--pod-p-mode-width,99px) minmax(0,1fr);
      gap:var(--pod-p-gap-xs,7px);
      margin-bottom:var(--pod-p-space-sm,7px);
      padding:var(--pod-p-space-xs,6px) var(--pod-p-space-sm,7px);
      border-radius:var(--pod-p-radius-md,10px);
    }
    .pod-designer__design-rail .pod-designer__mode > div,
    .pod-designer__design-rail .pod-designer__mode.is-expanded > div,
    .pod-designer__design-rail .pod-designer__pieces,
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] {
      height:var(--pod-p-rail-height,69px)!important;
      min-height:var(--pod-p-rail-height,69px)!important;
      max-height:var(--pod-p-rail-height,69px)!important;
    }
    .pod-designer__design-rail .pod-designer__mode button.is-active {
      height:var(--pod-p-mode-height,63px)!important;
      min-height:var(--pod-p-mode-height,63px)!important;
      gap:var(--pod-p-gap-xs,7px);
      padding-inline:var(--pod-p-space-sm,7px);
      border-radius:var(--pod-p-radius-sm,8px);
      font-size:var(--pod-p-font-sm,11px);
    }
    .pod-designer__design-rail .pod-designer__mode-icon {
      width:var(--pod-p-mode-icon,22px);
      height:var(--pod-p-mode-icon,22px);
      flex-basis:var(--pod-p-mode-icon,22px);
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces { padding-left:var(--pod-p-gap-xs,7px)!important; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] {
      gap:var(--pod-p-piece-gap,5px)!important;
      padding-block:var(--pod-p-space-xs,6px)!important;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces button {
      flex-basis:var(--pod-p-piece-width,149px)!important;
      width:var(--pod-p-piece-width,149px)!important;
      height:var(--pod-p-piece-height,57px)!important;
      min-height:var(--pod-p-piece-height,57px)!important;
      max-height:var(--pod-p-piece-height,57px)!important;
      gap:var(--pod-p-piece-gap,5px)!important;
      padding:var(--pod-p-space-xs,5px)!important;
      border-radius:var(--pod-p-radius-md,10px);
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces img {
      width:var(--pod-p-piece-img,42px)!important;
      height:var(--pod-p-piece-img,42px)!important;
      max-height:var(--pod-p-piece-img,42px)!important;
    }
    .pod-designer .pod-designer__design-rail .pod-designer__pieces button span { font-size:var(--pod-p-font-sm,11px)!important; }
    .pod-designer__stage {
      width:var(--pod-portrait-stage-size,446px)!important;
      height:var(--pod-portrait-stage-size,446px)!important;
      min-height:var(--pod-portrait-stage-size,446px)!important;
      max-width:none!important;
    }
    .pod-designer__canvas-actions {
      width:var(--pod-p-toolbar-col,51px);
      min-width:var(--pod-p-toolbar-col,51px);
      gap:var(--pod-p-action-gap,1px);
      padding:var(--pod-p-space-xs,4px) var(--pod-p-action-pad,2px);
      border-radius:var(--pod-p-radius-lg,12px);
    }
    .pod-designer__canvas-actions button,
    .pod-designer__canvas-arrange summary {
      width:var(--pod-p-action-size,46px);
      min-width:var(--pod-p-action-size,46px);
      height:var(--pod-p-action-size,46px);
      min-height:var(--pod-p-action-size,46px);
      border-radius:var(--pod-p-radius-md,10px)!important;
    }
    .pod-designer__canvas-actions button:before,
    .pod-designer__canvas-arrange summary:before { font-size:var(--pod-p-action-icon,19px); }
    .pod-designer__canvas-arrange,
    .pod-designer__canvas-opacity-popover { height:var(--pod-p-action-size,46px); }
    .pod-designer__preview-thumbs {
      min-height:var(--pod-p-thumb-row,102px);
      gap:var(--pod-p-gap-sm,7px);
      margin-inline:var(--pod-p-space-lg,15px)!important;
    }
    .pod-designer__preview-thumbs button {
      flex-basis:var(--pod-p-thumb-size,72px);
      width:var(--pod-p-thumb-size,72px);
      height:var(--pod-p-thumb-size,72px);
      border-radius:var(--pod-p-radius-sm,9px);
    }
    .pod-designer__tools { padding:var(--pod-p-space-md,10px) var(--pod-p-space-lg,15px) var(--pod-p-space-lg,15px)!important; }
    .pod-designer__tabs { margin-bottom:var(--pod-p-space-sm,7px)!important; padding:var(--pod-p-space-xs,4px); border-radius:var(--pod-p-radius-md,10px); }
    .pod-designer__tabs button { min-height:var(--pod-p-tab-height,40px); padding:var(--pod-p-space-xs,5px); font-size:var(--pod-p-font-sm,11px); }
    .pod-designer .pod-designer__artwork-switch button,
    .pod-designer__upload,
    .pod-designer__preset-launch,
    .pod-designer__text-entry,
    .pod-designer .pod-designer__background-picker {
      height:var(--pod-p-card-height,89px)!important;
      min-height:var(--pod-p-card-height,89px)!important;
      border-radius:var(--pod-p-radius-lg,12px);
    }
    .pod-designer__source-icon,
    .pod-designer .pod-designer__background-swatch {
      width:var(--pod-p-control-icon,43px)!important;
      height:var(--pod-p-control-icon,43px)!important;
      max-width:var(--pod-p-control-icon,43px)!important;
      max-height:var(--pod-p-control-icon,43px)!important;
      flex-basis:var(--pod-p-control-icon,43px);
      border-radius:var(--pod-p-radius-md,10px);
    }
    .pod-designer__source-icon svg { width:var(--pod-p-mode-icon,22px); height:var(--pod-p-mode-icon,22px); }
    .pod-designer__source-mobile-content strong,
    .pod-designer__text-entry strong,
    .pod-designer .pod-designer__background-picker-copy strong { font-size:var(--pod-p-font-md,13px)!important; }
    .pod-designer__source-mobile-content small,
    .pod-designer__text-entry small,
    .pod-designer .pod-designer__background-picker-copy code { font-size:var(--pod-p-font-xs,10px)!important; }
    .pod-designer__layers-dock { padding-top:var(--pod-p-space-lg,15px); }
    .pod-designer__layers-heading { margin-bottom:var(--pod-p-space-md,10px); }
    .pod-designer__layers-heading h3 { font-size:var(--pod-p-font-lg,17px); }
    .pod-designer__layers-heading span { min-width:var(--pod-p-count-size,27px); height:var(--pod-p-count-size,27px); font-size:var(--pod-p-font-sm,11px); }
    .pod-designer__layer-list { gap:var(--pod-p-gap-sm,7px); }
    .pod-designer__layer-list .pod-designer__layer-select {
      grid-template-columns:var(--pod-p-layer-thumb-col,55px) minmax(0,1fr) auto;
      gap:var(--pod-p-space-md,10px);
      min-height:var(--pod-p-layer-row,64px);
      border-radius:var(--pod-p-radius-md,11px) 0 0 var(--pod-p-radius-md,11px);
      font-size:var(--pod-p-font-md,13px);
    }
    .pod-designer__layer-list img,
    .pod-designer__layer-list .pod-layer-text-thumb { width:var(--pod-p-layer-thumb,47px); height:var(--pod-p-layer-thumb,47px); }
    .pod-designer__image-editor { padding:var(--pod-p-space-md,10px) var(--pod-p-space-lg,15px) max(var(--pod-p-space-lg,15px),env(safe-area-inset-bottom)); }
    .pod-designer__image-editor-heading h3 { font-size:var(--pod-p-font-lg,15px); }
    .pod-designer__image-editor-heading span { font-size:var(--pod-p-font-sm,11px); }
    .pod-designer__image-action { min-height:var(--pod-p-drawer-control,54px); font-size:var(--pod-p-font-sm,11px); }
    .pod-designer__text-drawer-header { min-height:var(--pod-p-drawer-header,69px); padding:var(--pod-p-space-md,10px) var(--pod-p-space-lg,15px); }
    .pod-designer__text-drawer-header h3 { font-size:var(--pod-p-font-lg,17px); }
    .pod-designer__text-drawer-body { padding:var(--pod-p-space-lg,14px) var(--pod-p-space-lg,15px) max(var(--pod-p-space-lg,15px),env(safe-area-inset-bottom)); }
    .pod-designer__footer { gap:var(--pod-p-gap-sm,9px); padding:var(--pod-p-space-xs,6px) var(--pod-p-space-md,10px) max(var(--pod-p-space-xs,6px),env(safe-area-inset-bottom)); }
    .pod-designer__footer p { font-size:var(--pod-p-font-md,12px); }
    .pod-designer__finish {
      min-width:var(--pod-p-finish-width,186px);
      min-height:var(--pod-p-finish-height,50px);
      padding-inline:var(--pod-p-space-lg,14px);
      font-size:var(--pod-p-font-md,13px);
    }
  }


  /* One container-driven portrait-tablet system. No device-specific breakpoints. */
  @media(min-width:700px) and (max-width:1250px) and (orientation:portrait) {
    .pod-designer__dialog {
      left:0!important; right:0!important;
      width:auto!important; max-width:none!important; min-width:0;
      height:100dvh; max-height:100dvh;
      box-sizing:border-box;
      --pod-p-header-h:clamp(60px,7.4vw,72px);
      --pod-p-gap-sm:clamp(7px,.9vw,10px); --pod-p-gap-xs:clamp(6px,.75vw,8px);
      --pod-p-space-xs:clamp(5px,.65vw,7px); --pod-p-space-sm:clamp(6px,.8vw,9px);
      --pod-p-space-md:clamp(9px,1.1vw,12px); --pod-p-space-lg:clamp(14px,1.8vw,18px);
      --pod-p-product-img:clamp(42px,5.4vw,48px);
      --pod-p-radius-sm:clamp(7px,.9vw,9px); --pod-p-radius-md:clamp(9px,1.1vw,11px); --pod-p-radius-lg:clamp(11px,1.4vw,14px);
      --pod-p-font-xs:clamp(10px,1.25vw,12px); --pod-p-font-sm:clamp(11px,1.4vw,14px);
      --pod-p-font-md:clamp(13px,1.55vw,16px); --pod-p-font-lg:clamp(16px,1.9vw,19px);
      --pod-p-title-width:min(42vw,340px); --pod-p-close-size:clamp(48px,6vw,56px);
      --pod-p-toolbar-col:clamp(52px,6.8vw,58px); --pod-p-mode-width:clamp(112px,15vw,126px);
      --pod-p-rail-height:clamp(78px,10.2vw,84px); --pod-p-mode-height:clamp(72px,9.4vw,78px); --pod-p-mode-icon:clamp(24px,3vw,28px);
      --pod-p-piece-gap:clamp(5px,.7vw,7px); --pod-p-piece-width:clamp(162px,22vw,176px);
      --pod-p-piece-height:clamp(62px,8.2vw,68px); --pod-p-piece-img:clamp(46px,6vw,52px);
      --pod-p-action-gap:clamp(1px,.2vw,2px); --pod-p-action-pad:2px;
      --pod-p-action-size:clamp(50px,6.7vw,56px); --pod-p-action-icon:clamp(19px,2.5vw,22px);
      --pod-p-thumb-row:clamp(108px,14vw,122px); --pod-p-thumb-size:clamp(80px,11vw,88px);
      --pod-p-tab-height:clamp(44px,6vw,50px); --pod-p-card-height:clamp(90px,12vw,104px);
      --pod-p-control-icon:clamp(44px,5.8vw,50px); --pod-p-count-size:clamp(26px,3.4vw,30px);
      --pod-p-layer-thumb-col:clamp(54px,7vw,62px); --pod-p-layer-row:clamp(64px,8.5vw,72px); --pod-p-layer-thumb:clamp(46px,6vw,52px);
      --pod-p-drawer-control:clamp(50px,6.5vw,56px); --pod-p-drawer-header:clamp(64px,8.5vw,72px);
      --pod-p-finish-width:clamp(180px,24vw,220px); --pod-p-finish-height:clamp(48px,6.4vw,56px);
      --pod-portrait-stage-size:min(58vw,44dvh,520px);
    }
    .pod-designer__header,.pod-designer__layout,.pod-designer__workspace,.pod-designer__tools,
    .pod-designer__design-rail,.pod-designer__tabs,.pod-designer__artwork-switch,.pod-designer__footer {
      width:100%; max-width:100%; min-width:0; box-sizing:border-box;
    }
    .pod-designer__header { display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
    .pod-designer__product,.pod-designer__product>div { min-width:0; }
    .pod-designer__product h2 { width:auto; max-width:var(--pod-p-title-width); }
    .pod-designer__header-actions { display:flex!important; min-width:0; flex:none; }
    .pod-designer__close { display:grid!important; min-width:0; flex:none; place-items:center; white-space:nowrap; }
    .pod-designer__layout,.pod-designer__workspace { overflow-x:hidden!important; }
    .pod-designer__workspace { grid-template-columns:minmax(0,1fr) var(--pod-p-toolbar-col)!important; }
    .pod-designer__canvas-actions { display:flex!important; visibility:visible!important; }
    .pod-designer__design-rail { overflow:hidden; }
    .pod-designer__design-rail .pod-designer__mode,
    .pod-designer__design-rail .pod-designer__pieces,
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] { min-width:0; max-width:100%; }
    .pod-designer__design-rail .pod-designer__pieces [data-pod-pieces] { overscroll-behavior-x:contain; }
    .pod-designer__stage {
      width:var(--pod-portrait-stage-size)!important; height:var(--pod-portrait-stage-size)!important;
      min-height:var(--pod-portrait-stage-size)!important;
      max-width:calc(100vw - var(--pod-p-toolbar-col) - var(--pod-p-space-lg) - var(--pod-p-gap-xs))!important;
    }
    .pod-designer__preview-thumbs { width:auto!important; max-width:calc(100% - var(--pod-p-space-lg) - var(--pod-p-space-lg)); min-width:0; box-sizing:border-box; }
    .pod-designer__tabs { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
    .pod-designer__tabs button { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .pod-designer__artwork-switch { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .pod-designer .pod-designer__artwork-switch button,.pod-designer__text-entry,
    .pod-designer .pod-designer__background-picker,.pod-designer__preset-launch,.pod-designer__upload {
      width:100%; max-width:100%; min-width:0; box-sizing:border-box;
    }
    .pod-designer__source-mobile-content,.pod-designer__source-mobile-content>span:last-child,
    .pod-designer__text-entry>span:nth-child(2),.pod-designer__background-picker-copy { min-width:0; }
    .pod-designer__source-mobile-content strong,.pod-designer__source-mobile-content small,
    .pod-designer__text-entry strong,.pod-designer__text-entry small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .pod-designer__footer { display:flex!important; }
    .pod-designer__finish { max-width:45vw; flex:0 0 auto; box-sizing:border-box; }
  }

/* Paintsand theme layer --------------------------------------------------- */
.pod-designer{
  --color-foreground:9,9,9;
  --color-background:255,255,255;
  --ps-designer-accent:#ff5b3b;
  --ps-designer-pale:#c7edf4;
  font-family:"Futura Light","Futura Book","Trebuchet MS",Arial,sans-serif!important;
  color:#090909;
}
.pod-designer button,.pod-designer input,.pod-designer select,.pod-designer textarea{font-family:inherit!important}
.pod-designer__dialog{border:1px solid #111!important;border-radius:0!important;box-shadow:0 28px 80px rgba(0,0,0,.2)!important}
.pod-designer__header,.pod-designer__footer{border-color:#111!important}
.pod-designer__product p,.pod-designer__preset-picker-header p{color:#767674!important;letter-spacing:.12em!important}
.pod-designer__product h2,.pod-designer__preview-heading strong,.pod-designer__stage-heading strong,.pod-designer__layer-section h3{font-family:"Futura Book","Futura Light","Trebuchet MS",Arial,sans-serif!important;font-weight:400!important;letter-spacing:.055em!important}
.pod-designer__tabs,.pod-designer__artwork-switch{border-radius:0!important}
.pod-designer .pod-designer__tabs button,.pod-designer .pod-designer__artwork-switch button,.pod-designer__mode button,.pod-designer__pieces button,.pod-designer__upload,.pod-designer__preset-launch,.pod-designer__text-entry,.pod-designer__font-picker-button,.pod-designer__field input,.pod-designer__field select,.pod-designer__background-picker,.pod-designer__canvas-toolbar button,.pod-designer__close,.pod-designer__crop-modal,.pod-designer__preset-picker-dialog{border-radius:0!important}

/* Desktop text controls must shrink inside the fixed-width tools column. */
@media (min-width:1251px) {
  .pod-designer__tools { overflow-x:hidden; }
  .pod-designer__panel[data-pod-panel="text"],
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__text-drawer,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__text-drawer-body,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__text-grid,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__field,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__font-picker,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__color-control,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__advanced-toggle,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__advanced-text,
  .pod-designer__panel[data-pod-panel="text"] .pod-designer__secondary-button {
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .pod-designer__panel[data-pod-panel="text"] input,
  .pod-designer__panel[data-pod-panel="text"] select,
  .pod-designer__panel[data-pod-panel="text"] button {
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
}
.pod-designer .pod-designer__tabs button.is-active{background:var(--ps-designer-pale)!important;color:#111!important;box-shadow:none!important}
.pod-designer .pod-designer__artwork-switch button.is-active,.pod-designer__mode button.is-active{border-color:#111!important;background:#111!important;color:#fff!important}
.pod-designer__finish{border:1px solid #111!important;border-radius:0!important;background:var(--ps-designer-accent)!important;color:#111!important;font-weight:400!important;letter-spacing:.04em!important;transition:background .18s ease,color .18s ease!important}
.pod-designer__finish:hover{background:#111!important;color:#fff!important}
.pod-designer__upload:hover,.pod-designer__preset-launch:hover,.pod-designer__pieces button:hover{border-color:var(--ps-designer-accent)!important}
.pod-designer :focus-visible{outline:0!important;box-shadow:0 0 0 2px rgba(255,91,59,.32)!important}
.pod-designer__preview-status-dot{background:var(--ps-designer-accent)!important;box-shadow:0 0 0 3px rgba(255,91,59,.15)!important}
.ps-design-status{display:flex;align-items:flex-start;justify-content:center;width:100%;margin:7px 0 12px!important;color:#767674;font:12px/1.45 "Futura Light","Futura Book","Trebuchet MS",Arial,sans-serif;text-align:center}
.ps-design-status::before{content:"";flex:0 0 7px;width:7px;height:7px;margin:5px 7px 0 0;border-radius:50%;background:#d98700}
.ps-design-status.is-complete{color:#426b4b}
.ps-design-status.is-complete::before{background:#4d8a5b}
.ps-product-summary .ps-buy-now.ps-design-required{background:#dededb!important;color:#8a8a87!important;cursor:not-allowed!important;pointer-events:auto!important}
.ps-product-summary .ps-buy-now.ps-design-required:hover{background:#dededb!important;color:#8a8a87!important}
@media(max-width:749px){
  .pod-designer__dialog{border:0!important}
  .pod-designer__header{min-height:58px!important}
  .pod-designer__finish{min-height:48px!important}
}

/* Desktop canvas toolbar: one calm row, with icon-first actions. */
.pod-designer__desktop-toolbar{display:none!important}
@media(min-width:1251px), (min-width:750px) and (orientation:landscape){
  .pod-designer__workspace-heading{
    grid-template-columns:minmax(108px,1fr) auto!important;
    column-gap:10px!important;
    padding-block:5px!important;
  }
  .pod-designer__canvas-actions{
    display:block!important;
    align-self:center;
  }
  .pod-designer__legacy-actions{display:none!important}
  .pod-designer__desktop-toolbar{
    display:flex!important;
    align-items:stretch;
    justify-content:flex-end;
    gap:1px;
    min-width:0;
    white-space:nowrap;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool-menu{position:relative;display:block!important;flex:0 0 auto}
  .pod-designer__desktop-toolbar .pod-designer__tool,
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>summary{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    width:clamp(42px,3.4vw,54px);
    min-width:clamp(42px,3.4vw,54px)!important;
    height:52px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#111;
    cursor:pointer;
    list-style:none;
    text-decoration:none!important;
    box-sizing:border-box;
    transition:background-color .16s ease,color .16s ease,opacity .16s ease;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>summary::-webkit-details-marker{display:none}
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>summary:after{display:none!important;content:none!important}
  .pod-designer__desktop-toolbar .pod-designer__tool svg,
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>summary svg{
    display:block;
    flex:0 0 auto;
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool span,
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>summary span{
    display:block;
    max-width:100%;
    overflow:hidden;
    color:inherit;
    font-size:8.5px!important;
    font-weight:400;
    letter-spacing:.015em;
    line-height:1;
    text-overflow:ellipsis;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool:hover:not(:disabled),
  .pod-designer__desktop-toolbar .pod-designer__tool-menu:not(.is-disabled)>summary:hover,
  .pod-designer__desktop-toolbar .pod-designer__tool-menu[open]>summary{
    background:rgba(9,9,9,.055)!important;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool:active:not(:disabled){transform:translateY(1px)}
  .pod-designer__desktop-toolbar .pod-designer__tool:disabled,
  .pod-designer__desktop-toolbar .pod-designer__tool-menu.is-disabled{
    opacity:.28;
    cursor:not-allowed;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool-menu.is-disabled{pointer-events:none}
  .pod-designer__desktop-toolbar .pod-designer__tool--delete:not(:disabled){color:#a33131}
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>div:not(.pod-designer__canvas-opacity){
    position:absolute;
    top:calc(100% + 6px);
    right:0;
    z-index:50;
    display:grid;
    width:176px;
    min-width:176px;
    gap:2px;
    padding:6px;
    border:1px solid rgba(9,9,9,.16);
    border-radius:0;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    box-sizing:border-box;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>div:not(.pod-designer__canvas-opacity) button{
    display:flex!important;
    width:100%;
    min-width:0!important;
    height:36px!important;
    justify-content:flex-start;
    padding:0 9px!important;
    border-radius:0!important;
    font-size:11px!important;
    font-weight:400!important;
    letter-spacing:0!important;
    line-height:1.2!important;
    text-align:left;
  }
  .pod-designer__desktop-toolbar .pod-designer__tool-menu>div:not(.pod-designer__canvas-opacity) button:hover:not(:disabled){background:rgba(9,9,9,.055)!important}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity-popover{display:block!important;height:52px!important}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity-popover>.pod-designer__tool{height:52px!important}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity{
    top:calc(100% + 6px);
    right:0;
    z-index:50;
    display:grid;
    width:176px;
    min-width:176px;
    max-width:176px;
    min-height:0;
    gap:10px;
    padding:12px;
    border:1px solid rgba(9,9,9,.16);
    border-radius:0;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    box-sizing:border-box;
  }
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity[hidden]{display:none}
  .pod-designer__desktop-toolbar .pod-designer__opacity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#111;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.2}
  .pod-designer__desktop-toolbar .pod-designer__opacity-heading output{min-width:0;color:#111;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity>input{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:14px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity>input::-webkit-slider-runnable-track{height:2px;border:0;border-radius:999px;background:#111}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border:0;border-radius:50%;background:#111;box-shadow:none}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity>input::-moz-range-track{height:2px;border:0;border-radius:999px;background:#111}
  .pod-designer__desktop-toolbar .pod-designer__canvas-opacity>input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#111;box-shadow:none}
}