.customization-preview-shell{container-type:inline-size}.customization-preview-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.customization-preview-panel,.customization-preview-panel .stamper{display:contents}.customization-preview-image{z-index:10;align-self:start;width:100%;max-width:28rem;margin-inline:auto;position:sticky;top:.5rem}.customization-preview-image figure{max-width:min(100%,100svh - 12rem);margin-inline:auto}.customization-stamp-tools .stamper-tools{margin-top:0}.choice-image-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,7rem),1fr))}.customization-preview-shell .choice-image-card{flex-direction:column;align-items:stretch;display:flex}.choice-illustration-grid{grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:.5rem;display:grid}.customization-preview-shell .choice-illustration-grid .choice-image-card{min-height:6rem;box-shadow:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .35rem}.choice-illustration-grid .choice-motif,.choice-illustration-grid .choice-image-card>span:first-child{flex-shrink:0;width:2.75rem;height:2.75rem;margin:0;display:block}.customization-preview-shell .choice-illustration-grid .choice-image-card p{font-size:var(--sf-text-small,.8125rem);overflow-wrap:anywhere;margin:0}.choice-illustration-grid .choice-image-card[aria-pressed=true] .choice-motif{transform:rotate(-5deg)}@container (min-width:42rem){.customization-preview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.customization-preview-image{top:max(.5rem, calc((100svh - var(--preview-height,32rem)) / 2));grid-area:1/1}.customization-fields{grid-area:1/2}}.garment-customer-empty{aspect-ratio:1;text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);color:var(--color-muted);border-radius:.75rem;justify-content:center;align-items:center;padding:2rem;display:flex}.customization-preview-grid :is([data-question-key],.stamper-tools,input,select,button,summary){scroll-margin-top:5rem}.customization-preview-shell .customization-preview-expand,.customization-preview-compact-note{display:none}@container (max-width:41.99rem){.customization-preview-image{background:var(--order-paper,var(--color-page));border-bottom:1px solid var(--color-border);padding-block:.5rem;top:0}.customization-preview-image figure{max-width:min(25svh,15rem)}.customization-preview-panel[data-expanded=true] figure{max-width:min(35svh,20rem)}.customization-preview-panel .customization-preview-compact-note{text-align:center;margin:0;display:block}.customization-preview-shell .customization-preview-expand{text-align:center;width:100%;min-height:44px;font-size:var(--sf-text-small,.875rem);text-underline-offset:3px;text-decoration:underline;display:block}.customization-preview-panel figcaption{display:none}.customization-preview-panel .garment-customer-empty{aspect-ratio:auto;min-height:5rem}.customization-preview-grid :is([data-question-key],.stamper-tools,input,select,button,summary){scroll-margin-top:calc(35svh + 8rem)}}.customizer-section+.customizer-section{border-top:1px solid var(--color-border);margin-top:1.75rem;padding-top:1.75rem}.customization-preview-shell .customizer-section-title{font-size:var(--sf-text-lead,1.05rem);margin:0 0 1.25rem;font-weight:650;line-height:1.35}.customizer-section-fields{gap:1.25rem;min-width:0;display:grid}.choice-color-palette{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.4rem;margin-block:.5rem;display:grid}.customization-preview-shell .choice-color-owner{font-size:var(--sf-text-ui,.875rem);color:var(--color-heading);overflow-wrap:anywhere;margin:0 0 .4rem;font-weight:650}.customization-preview-shell .choice-color-palette .choice-color-tile{min-width:0;min-height:4.5rem;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:.65rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.35rem;padding:.45rem .15rem;display:flex;transform:none}.choice-color-palette .choice-color-tile .choice-color-sample{width:2rem;height:2rem}.choice-color-palette .choice-color-tile>span:last-child{font-size:var(--sf-text-small,.7rem);overflow-wrap:anywhere;line-height:1.2}.customization-preview-shell .choice-color-tile[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface)}.customization-preview-shell .choice-color-tile:not([aria-pressed=true]):hover{border-color:var(--color-border);background:0 0}.choice-color-palette .choice-color-tile[data-suggested=true]{outline:2px dashed var(--color-accent);outline-offset:1px}.stamp-drag-hint{background:var(--color-surface);color:var(--color-ink);border-radius:.65rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem;display:flex}.stamp-drag-hint[hidden]{display:none}.stamp-drag-demo{width:8rem;color:var(--color-accent);flex:0 0 8rem;overflow:visible}.stamp-drag-hint p{font-size:var(--sf-text-small,.8125rem);margin:0;line-height:1.5}.stamp-drag-gesture{transform:translate(66px,-8px)}.stamp-drag-demo[data-phase=waiting] .stamp-drag-gesture{transform:none}.stamp-drag-demo[data-phase=playing] .stamp-drag-gesture{animation:2.4s ease-in-out both stamp-drag-demo}@keyframes stamp-drag-demo{0%,25%{transform:translate(0)}38%{transform:translateY(-4px)}76%{transform:translate(66px,-12px)}90%,to{transform:translate(66px,-8px)}}@media (prefers-reduced-motion:reduce){.stamp-drag-demo[data-phase=playing] .stamp-drag-gesture{animation:none}}.customization-preview-shell .customizer-placement-label{font-size:var(--sf-text-small,.8125rem);grid-column:1/-1;margin:0;font-weight:600}.customization-preview-shell .choice-color-palette-named{grid-template-columns:repeat(auto-fill,minmax(min(100%,5.5rem),1fr));gap:.5rem}.customization-preview-shell .choice-color-palette .choice-color-named{padding:.5rem .25rem}.customization-preview-shell .choice-color-palette .choice-color-named>span:last-child{font-size:var(--sf-text-small,.8125rem);overflow-wrap:break-word;line-height:1.3}.customization-preview-shell .choice-color-palette .choice-color-named[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:var(--color-surface)}.customization-preview-shell .choice-color-named[aria-pressed=true]>.choice-color-sample{box-shadow:0 0 0 2px var(--order-paper,var(--color-page)), 0 0 0 4px var(--color-accent)}.choice-color-named .choice-color-sample{position:relative}.choice-color-check{color:#fff;text-shadow:0 0 2px #000000e6,0 1px 3px #000000b3;justify-content:center;align-items:center;font-size:1rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}@media (forced-colors:active){.customization-preview-shell .choice-color-palette .choice-color-named[aria-pressed=true]{border:2px solid highlight}.choice-color-check{color:canvastext;text-shadow:none}}
.sweater-customizer .customization-preview-grid{position:relative}.sweater-customizer .customization-pin-sentinel{top:max(0px, calc(var(--pin-reserve,20rem) - 6rem));pointer-events:none;width:1px;height:1px;position:absolute;left:0}.sweater-customizer .customization-preview-pinned-hint{display:none}.sweater-customizer [data-pick-kind=garment] .choice-image-card{min-width:0}.sweater-customizer [data-pick-kind=garment] .choice-image-card p:first-of-type{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.sweater-customizer [data-pick-kind=design] .choice-illustration-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.sweater-customizer [data-pick-kind=design] .choice-illustration-grid .choice-image-card{align-items:center;min-width:0}.sweater-customizer [data-pick-kind=design] .choice-illustration-grid .choice-image-card p:first-of-type{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-align:center;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}@container (max-width:41.99rem){.sweater-customizer [data-question-key] [data-pick-kind=size] .grid:not(.choice-image-grid){grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.sweater-customizer [data-pick-kind=size] .grid>button{text-align:center;overflow-wrap:break-word;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:.5rem .25rem;display:flex}.sweater-customizer [data-pick-kind=size] .grid>button p{font-size:var(--sf-text-ui,.875rem);margin:0;line-height:1.25}.sweater-customizer [data-pick-kind=size] .grid>button p+p{font-size:var(--sf-text-small,.6875rem);margin-top:.15rem}.sweater-customizer [data-pick-kind=garment] .choice-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}.sweater-customizer [data-pick-kind=garment] .choice-image-card{padding:.25rem}.sweater-customizer [data-pick-kind=garment] .choice-image-card>span:first-child{margin-bottom:.25rem}.sweater-customizer [data-pick-kind=garment] .choice-image-card p:first-of-type{font-size:var(--sf-text-small,.75rem)}.sweater-customizer [data-pick-kind=design] .choice-illustration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sweater-customizer .customization-preview-grid[data-preview-pinned=true]{grid-template-rows:var(--pin-reserve,auto)}.sweater-customizer [data-preview-pinned=true] .customization-preview-image figure,.sweater-customizer [data-preview-pinned=true] .customization-preview-image figure *{pointer-events:none!important}.sweater-customizer [data-preview-pinned=true] .customization-preview-image{align-items:center;gap:.75rem;padding-block:.25rem;display:flex}.sweater-customizer [data-preview-pinned=true] .customization-preview-image figure{flex:none;width:4rem;max-width:4rem;margin:0}.sweater-customizer [data-preview-pinned=true] .customization-preview-image .garment-customer-empty{width:4rem;min-height:0;font-size:var(--sf-text-pinned-empty,.625rem);flex:none;padding:.25rem}.sweater-customizer [data-preview-pinned=true] .customization-preview-compact-note{display:none}.sweater-customizer [data-preview-pinned=true] .customization-preview-expand{text-align:left;width:auto;min-width:0;font-size:var(--sf-text-small,.8125rem);flex:auto;text-decoration:none}.sweater-customizer [data-preview-pinned=true] .customization-preview-expand:after{content:"";position:absolute;inset:0}.sweater-customizer [data-preview-pinned=true] .customization-preview-expand:focus-visible{outline:none}.sweater-customizer [data-preview-pinned=true] .customization-preview-expand:focus-visible:after{outline:3px solid var(--color-accent);outline-offset:-3px}.sweater-customizer [data-preview-pinned=true] .customization-preview-expand-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sweater-customizer [data-preview-pinned=true] .customization-preview-pinned-hint{display:block}.sweater-customizer [data-preview-pinned=true] :is([data-question-key],.stamper-tools,input,select,button,summary){scroll-margin-top:7rem}}.sweater-customizer .sweater-total-line{text-align:center;margin-top:.5rem}.sweater-customizer .sweater-total-line p{margin:0}.sweater-customizer .sweater-total-estimate{font-weight:600;font-size:var(--sf-text-ui,.9375rem)}.sweater-customizer .sweater-total-last{font-size:var(--sf-text-small,.8125rem);color:var(--color-muted)}@container (max-width:41.99rem){.sweater-customizer .sweater-total-line{display:none}.sweater-customizer[data-total-bar=true]{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.sweater-customizer[data-total-bar=true] :is([data-question-key],.stamper-tools,input,select,textarea,button,summary){scroll-margin-bottom:calc(6rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.sweater-customizer .customization-preview-image,.sweater-customizer .customization-preview-image *{scroll-behavior:auto;transition:none;animation:none}}
.stamper-canvas{pointer-events:none;position:absolute;inset:0}.stamper-canvas[data-stamping=true]{pointer-events:auto;touch-action:none;cursor:crosshair}.stamper .stamper-hit{cursor:grab;pointer-events:auto;touch-action:none;box-shadow:none;background:0 0;border:1px dashed #0000;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.stamper .stamper-hit[aria-pressed=true]{border-color:var(--color-heading);background:#ffffff20;outline:2px solid #fffa}.stamper .stamper-hit:focus-visible{outline:3px solid var(--color-accent)}.stamper-tools{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;gap:.65rem;margin-top:.75rem;padding:.75rem;display:grid}.stamper .stamper-tools button{border:1px solid var(--color-border);min-width:44px;min-height:44px;font-size:var(--sf-text-small,.8125rem);background:#fff;border-radius:.5rem;justify-content:center;padding:.5rem .7rem;line-height:1.3}.stamper .stamper-tools button:disabled,.stamper .stamper-tools button[aria-disabled=true]{opacity:.45;cursor:default}.stamper-full{font-size:var(--sf-text-small,.8125rem);color:var(--color-heading);font-weight:600;line-height:1.5}.stamper-full:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stamper-design-error [role=alert]{font-size:var(--sf-text-small,.8125rem);color:var(--color-error,#9c2424)}.stamper .stamper-tools button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-page)}.stamper-heading{font-size:var(--sf-text-ui,.875rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stamper-history{justify-content:flex-end;gap:.375rem;display:flex}.stamper-hint{font-size:var(--sf-text-small,.75rem);color:var(--color-muted);line-height:1.5}.stamper-dot-tip{border-left:2px solid var(--color-accent);background:var(--color-surface);border-radius:0 .4rem .4rem 0;margin-top:.5rem;padding:.5rem .75rem}.stamper-row{flex-wrap:wrap;gap:.375rem;display:flex}.stamper-select{font-size:var(--sf-text-small,.8125rem);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stamper-select select{border:1px solid var(--color-border);background:#fff;border-radius:.5rem;flex:1;min-width:0;min-height:44px;padding:.4rem}.stamper-count{color:var(--color-muted);font-size:var(--sf-text-small,.75rem);margin-left:.4rem;font-weight:400}.stamper-modes{background:var(--color-page);border-radius:.65rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.stamper-selection{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.65rem;gap:.75rem;min-width:0;padding:.875rem;display:grid}.stamper .stamper-modes button{background:0 0;border-color:#0000}.stamper .stamper-modes button[aria-pressed=true]{border-color:var(--color-border);background:#fff;box-shadow:0 1px 3px #0000000d}.stamper-colors{min-width:0;font-size:var(--sf-text-small,.8125rem);border:0;padding:0}.stamper-colors legend{margin-bottom:.5rem}.stamper .stamper-colors button{align-items:center;gap:.4rem;display:inline-flex}.stamper-colors button>span:first-child{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem}.stamper-size{font-size:var(--sf-text-small,.8125rem);display:block}.stamper-size>span{float:right;font-variant-numeric:tabular-nums}.stamper-size input{width:100%;height:32px;accent-color:var(--color-accent);display:block}.stamper-size small{color:var(--color-muted);font-size:var(--sf-text-small,.65rem);justify-content:space-between;gap:.35rem;display:flex}.stamper-fine,.stamper-palette{font-size:var(--sf-text-small,.8125rem)}.stamper-palette{border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.stamper-palette-summary{color:var(--color-muted);font-size:var(--sf-text-small,.75rem);overflow-wrap:anywhere;padding-left:1rem;display:block}.stamper-fine summary,.stamper-palette summary{cursor:pointer;align-content:center;min-height:44px}.stamper-fine[open]>*,.stamper-palette[open]>*{margin-bottom:.5rem}.stamper-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.stamper .stamper-footer button{color:var(--color-muted);text-underline-offset:3px;background:0 0;border-color:#0000;padding-left:0;text-decoration:underline}.customization-preview-shell .stamper .stamper-colors{background:0 0;border:0;margin:0;padding:0}.customization-preview-shell .stamper .stamper-colors legend{font-size:var(--sf-text-small,.8125rem);padding:0;font-weight:400}.stamper-tools p{margin:0}.stamper-design-picker{min-width:0}.stamper-design-picker[data-brush-picker] .order-field-status{display:none}.stamper-design-picker .choice-illustration-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.375rem}.customization-preview-shell .stamper-design-picker .choice-illustration-grid .choice-image-card{min-width:0}.customization-preview-shell .stamper-design-picker .choice-illustration-grid .choice-image-card p:first-of-type{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-align:center;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}@container (max-width:41.99rem){.stamper-design-picker .choice-illustration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.customization-preview-shell .stamper-design-picker .choice-illustration-grid .choice-image-card{gap:.375rem;min-height:5rem;padding:.5rem .25rem}.stamper-design-picker .choice-illustration-grid .choice-image-card>span:first-child{width:2rem;height:2rem}.stamper-tools label,.customization-preview-shell .stamper-tools p{margin:0}.customization-preview-shell .stamper .stamper-colors legend{margin-bottom:.5rem}.stamper .stamper-colors .stamper-hint{margin-top:.5rem}.customization-preview-shell .stamper .stamper-tools .stamper-size input[type=range]{background:0 0;border:0;height:32px;min-height:32px;padding:0}
.sweater-total-bar{inset-inline:0;z-index:40;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));background:var(--order-paper,var(--color-page));color:var(--order-ink,inherit);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:fixed;bottom:0;box-shadow:0 -2px 8px #00000014}.sweater-total-bar-words{min-width:0}.sweater-total-bar p{margin:0;line-height:1.25}.sweater-total-bar .sweater-total-estimate{font-weight:600;font-size:var(--sf-text-ui,.875rem)}.sweater-total-bar .sweater-total-last{font-size:var(--sf-text-small,.8125rem);color:var(--color-muted);overflow-wrap:anywhere}.sweater-total-bar button{flex:none;min-height:44px;padding-inline:1.25rem}