:root{--font-ui: "ZT Talk", "Antenna 2", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: October, "RCL Back One", "Antenna 2", "Arial Narrow", ui-sans-serif, sans-serif;--font-athletic: "RCL Back One", "ZT Talk", "Antenna 2", "Arial Narrow", ui-sans-serif, sans-serif;--font-numeric: "ZT Talk", "Antenna 2", Inter, ui-sans-serif, system-ui, sans-serif;font-family:var(--font-ui);color:#13231f;background:#d7d4cb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh}.app-bootstrap{min-height:100vh;display:grid;place-items:center;padding:32px;color:#f5f2eb;background:#13231f;text-align:center}.app-bootstrap>div{width:min(620px,100%)}.app-bootstrap p{margin:14px 0 0;color:#d9dfdc;line-height:1.6}.app-bootstrap p:first-child{margin:0 0 12px;color:#d9ff43;font-size:13px;font-weight:800;text-transform:uppercase}button,input{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid #d9ff43;outline-offset:3px;box-shadow:0 0 0 5px #13231f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:12px;padding:12px 16px;border-radius:999px;color:#f5f2eb;background:#13231f;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.woc-site-header{position:relative;z-index:60;height:80px;margin:0 -12px;color:#0a0a0a;background:#fff;border-bottom:1px solid #dcdcd7}.woc-site-header-inner{position:relative;width:min(calc(100% - 48px),1240px);height:80px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}.woc-site-brand,.woc-main-nav,.woc-site-actions{display:flex;align-items:center}.woc-site-brand{gap:16px;color:#0a0a0a;font-size:22px;font-weight:900;text-decoration:none;white-space:nowrap}.woc-site-brand img{display:block;width:50px;height:50px;object-fit:contain;transform:scale(1.55);transform-origin:center}.woc-main-nav{justify-content:center;gap:clamp(14px,1.7vw,28px);font-size:14px;font-weight:700}.woc-main-nav a,.woc-site-actions>a{color:#0a0a0a;text-decoration:none;white-space:nowrap}.woc-main-nav a{position:relative;padding:12px 0}.woc-main-nav a:hover,.woc-site-actions>a:hover{color:#123d2a}.woc-main-nav a[aria-current=page]:after{position:absolute;right:0;bottom:5px;left:0;height:2px;background:#123d2a;content:""}.woc-site-actions{justify-content:flex-end;gap:16px;font-size:14px;font-weight:700}.woc-menu-toggle{width:44px;height:44px;min-height:44px;padding:0;display:none;place-items:center;border:1px solid #0a0a0a;border-radius:3px;color:#0a0a0a;background:transparent;cursor:pointer;font-size:24px;line-height:1}.woc-mobile-nav-link{display:none}.whatsapp-contact{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 13px 7px 7px;border:1px solid rgb(255 255 255 / 32%);border-radius:22px;color:#fff;background:#16734f;box-shadow:0 6px 18px #081f183d;text-decoration:none}.whatsapp-contact span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#16734f;background:#fff;font-size:10px;font-weight:800}.whatsapp-contact:hover{background:#0f5d3e}.whatsapp-contact:focus-visible{outline:3px solid #d9ff43;outline-offset:3px}@media(max-width:520px){.whatsapp-contact{right:12px;bottom:12px;width:44px;padding:6px}.whatsapp-contact strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.whatsapp-contact span{width:30px;height:30px}}.app-shell{--workspace-viewport-offset: 100px;--pattern-appearance-panel-width: 300px;height:100vh;height:100dvh;min-height:100vh;display:grid;grid-template-rows:66px minmax(0,1fr);padding:12px;gap:10px}.app-shell.factory-interactions{--workspace-viewport-offset: 178px;grid-template-rows:80px 66px minmax(0,1fr);padding-top:0}.app-header{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;padding:0 16px;background:#f5f2eb;border:1px solid rgba(19,35,31,.12);border-radius:18px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup h1,.brand-lockup strong,.brand-lockup small{display:block}.mobile-step-label{display:none!important}.brand-lockup h1,.brand-lockup strong{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2}.brand-lockup small{margin-top:2px;color:#66706b;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#13231f;color:#d9ff43;font-size:12px;font-weight:800;letter-spacing:.05em}.app-header nav{display:flex;gap:6px;padding:5px;border-radius:999px;background:#e8e5dd}.stage{border:0;padding:8px 14px;border-radius:999px;color:#66706b;background:transparent;cursor:pointer;font-size:12px;font-weight:700}.app-header .stage:not(button){cursor:default}.stage-active{background:#13231f;color:#f5f2eb}.save-button,.secondary-button,.panel-primary-button{min-height:44px;border:0;border-radius:999px;cursor:pointer;font-weight:800}.save-button{padding:0 22px;color:#13231f;background:#d9ff43}.header-actions,.history-actions,.mobile-history-actions{display:flex;align-items:center;gap:8px}.header-actions{justify-self:end}.history-actions button,.mobile-history-actions button{min-width:44px;min-height:44px;border:1px solid #b8b8af;border-radius:999px;color:#13231f;background:#f5f2eb;font-weight:700}.history-actions button:disabled,.mobile-history-actions button:disabled{color:#777f7b;background:#e8e5dd}.mobile-history-actions,.save-label-short{display:none}.compact-check-summary{display:none;margin-top:20px;padding:14px;border:1px solid #c8c8bf;border-radius:14px;background:#ebe8e0}.compact-check-summary summary{min-height:44px;cursor:pointer;font-weight:800;line-height:44px}.compact-model-warning{margin:12px 0 0;color:#7c3526;font-size:12px;font-weight:700}input[aria-invalid=true]{border-color:#bd4b31;box-shadow:inset 0 0 0 1px #bd4b31}.panel-primary-button{width:100%;margin-top:10px;color:#f5f2eb;background:#13231f}button:disabled,input:disabled{cursor:not-allowed}.workspace{min-height:0;display:grid;grid-template-columns:300px minmax(470px,1fr) 290px;gap:10px}.tool-panel,.check-panel{min-height:0;overflow:auto;padding:24px;background:#f5f2eb;border:1px solid rgba(19,35,31,.12);border-radius:22px}.eyebrow{margin:0 0 10px;color:#66706b;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tool-panel>.eyebrow{font-size:14px;font-weight:900;letter-spacing:.08em;line-height:1.55}h1,h2{margin:0;font-family:var(--font-display);font-weight:500;line-height:1.02}h1{font-size:clamp(32px,3vw,48px)}h2{font-size:28px}.tool-panel .step-title{font-size:clamp(32px,3vw,48px)}.intro{color:#66706b;font-size:14px;line-height:1.55}.control-section{margin-top:24px;padding-top:20px;border-top:1px solid #d7d4cb}.section-heading,.section-heading>span,.pattern-card>span:last-child,.pattern-settings label>span{display:flex}.section-heading{align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading>.section-heading-actions{flex:0 0 auto;flex-direction:row;align-items:center;gap:8px}.detail-status{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:4px 7px;border:1px solid #b7bcb8;border-radius:4px;color:#59615d;background:#f1f2ef;font-size:10px;font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase}.detail-status.enabled{border-color:#67a58d;color:#185540;background:#e4f3ec}.section-collapse-button{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #b7bcb8;border-radius:6px;color:#263530;background:#f7f8f4}.section-collapse-button:focus-visible{outline:3px solid rgba(40,115,90,.3);outline-offset:2px}.section-collapse-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .14s ease}.section-collapse-button[aria-expanded=true] .section-collapse-chevron{transform:translateY(2px) rotate(-135deg)}.collapsible-section-content>:first-child{margin-top:0}.section-heading>span,.pattern-card>span:last-child{flex-direction:column}.section-heading strong,.section-heading small,.pattern-card strong,.pattern-card small{display:block}.section-heading strong{font-size:13px}.section-heading small,.pattern-card small{margin-top:3px;color:#66706b;font-size:10px}.option-count{color:#66706b;font-size:10px;font-weight:700;text-transform:uppercase}.option-count.locked{flex:0 0 auto;padding:4px 7px;border:1px solid #9aa39d;border-radius:4px;color:#33423d;background:#edf0eb}.imported-construction-card{padding:12px;border:1px solid #c7cec8;border-left:3px solid #33423d;border-radius:6px;background:#f7f8f4}.imported-construction-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.imported-construction-details div{min-width:0}.imported-construction-details dt{color:#66706b;font-size:9px;font-weight:700;text-transform:uppercase}.imported-construction-details dd{margin:3px 0 0;color:#13231f;font-size:11px;font-weight:700;overflow-wrap:anywhere}.imported-construction-card>p{margin:11px 0 0;padding-top:10px;border-top:1px solid #d7dcd7;color:#52605b;font-size:10px;line-height:1.45}@media(max-width:420px){.imported-construction-details{grid-template-columns:repeat(2,minmax(0,1fr))}}.construction-axis-list{display:grid;gap:14px}.construction-axis{min-width:0;margin:0;padding:12px 0 0;border:0;border-top:1px solid #e3e0d7}.construction-axis:first-child{padding-top:0;border-top:0}.construction-axis legend{width:100%;margin-bottom:8px;padding:0}.construction-axis legend strong,.construction-axis legend small{display:block}.construction-axis legend strong{font-size:11px}.construction-axis legend small{margin-top:3px;color:#66706b;font-size:9px}.construction-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.construction-option{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;min-height:64px;padding:8px;border:1px solid #d7d4cb;border-radius:13px;background:#fffdf8;color:#13231f;text-align:left}.construction-option.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f;background:#eef2e7}.construction-option:disabled{opacity:.48}.construction-option-icon{width:40px;height:40px;padding:6px;border-radius:10px;background:#13231f;fill:none;stroke:#d9ff43;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.construction-option strong,.construction-option small{display:block}.construction-option strong{font-size:11px}.construction-option small{margin-top:4px;color:#66706b;font-size:9px;line-height:1.25}.neckline-picker-trigger-button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;width:100%;min-height:68px;gap:10px;padding:9px;border:1px solid #13231f;border-radius:13px;color:#13231f;background:#eef2e7;box-shadow:inset 0 0 0 1px #13231f;cursor:pointer;text-align:left}.neckline-picker-trigger-button:disabled{cursor:not-allowed;opacity:.48}.neckline-picker-trigger-button>span:not(.neckline-picker-trigger-action) strong,.neckline-picker-trigger-button>span:not(.neckline-picker-trigger-action) small{display:block}.neckline-trigger-preview,.neckline-card-preview{display:block;width:100%;object-fit:contain;background:#e4e6e2}.neckline-trigger-preview{width:40px;height:40px;border:1px solid #c6cbc5;border-radius:6px}.neckline-picker-trigger-button>span:not(.neckline-picker-trigger-action) strong{margin-top:3px;font-size:12px}.neckline-picker-trigger-button>span:not(.neckline-picker-trigger-action) small{color:#66706b;font-size:9px}.neckline-picker-trigger-action{min-width:62px;padding:9px 10px;border-radius:9px;color:#13231f;background:#d9ff43;font-size:10px;font-weight:800;text-align:center}.neckline-picker-overlay{place-items:stretch end;padding:0}.neckline-picker-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(440px,100%);height:100dvh;max-height:100dvh;overflow:hidden;border-radius:14px 0 0 14px}.neckline-picker-scroll{min-height:0;overflow:auto;padding-right:3px}.neckline-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.neckline-library-heading strong,.neckline-library-heading small{display:block}.neckline-library-heading strong{font-size:12px}.neckline-library-heading small{margin-top:3px;color:#66706b;font-size:9px}.neckline-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.neckline-library-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-height:98px;padding:9px;border:1px solid #d7d4cb;border-radius:12px;color:#13231f;background:#fffdf8;cursor:pointer;text-align:left}.neckline-library-card.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f;background:#eef2e7}.neckline-library-card:disabled{cursor:not-allowed;opacity:.48}.neckline-library-card .construction-option-icon{width:44px;height:44px}.neckline-card-preview{width:44px;height:58px;border:1px solid #d7d4cb;border-radius:5px}.neckline-library-card strong,.neckline-library-card small{display:block}.neckline-library-card strong{font-size:11px}.neckline-library-card small{margin-top:4px;color:#66706b;font-size:9px;line-height:1.3}.neckline-card-status{grid-column:1 / -1;color:#1f5d46;font-size:8px;font-weight:800;text-align:right;text-transform:uppercase}.neckline-picker-footer{padding-top:14px;border-top:1px solid #d7d4cb}.neckline-picker-footer p{min-height:16px;margin:0 0 8px;color:#52605b;font-size:9px}.neckline-picker-footer>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px}.neckline-picker-footer .secondary-button,.neckline-picker-footer .panel-primary-button{margin:0}.construction-notice,.construction-error{margin:10px 0 0;font-size:11px;line-height:1.4}.construction-notice{color:#1f5d46}.construction-error{color:#9e3424}.preview-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-background-grid button{display:grid;place-items:center;gap:5px;min-height:58px;padding:7px;border:1px solid #d7d4cb;border-radius:12px;color:#13231f;background:#fffdf8}.preview-background-grid button.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f;background:#eef2e7}.preview-background-grid button strong{font-size:10px}.preview-background-swatch{width:30px;height:22px;border:1px solid rgba(19,35,31,.28);border-radius:7px}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-pattern-library{padding-top:16px;border-top:1px solid #d7d4cb}.catalog-source-badge{color:#593d12;background:#f1e4bd}.catalog-original-color-badge{margin-top:4px;color:#174a3b;background:#dbeee7}.catalog-pattern-search{display:block;margin-bottom:8px}.catalog-pattern-search input{width:100%;min-height:44px;padding:0 12px;border:1px solid #b5b3aa;border-radius:8px;color:#13231f;background:#fffdf8;font:inherit;font-size:12px}.catalog-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px}.catalog-category-tabs button{min-width:0;min-height:38px;padding:0 6px;border:1px solid #c7c5bd;border-radius:7px;color:#52605b;background:#fffdf8;cursor:pointer;font-size:9px;font-weight:800}.catalog-category-tabs button.selected{border-color:#13231f;color:#fff;background:#13231f}.catalog-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-pattern-results{margin:0 0 7px;color:#66706b;font-size:9px;font-weight:700}.catalog-pattern-card{display:grid;min-width:0;padding:7px;border:1px solid #d7d4cb;border-radius:8px;color:#13231f;background:#fffdf8;cursor:pointer;text-align:left}.catalog-pattern-card.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f}.catalog-pattern-thumbnail{display:block;width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:7px;border:1px solid rgba(19,35,31,.18);border-radius:7px;background-color:var(--pattern-base, #1f6b55)}.catalog-pattern-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.catalog-pattern-card strong,.catalog-pattern-card small{display:block;overflow-wrap:anywhere}.catalog-pattern-card strong{font-size:10px}.catalog-pattern-card small{margin-top:3px;color:#66706b;font-size:8px;line-height:1.35}.catalog-pattern-empty{min-height:58px;margin:0;padding:18px 10px;color:#66706b;text-align:center;font-size:10px}.catalog-pattern-show-more{width:100%;min-height:42px;margin-top:10px;border:1px solid #13231f;border-radius:7px;color:#13231f;background:#fffdf8;cursor:pointer;font-size:10px;font-weight:850}.catalog-pattern-show-more:hover{background:#eef2e7}.pattern-layer-list{display:grid;gap:6px;margin-bottom:8px}.pattern-layer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:52px;border:1px solid #d7d4cb;border-radius:7px;background:#fffdf8;overflow:hidden}.pattern-layer-row.selected{border-color:#1f6b55;box-shadow:inset 3px 0 #1f6b55}.pattern-layer-select{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:50px;padding:6px 8px;border:0;color:#13231f;background:transparent;text-align:left;cursor:pointer}.pattern-layer-select>span:last-child,.pattern-layer-select strong,.pattern-layer-select small{display:block;min-width:0}.pattern-layer-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.pattern-layer-select small{margin-top:2px;color:#66706b;font-size:8px}.pattern-layer-select small.pattern-layer-open-hint{display:none;color:#1f6b55;font-size:8px;font-weight:750}@media(hover:none){.pattern-layer-row.selected .pattern-layer-select small.pattern-layer-open-hint-touch{display:block}.pattern-layer-row.selected .pattern-layer-select small:not(.pattern-layer-open-hint){display:none}}@media(hover:hover){.pattern-layer-select:hover small.pattern-layer-open-hint-mouse,.pattern-layer-row.selected .pattern-layer-select small.pattern-layer-open-hint-mouse{display:block}.pattern-layer-select:hover small:not(.pattern-layer-open-hint),.pattern-layer-row.selected .pattern-layer-select small:not(.pattern-layer-open-hint){display:none}}.pattern-layer-thumbnail{width:36px;height:36px;border-radius:5px;object-fit:contain;overflow:hidden}.pattern-layer-actions{display:grid;grid-template-columns:repeat(3,30px);gap:2px;padding-right:6px}.pattern-layer-actions button{width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;color:#294039;background:#f1efe8;cursor:pointer;font-size:15px;line-height:1}.pattern-layer-actions button:last-child{color:#7a2d1f}.pattern-layer-actions button:disabled{opacity:.3;cursor:not-allowed}.picker-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #d7d4cb;border-radius:13px;background:#fffdf8}.picker-summary-copy strong,.picker-summary-copy small{display:block}.picker-summary-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.picker-summary-copy small{margin-top:3px;color:#66706b;font-size:9px}.picker-summary-image,.picker-summary-placeholder{width:48px;height:48px;border-radius:9px;background:#13231f}.picker-summary-image{object-fit:contain}.artwork-checkerboard{background:linear-gradient(45deg,#e8e5dd 25%,transparent 25%) 0 0 / 10px 10px,linear-gradient(-45deg,#e8e5dd 25%,transparent 25%) 0 5px / 10px 10px,#fff}.picker-summary-placeholder{display:grid;place-items:center;color:#d9ff43;font-size:24px}.picker-trigger,.picker-remove,.picker-dialog-heading button,.library-demo-button{min-height:44px;padding:0 12px;border:1px solid #13231f;border-radius:9px;color:#13231f;background:transparent;cursor:pointer;font-size:10px;font-weight:800}.picker-summary-actions{display:grid;gap:4px}.picker-remove{border-color:transparent;color:#7a2d1f}.artwork-source-badge{display:inline-flex;width:fit-content;margin-top:5px;padding:3px 6px;border-radius:6px;color:#1f5d46;background:#dce9e2;font-size:8px;font-weight:800;text-transform:uppercase}.picker-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#060e0cb8}.picker-dialog{width:min(620px,100%);max-height:min(720px,86dvh);overflow:auto;padding:18px;border-radius:18px;background:#f5f2eb;box-shadow:0 24px 80px #00000057}.picker-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.picker-dialog-heading strong,.picker-dialog-heading small{display:block}.picker-dialog-heading strong{font-family:var(--font-display);font-size:24px;font-weight:500}.picker-dialog-heading small{margin-top:4px;color:#66706b;font-size:10px}.pattern-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:7px;border:1px solid #d7d4cb;border-radius:12px;color:#13231f;background:#fffdf8;cursor:pointer;text-align:left}.pattern-card.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f}.pattern-preview{width:42px;height:42px;overflow:hidden;border:1px solid rgba(19,35,31,.18);border-radius:9px;background:var(--pattern-base)}.pattern-pinstripe{background:repeating-linear-gradient(90deg,var(--pattern-base) 0 9px,var(--pattern-ink) 9px 12px)}.pattern-diagonal{background:repeating-linear-gradient(135deg,var(--pattern-base) 0 13px,var(--pattern-ink) 13px 19px)}.pattern-chevron{background:linear-gradient(28deg,transparent 44%,var(--pattern-ink) 45% 55%,transparent 56%) 0 0 / 42px 22px,linear-gradient(-28deg,transparent 44%,var(--pattern-ink) 45% 55%,transparent 56%) 0 0 / 42px 22px,var(--pattern-base)}.pattern-halftone{background:radial-gradient(circle,var(--pattern-ink) 0 24%,transparent 26%) 0 0 / 12px 12px,var(--pattern-base)}.pattern-checker{background:linear-gradient(45deg,var(--pattern-ink) 25%,transparent 25% 75%,var(--pattern-ink) 75%) 0 0 / 16px 16px,linear-gradient(45deg,var(--pattern-ink) 25%,transparent 25% 75%,var(--pattern-ink) 75%) 8px 8px / 16px 16px,var(--pattern-base)}.pattern-waves{background:radial-gradient(22px 8px at 50% 0,transparent 46%,var(--pattern-ink) 49% 58%,transparent 61%) 0 5px / 24px 13px,var(--pattern-base)}.pattern-triangles{background:linear-gradient(30deg,var(--pattern-ink) 12%,transparent 12.5% 87%,var(--pattern-ink) 87.5%) 0 0 / 18px 30px,linear-gradient(150deg,var(--pattern-ink) 12%,transparent 12.5% 87%,var(--pattern-ink) 87.5%) 0 0 / 18px 30px,var(--pattern-base)}.pattern-hexgrid{background:linear-gradient(30deg,transparent 24%,var(--pattern-ink) 25% 29%,transparent 30% 70%,var(--pattern-ink) 71% 75%,transparent 76%) 0 0 / 20px 12px,linear-gradient(150deg,transparent 24%,var(--pattern-ink) 25% 29%,transparent 30% 70%,var(--pattern-ink) 71% 75%,transparent 76%) 0 0 / 20px 12px,var(--pattern-base)}.pattern-settings{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:end;margin-top:12px;padding:12px;border-radius:12px;background:#e8e5dd}.pattern-settings.disabled{opacity:.45}.pattern-settings label{color:#66706b;font-size:10px;font-weight:700}.pattern-settings label>span{justify-content:space-between;margin-bottom:7px}.pattern-settings input[type=color]{width:100%;height:34px;padding:2px;border:1px solid #b5b3aa;border-radius:8px;background:transparent}.pattern-settings input[type=range]{width:100%;accent-color:#13231f}.waistline-stripe-settings{grid-template-columns:minmax(0,1fr)}.waistline-stripe-settings>.range-control{min-width:0;width:100%}.shoulder-line-stripe-settings{grid-template-columns:minmax(0,1fr)}.shoulder-line-stripe-settings>.range-control{min-width:0;width:100%}.shoulder-line-mode-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.shoulder-line-upload-panel{margin-top:12px}.customer-image-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:12px 0;padding-top:12px;border-top:1px solid #e1ded5}.customer-image-controls-heading strong,.customer-image-controls-heading small{display:block}.customer-image-controls-heading strong{color:#13231f;font-size:11px}.customer-image-controls-heading small{margin-top:3px;color:#66706b;font-size:9px;line-height:1.45}.customer-image-fit-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-image-controls>.range-control{min-width:0;width:100%;color:#66706b;font-size:10px;font-weight:700}.custom-pattern-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;padding:12px;border-radius:8px;background:#e8e5dd}.pattern-target-settings{margin:12px 0 0;padding:12px;border:0;border-radius:8px;background:#e8e5dd}.pattern-target-settings legend{padding:0;color:#13231f;font-size:12px;font-weight:800}.pattern-target-settings p{margin:4px 0 10px;color:#66706b;font-size:10px}.pattern-target-settings>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pattern-target-settings label:last-child{grid-column:1 / -1}.pattern-back-mode-settings label:last-child{grid-column:auto}.pattern-target-settings label{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px;border:1px solid #cbc8bf;border-radius:9px;color:#13231f;background:#fffdf8;font-size:10px;font-weight:800}.pattern-target-settings input{width:20px;height:20px;flex:0 0 auto;accent-color:#1f6b55}.pattern-target-settings input:disabled{opacity:.7}.custom-pattern-settings label{min-width:0;color:#66706b;font-size:10px;font-weight:700}.custom-pattern-settings label>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}.custom-pattern-settings input[type=range]{width:100%;accent-color:#13231f;touch-action:none}.custom-pattern-settings .secondary-button{grid-column:1 / -1}.pattern-appearance-trigger{min-height:46px;margin-top:10px;cursor:pointer;font-size:11px;font-weight:800}.pattern-appearance-overlay{inset:88px auto 12px 12px;display:block;width:min(var(--pattern-appearance-panel-width),calc(100vw - 24px));padding:0;background:transparent;pointer-events:none}.pattern-appearance-dialog{display:flex;flex-direction:column;width:100%;max-height:100%;padding:0;overflow:hidden;pointer-events:auto}.pattern-appearance-dialog .picker-dialog-heading{flex:0 0 auto;margin:0;padding:16px 18px 12px;background:#f5f2eb}.pattern-appearance-header-actions{display:flex;align-items:center;gap:8px}.picker-dialog-heading .pattern-appearance-collapse{display:grid;place-items:center;width:36px;min-height:36px;padding:0;border-radius:50%;font-size:16px;line-height:1}.pattern-appearance-content{min-height:0;overflow:auto;padding:0 18px 18px;overscroll-behavior:contain}.pattern-appearance-dialog-collapsed{height:auto;max-height:none}.pattern-appearance-dialog-collapsed .pattern-appearance-content{display:none}.pattern-appearance-preview{width:100%;height:42px;margin-bottom:14px;border:1px solid rgba(19,35,31,.2);border-radius:8px}.pattern-appearance-section{padding:14px 0;border-top:1px solid #d7d4cb}.pattern-appearance-section>strong{display:block;margin-bottom:9px;font-size:12px}.pattern-appearance-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pattern-appearance-segments button{min-width:0;min-height:44px;padding:7px;border:1px solid #c5c4bc;border-radius:7px;color:#13231f;background:#fffdf8;cursor:pointer;font-size:10px;font-weight:800}.pattern-appearance-segments button.selected{border-color:#13231f;color:#f5f2eb;background:#13231f}.pattern-appearance-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.pattern-appearance-colors label,.pattern-appearance-range{min-width:0;color:#52605b;font-size:10px;font-weight:800}.pattern-appearance-colors label>span,.pattern-appearance-range>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.pattern-appearance-colors input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #b8b8af;border-radius:7px;background:#fffdf8}.pattern-appearance-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.pattern-appearance-range input[type=range]{width:100%;accent-color:#13231f;touch-action:none}.pattern-appearance-toggle{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:10px;padding:8px 10px;border:1px solid #d0cec5;border-radius:7px;background:#fffdf8;font-size:10px;font-weight:800}.pattern-appearance-toggle input{width:18px;height:18px;accent-color:#13231f}.pattern-appearance-reset{min-height:44px;cursor:pointer;font-size:11px;font-weight:800}.pattern-appearance-section .pattern-appearance-reset{margin-top:14px}.shoulder-panels-add{width:100%;min-height:48px}.shoulder-panels-swatch{width:48px;height:48px;border:1px solid rgba(19,35,31,.22);border-radius:9px}.shoulder-panels-color{margin-top:12px}.shoulder-panels-extend{grid-column:1 / -1;display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 10px;border:1px solid #cbc8bf;border-radius:9px;background:#fffdf8}.shoulder-panels-extend input{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:#1f6b55}.custom-pattern-settings .shoulder-panels-extend>span{display:block;margin:0}.shoulder-panels-extend strong,.shoulder-panels-extend small{display:block}.shoulder-panels-extend strong{color:#13231f;font-size:10px}.shoulder-panels-extend small{margin-top:3px;color:#66706b;font-size:9px;font-weight:500}.cuff-style-controls{display:grid;gap:12px;margin-top:12px;padding:12px;border-radius:8px;background:#e8e5dd}.cuff-color-count-control,.cuff-layout-control{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:12px}.cuff-color-count-control>span,.cuff-layout-control>span,.cuff-color-band-grid label>span{color:#52605b;font-size:10px;font-weight:750}.cuff-color-count-segments,.cuff-layout-segments{display:grid;gap:6px}.cuff-color-count-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.cuff-layout-segments{grid-template-columns:repeat(2,minmax(0,1fr))}.cuff-color-count-segments button,.cuff-layout-segments button{min-width:0;min-height:38px;padding:6px;border:1px solid #c5c4bc;border-radius:7px;color:#13231f;background:#fffdf8;font-size:11px;font-weight:850}.cuff-color-count-segments button.selected,.cuff-layout-segments button.selected{border-color:#13231f;color:#f5f2eb;background:#13231f}.cuff-color-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cuff-color-band-grid-1{grid-template-columns:minmax(0,1fr)}.cuff-color-band-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cuff-color-band-grid label,.cuff-color-band-grid label>span{display:block;min-width:0}.cuff-color-band-grid label>span{margin-bottom:7px}.cuff-color-band-grid input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #b5b3aa;border-radius:7px;background:transparent}.cuff-style-controls .range-control{min-width:0}@media(max-width:520px){.cuff-color-count-control,.cuff-layout-control{grid-template-columns:minmax(0,1fr);gap:7px}}.graphic-kind-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}.graphic-kind-switcher button{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:8px;border:1px solid #d7d4cb;border-radius:13px;color:#13231f;background:#fffdf8;cursor:pointer;text-align:left}.graphic-kind-switcher button.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f}.graphic-kind-switcher button:last-child:nth-child(odd){grid-column:1 / -1}.graphic-kind-switcher strong,.graphic-kind-switcher small{display:block}.graphic-kind-switcher strong{font-size:12px}.graphic-kind-switcher small{margin-top:3px;color:#66706b;font-size:9px}.graphic-status{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#f5f2eb;background:#2d7557;font-size:11px;font-weight:800}.built-in-graphic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.built-in-graphic-grid button{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:7px;border:1px solid #d7d4cb;border-radius:12px;color:#13231f;background:#fffdf8;cursor:pointer;text-align:left}.built-in-graphic-grid button.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f}.built-in-graphic-grid img{width:44px;height:44px;object-fit:contain;border-radius:9px;background:#13231f}.built-in-graphic-grid strong,.built-in-graphic-grid small{display:block}.built-in-graphic-grid strong{font-size:10px}.built-in-graphic-grid small{margin-top:3px;color:#66706b;font-size:9px}.artwork-library-sections{display:grid;gap:18px}.artwork-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.artwork-library-heading strong,.artwork-library-heading small{display:block}.artwork-library-heading strong{font-size:12px}.artwork-library-heading small{margin-top:3px;color:#66706b;font-size:9px}.customer-upload-panel{padding:14px;border:1px solid #d7d4cb;border-radius:12px;background:#fffdf8}.uv-atlas-workflow{display:grid;gap:12px;padding:14px;border:1px solid #d7d4cb;border-radius:12px;background:#eef2e7}.uv-atlas-workflow p,.uv-atlas-mode-note{margin:0;color:#52605b;font-size:10px;line-height:1.55}.uv-profile-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.uv-profile-regions span{display:flex;align-items:center;min-width:0;gap:6px;color:#13231f;font-size:9px;font-weight:800}.uv-profile-regions i{width:11px;height:11px;flex:0 0 auto;border:1px solid rgba(19,35,31,.22);border-radius:3px}.uv-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.uv-output-grid article{display:grid;align-content:start;gap:5px;min-width:0;padding:8px;border:1px solid #d7d4cb;border-radius:8px;background:#fffdf8}.uv-output-grid img,.uv-output-placeholder{width:100%;aspect-ratio:1;border:1px solid rgba(19,35,31,.16);border-radius:5px;background:linear-gradient(45deg,#e8e5dd 25%,transparent 25%) 0 0 / 10px 10px,linear-gradient(-45deg,#e8e5dd 25%,transparent 25%) 0 5px / 10px 10px,#fff}.uv-output-grid img{display:block;object-fit:contain}.uv-output-placeholder{display:grid;place-items:center;padding:8px;color:#66706b;font-size:8px;text-align:center}.uv-output-grid strong,.uv-output-grid small{display:block}.uv-output-grid strong{margin-top:2px;font-size:10px}.uv-output-grid small{min-height:22px;color:#66706b;font-size:8px;line-height:1.35}.uv-output-grid .secondary-button{width:100%;min-height:48px;padding:6px;white-space:normal;font-size:9px;line-height:1.25}.uv-base-download{width:100%;margin-top:8px}.uv-base-download+.uv-atlas-mode-note{margin-top:8px}.uv-atlas-summary,.uv-atlas-upload{margin-top:12px}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.rights-check{display:flex;align-items:center;gap:9px;min-height:44px;margin-bottom:12px;color:#13231f;font-size:11px;line-height:1.4}.rights-check input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#13231f}.upload-action{position:relative;display:grid;place-items:center;min-height:48px;overflow:hidden;border-radius:9px;color:#f5f2eb;background:#13231f;cursor:pointer;font-size:11px;font-weight:800}.upload-action.disabled{cursor:not-allowed;opacity:.42}.upload-input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.upload-input:disabled{cursor:not-allowed}.local-upload-note{display:block;margin-top:8px;color:#66706b;font-size:9px;line-height:1.45}.library-demo-button{flex:0 0 auto}.demo-artwork-button{width:100%;min-height:36px;margin-top:8px;border:1px solid #13231f;border-radius:9px;color:#13231f;background:transparent;cursor:pointer;font-size:10px;font-weight:800}.inline-notice,.error-notice,.warning-notice{margin-top:10px;padding:11px;border-radius:11px;font-size:10px;line-height:1.45}.artwork-quality-warning{margin-top:12px}.inline-notice{color:#6d6348;background:#f0ead7}.error-notice{color:#7a2d1f;background:#f3ddd7}.warning-notice{display:grid;gap:3px;color:#6d4d1d;background:#f3e8cb}.graphic-file-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:10px;padding:9px;border:1px solid #d7d4cb;border-radius:12px;background:#fffdf8}.graphic-file-card img{width:48px;height:48px;object-fit:contain;border-radius:7px;background:linear-gradient(45deg,#e8e5dd 25%,transparent 25%) 0 0 / 10px 10px,linear-gradient(-45deg,#e8e5dd 25%,transparent 25%) 0 5px / 10px 10px,#fff}.graphic-file-card strong,.graphic-file-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graphic-file-card strong{font-size:10px}.graphic-file-card small{margin-top:4px;color:#66706b;font-size:9px}.graphic-file-card button,.text-button{border:0;color:#66706b;background:transparent;cursor:pointer;font-size:10px;font-weight:800}.back-button{display:inline-flex;align-items:center;width:fit-content;min-height:44px;margin:0 0 16px;padding:0 14px;border:1px solid #b5b3aa;border-radius:8px;color:#13231f;background:#fffdf8;font-size:13px;line-height:1.2}.placement-section.disabled{opacity:.52}.placement-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.placement-presets button{min-height:36px;padding:4px;border:1px solid #b5b3aa;border-radius:9px;color:#66706b;background:#fffdf8;cursor:pointer;font-size:9px;font-weight:700}.placement-presets button.selected{border-color:#13231f;color:#13231f;box-shadow:inset 0 0 0 1px #13231f}.placement-slider{display:block;margin-top:14px;color:#66706b;font-size:10px;font-weight:700}.placement-slider>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.placement-slider input{width:100%;accent-color:#13231f}.range-control{display:block}.range-control .range-control-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.range-control .range-control-inputs{display:flex;align-items:center;gap:8px;margin-bottom:0}.range-control .range-control-inputs input[type=range]{flex:1 1 auto;width:auto;min-width:0}.range-control .range-control-number{flex:0 0 62px;width:62px;min-width:0;height:30px;padding:0 6px;border:1px solid #b5b3aa;border-radius:6px;background:#fffdf8;color:#13231f;font:inherit;font-size:11px;font-weight:700;text-align:center}.text-outline-controls{margin-top:12px;padding:10px 12px;border:1px solid #d0cec5;border-radius:8px;background:#f4f1ea}.text-outline-controls .rights-check{margin-bottom:0}.text-outline-toggle span{display:grid;gap:2px}.text-outline-toggle small{color:#66706b;font-size:10px;font-weight:600;line-height:1.35}.text-outline-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:10px}.text-outline-size{color:#66706b;font-size:10px;font-weight:700}.text-outline-color{display:grid;gap:6px;color:#66706b;font-size:10px;font-weight:700}.text-outline-color input[type=color]{width:48px;height:34px;padding:2px;border:1px solid #b5b3aa;border-radius:8px;background:transparent}.logo-outline-section.disabled{opacity:.52}.logo-outline-controls{padding:10px 12px;border:1px solid #d0cec5;border-radius:8px;background:#f4f1ea}.logo-outline-controls .rights-check{margin-bottom:0}.logo-outline-toggle span{display:grid;gap:2px}.logo-outline-toggle small{color:#66706b;font-size:10px;font-weight:600;line-height:1.35}.logo-outline-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:10px}.logo-outline-size{color:#66706b;font-size:10px;font-weight:700}.logo-outline-color{display:grid;gap:6px;color:#66706b;font-size:10px;font-weight:700}.logo-outline-color input[type=color]{width:48px;height:34px;padding:2px;border:1px solid #b5b3aa;border-radius:8px;background:transparent}.placement-section .secondary-button{margin-top:16px}.text-field{display:grid;gap:6px;color:#66706b;font-size:10px;font-weight:700}.text-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid #b5b3aa;border-radius:11px;color:#13231f;background:#fffdf8;font-size:14px;font-weight:800;text-transform:uppercase}.text-style-grid{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:stretch;margin-top:14px}.text-color-control{display:grid;gap:6px;color:#66706b;font-size:10px;font-weight:700}.text-color-control input{width:100%;height:50px;padding:3px;border:1px solid #b5b3aa;border-radius:10px;background:#fffdf8}.text-font-column{min-width:0}.font-style-heading{margin-bottom:8px}.font-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.font-option{min-width:0;min-height:68px;padding:6px 3px;border:1px solid #d7d4cb;border-radius:10px;color:#13231f;background:#fffdf8;cursor:pointer}.font-option.selected{border-color:#13231f;box-shadow:inset 0 0 0 1px #13231f}.font-option strong,.font-option small{display:block;overflow:hidden;text-overflow:ellipsis}.font-option strong{font-size:16px}.font-option small{margin-top:7px;color:#66706b;font-size:8px;white-space:nowrap}.font-serif strong{font-family:var(--font-display)}.font-compact strong{font-family:var(--font-ui);font-stretch:condensed}.font-block strong{font-family:var(--font-athletic);font-weight:800}.font-custom strong{font-family:var(--custom-font-family, Arial, sans-serif);font-weight:400}.custom-font-control{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #dedbd2}.custom-font-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.custom-font-heading>span,.custom-font-heading strong,.custom-font-heading small{display:block;min-width:0}.custom-font-heading strong{font-size:11px}.custom-font-heading small{overflow:hidden;margin-top:3px;color:#66706b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.custom-font-heading .picker-remove{flex:0 0 auto;min-height:34px}.custom-font-rights{margin:0}.custom-font-upload{min-height:40px}.region-list{display:grid;gap:8px;margin:18px 0}.region-control{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px;border:1px solid #d7d4cb;border-radius:14px;background:#fffdf8}.region-control input{width:44px;height:44px;padding:2px;border:1px solid #b5b3aa;border-radius:10px;background:transparent;cursor:pointer}.region-control strong,.region-control small{display:block}.region-control strong{font-size:13px}.region-control small{margin-top:4px;color:#66706b;font-size:11px}.region-control .hex-input{width:68px;min-height:32px;padding:0 6px;border:1px solid transparent;border-radius:8px;color:#66706b;background:transparent;font-size:10px;text-align:right;text-transform:uppercase}.secondary-button{width:100%;border:1px solid #13231f;background:transparent;color:#13231f}.model-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 64px;min-height:0;overflow:hidden;border-radius:22px;background:linear-gradient(rgba(217,255,67,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,67,.035) 1px,transparent 1px),#0b1714;background-size:36px 36px}.model-canvas-shell{position:relative;min-height:0;overflow:hidden}.model-canvas-shell canvas{width:100%!important;height:100%!important}.preview-background-dots{position:absolute;z-index:4;top:16px;left:16px;display:flex;gap:0;padding:2px;border:1px solid rgba(245,242,235,.18);border-radius:999px;background:#13231fb8;box-shadow:0 6px 18px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-background-dots button{display:grid;place-items:center;width:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.preview-background-dots button>span{width:10px;height:10px;border:1px solid rgba(245,242,235,.78);border-radius:50%;box-shadow:0 0 0 1px #060e0c61}.preview-background-dots button.selected{box-shadow:inset 0 0 0 1px #d9ff43}.stage-step-rail{position:absolute;z-index:5;top:50%;left:12px;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.stage-step-rail button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(245,242,235,.22);border-radius:10px;color:#f5f2eb;background:#13231fc2;box-shadow:0 6px 18px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.stage-step-rail button:hover,.stage-step-rail button:focus-visible{color:#d9ff43;background:#13231ff0;outline:none}.stage-step-rail button.selected{color:#13231f;background:#d9ff43;border-color:#d9ff43;box-shadow:0 6px 18px #00000029}.stage-step-rail svg{display:block}.model-scale-control{position:absolute;z-index:4;top:14px;right:16px;display:grid;width:260px;gap:2px;padding:6px 12px;border:0;border-radius:10px;color:#f5f2ebf0;background:#13231f4d;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.model-scale-control>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700}.model-scale-control input[type=range]{flex:1 1 auto;width:auto;min-width:0;height:18px;margin:0;accent-color:#d9ff43;cursor:pointer;background:transparent}.model-scale-control .range-control-number{display:none}.model-scale-control output{color:#d9ff43;font-size:11px}.model-load-overlay{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:24px;pointer-events:none;background:radial-gradient(circle at center,#0b17147a,#0b1714d1);animation:model-load-overlay-in .16s ease .14s both}.model-load-overlay-error{overflow:auto;pointer-events:auto;overscroll-behavior:contain}.model-load-card{width:min(320px,100%);max-height:100%;overflow:auto;padding:22px;border:1px solid rgba(245,242,235,.2);border-radius:18px;color:#f5f2eb;background:#13231feb;box-shadow:0 18px 48px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.model-load-kicker{display:block;margin-bottom:8px;color:#d9ff43;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.model-load-card strong{display:block;font-family:var(--font-display);font-size:clamp(18px,3vw,22px);line-height:1.2}.model-load-card p,.model-load-card small{color:#c7cfca;line-height:1.45}.model-load-card p{margin:10px 0 16px;font-size:13px}.model-load-card small{display:block;margin-top:9px;font-size:11px}.model-load-progress-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:12px;margin-top:18px}.model-load-track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#f5f2eb24}.model-load-track>span{display:block;height:100%;border-radius:inherit;background:#d9ff43;transition:width .12s ease}.model-load-track.indeterminate>span{width:42%;animation:model-load-indeterminate 1.1s ease-in-out infinite}.model-load-percent{color:#f5f2eb;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.model-load-card button{width:100%;min-height:44px;border:0;border-radius:999px;color:#13231f;background:#d9ff43;cursor:pointer;font:inherit;font-size:12px;font-weight:900}.model-load-card button:focus-visible{outline:3px solid #f5f2eb;outline-offset:3px}@keyframes model-load-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes model-load-indeterminate{0%{transform:translate(-110%)}to{transform:translate(340%)}}.factory-interactions button,.factory-interactions .upload-action{transform:translateY(0) scale(1);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease,filter .14s ease,opacity .14s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.factory-interactions button:not(:disabled),.factory-interactions .upload-action:not(.disabled){cursor:pointer}.factory-interactions button[aria-pressed=true],.factory-interactions button[aria-current=step]{filter:saturate(1.12) contrast(1.03)}.factory-interactions button:disabled,.factory-interactions .upload-action.disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.18)}.factory-interactions button[aria-busy=true],.factory-interactions [aria-busy=true] .upload-action{opacity:.76;cursor:progress;background-image:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.42) 42%,transparent 64%);background-size:240% 100%;animation:factory-button-progress 1.1s linear infinite}.factory-interactions button[data-feedback=success]{box-shadow:0 0 0 2px #1f6b554d}.factory-interactions button[data-feedback=error]{box-shadow:0 0 0 2px #7a2d1f57}@media(hover:hover)and (pointer:fine){.factory-interactions button:not(:disabled):not([aria-busy=true]):hover,.factory-interactions .upload-action:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #13231f29;filter:brightness(1.025) saturate(1.06)}}.factory-interactions button:not(:disabled):not([aria-busy=true]):active,.factory-interactions .upload-action:not(.disabled):active{transform:translateY(1px) scale(.985);box-shadow:0 1px 3px #13231f29;transition-duration:55ms}@keyframes factory-button-progress{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.model-load-overlay{animation:none}.model-load-track.indeterminate>span{animation-duration:2.4s}}@media(max-width:767px)and (max-height:500px){.model-load-overlay{padding:4px 12px}.model-load-card{padding:10px 14px;border-radius:12px}.model-load-kicker{margin-bottom:3px;font-size:8px}.model-load-card strong{font-size:15px}.model-load-card p{margin:4px 0 6px;font-size:11px;line-height:1.2}.model-load-progress-row{margin-top:8px}.model-load-card small{margin-top:4px;font-size:9px}}.view-switcher{position:relative;z-index:2;align-self:center;justify-self:center;display:flex;gap:4px;padding:4px;border:1px solid rgba(245,242,235,.22);border-radius:999px;background:#13231fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-switcher button{min-width:64px;min-height:38px;border:0;border-radius:999px;color:#c7cfca;background:transparent;cursor:pointer;font-size:12px;font-weight:800;text-transform:capitalize}.view-switcher button.selected{color:#13231f;background:#d9ff43}.stage-hint{position:absolute;z-index:2;display:none;bottom:18px;left:50%;padding:9px 14px;transform:translate(-50%);border-radius:999px;color:#dce4df;background:#13231fb8;font-size:11px;white-space:nowrap}.model-stage:fullscreen .stage-hint{display:block}.preview-fullscreen-button{position:absolute;z-index:5;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(245,242,235,.22);border-radius:10px;color:#f5f2eb;background:#13231fc2;box-shadow:0 6px 18px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.preview-fullscreen-button:hover,.preview-fullscreen-button:focus-visible{color:#d9ff43;background:#13231ff0;outline:none}.preview-help-button{position:absolute;z-index:5;right:16px;bottom:64px;left:auto;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(245,242,235,.22);border-radius:10px;color:#f5f2eb;background:#13231fc2;box-shadow:0 6px 18px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:18px;font-weight:800;line-height:1;cursor:pointer}.preview-help-button:hover,.preview-help-button:focus-visible{color:#d9ff43;background:#13231ff0;outline:none}.preview-help-popover{position:absolute;z-index:6;right:16px;bottom:112px;left:auto;width:264px;padding:13px 15px;border:1px solid rgba(245,242,235,.22);border-radius:12px;color:#eef4f0;background:#13231fe6;box-shadow:0 12px 30px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(6px);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.preview-help-popover.open{opacity:1;visibility:visible;transform:translateY(0)}.preview-help-popover strong{display:block;margin-bottom:8px;color:#d9ff43;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.preview-help-popover ul{display:grid;gap:6px;margin:0;padding-left:17px;font-size:12px;line-height:1.45}.model-stage:fullscreen{width:100vw;height:100vh;min-height:0;border-radius:0}.status-card,.notice-card{margin-top:22px;border-radius:16px}.status-card{display:flex;align-items:center;gap:12px;padding:14px;background:#e2eee8;color:#1f5d46}.status-card>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2d7557;color:#fff}.status-card strong,.status-card small{display:block}.status-card small{margin-top:3px;color:#45695a;font-size:11px}.summary-list{margin:20px 0}.summary-list div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #d7d4cb;font-size:12px}.summary-list dt{color:#66706b}.summary-list dd{margin:0;font-weight:700;text-align:right}.notice-card{padding:16px;border:1px solid #d4c8a4;background:#f0ead7}.notice-card p{margin:7px 0 0;color:#6d6348;font-size:12px;line-height:1.5}.save-status{margin-top:18px;color:#66706b;font-size:11px}.cart-action{display:grid;gap:8px;margin-top:18px}.cart-action-compact{display:none}.cart-action-button{width:100%;min-height:46px;padding:0 16px;border:0;border-radius:8px;color:#f5f2eb;background:#13231f;cursor:pointer;font-weight:800}.cart-action-button[data-feedback=success]{color:#13231f;background:#d9ff43}.cart-action-button[data-feedback=error]{background:#8a3325}.cart-action-button:disabled{opacity:.58}.cart-action-status{min-height:16px;margin:0;color:#66706b;font-size:11px;line-height:1.45}.preview-export{margin-top:24px;padding-top:20px;border-top:1px solid #d7d4cb}.preview-export-heading strong,.preview-export-heading small{display:block}.preview-export-heading strong{font-size:14px}.preview-export-heading small,.preview-export p,.preview-export-status{color:#66706b;font-size:11px;line-height:1.45}.preview-export-heading small{margin-top:4px}.preview-export p{margin:10px 0 14px}.preview-export-options{display:grid;gap:8px;margin-bottom:12px}.preview-export-toggle{display:flex;min-height:44px;align-items:flex-start;gap:9px;padding:8px 10px;border:1px solid #d7d4cb;border-radius:10px;background:#fffdf8;cursor:pointer}.preview-export-toggle input{width:18px;height:18px;margin:2px 0 0;accent-color:#2d7557}.preview-export-toggle span{display:grid;gap:2px}.preview-export-toggle strong,.preview-export-toggle small{line-height:1.35}.preview-export-toggle strong{font-size:11px}.preview-export-toggle small{color:#66706b;font-size:10px}.preview-shorts-toggle{min-height:44px;border:1px solid #b6c7bc;border-radius:10px;color:#1f5d46;background:#eef2e7;cursor:pointer;font-size:11px;font-weight:800}.preview-shorts-toggle[aria-pressed=true]{border-color:#d9ff43;color:#13231f;background:#d9ff43}.preview-generate-button{width:100%;min-height:44px;border:0;border-radius:999px;color:#13231f;background:#d9ff43;cursor:pointer;font-weight:800}.preview-generate-button:disabled{opacity:.55}.preview-export-status{min-height:16px;margin-top:10px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.preview-card{overflow:hidden;padding:7px;border:1px solid #d7d4cb;border-radius:12px;background:#ebe8e0}.preview-card-transparent{background:linear-gradient(45deg,#e8e5dd 25%,transparent 25%) 0 0 / 10px 10px,linear-gradient(-45deg,#e8e5dd 25%,transparent 25%) 0 5px / 10px 10px,linear-gradient(45deg,transparent 75%,#e8e5dd 75%) 5px -5px / 10px 10px,linear-gradient(-45deg,transparent 75%,#e8e5dd 75%) -5px 0 / 10px 10px,#fffdf8}.preview-card img{display:block;width:100%;aspect-ratio:3 / 4;border-radius:7px;background:#0b1714;object-fit:cover}.preview-card-transparent img{background:transparent}.preview-card strong{display:block;margin:7px 0 5px;font-size:11px;text-transform:capitalize}.preview-card a{color:#1f5d46;font-size:10px;font-weight:800}@media(min-width:768px){.app-shell{height:auto;min-height:100vh;min-height:100dvh;grid-template-rows:66px auto}.app-shell.factory-interactions{grid-template-rows:80px 66px auto}.workspace{align-items:start}.tool-panel,.check-panel{align-self:start;width:100%;min-height:auto;overflow:visible}.model-stage{position:sticky;top:12px;align-self:start;width:100%;height:calc(100vh - var(--workspace-viewport-offset));height:calc(100dvh - var(--workspace-viewport-offset));min-height:calc(100vh - var(--workspace-viewport-offset));min-height:calc(100dvh - var(--workspace-viewport-offset));transition:height .18s ease,min-height .18s ease}.model-stage-expanded{height:calc(100vh - 24px);height:calc(100dvh - 24px);min-height:calc(100vh - 24px);min-height:calc(100dvh - 24px)}}@media(min-width:1200px){.check-panel{position:sticky;top:12px;max-height:calc(100vh - var(--workspace-viewport-offset));max-height:calc(100dvh - var(--workspace-viewport-offset));overflow:hidden;transition:max-height .18s ease}.check-panel-expanded{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}@media(max-width:1199px){.app-shell{--pattern-appearance-panel-width: 280px}.workspace{grid-template-columns:280px minmax(0,1fr)}.check-panel{display:none}.compact-check-summary{display:block}.cart-action-compact{display:grid}.app-header{grid-template-columns:1fr auto}.app-header nav{display:none}}@media(max-width:980px){.woc-main-nav{position:absolute;top:100%;right:0;left:0;display:none;gap:0;padding:10px 20px 18px;border:1px solid #dcdcd7;border-top:0;background:#fff;box-shadow:0 16px 28px #0a0a0a1f}.woc-site-header.menu-open .woc-main-nav{display:grid}.woc-main-nav a{min-height:46px;padding:14px 0;border-bottom:1px solid #dcdcd7}.woc-main-nav a:last-child{border-bottom:0}.woc-main-nav a[aria-current=page]:after{display:none}.woc-main-nav a[aria-current=page]{color:#123d2a;font-weight:900}.woc-mobile-nav-link{display:flex;align-items:center}.woc-desktop-account,.woc-desktop-cart{display:none}.woc-menu-toggle{display:grid}}@media(max-width:767px){.app-shell{display:block;height:auto;min-height:100dvh;padding:0;background:#13231f}.woc-site-header{height:68px;margin:0}.woc-site-header-inner{width:calc(100% - 32px);height:68px;gap:12px}.woc-site-brand{gap:14px;font-size:19px}.woc-site-brand img{width:48px;height:48px}.woc-site-actions{gap:10px}.picker-summary{grid-template-columns:48px minmax(0,1fr)}.picker-summary .picker-trigger{width:100%}.picker-summary>.picker-trigger{grid-column:1 / -1}.picker-summary-actions{grid-column:1 / -1}.picker-overlay{padding:10px}.picker-dialog{max-height:88dvh;padding:14px}.picker-dialog-heading strong{font-size:21px}.pattern-appearance-overlay{inset:0;display:grid;width:100%;padding:0;background:transparent;pointer-events:none;place-items:end stretch}.pattern-appearance-dialog{width:100%;height:52dvh;max-height:52dvh;border-radius:16px 16px 0 0;pointer-events:auto}.pattern-appearance-dialog-collapsed{height:auto;max-height:none}.catalog-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-appearance-dialog .picker-dialog-heading{padding:10px 14px 9px}.pattern-appearance-content{padding:0 14px calc(14px + env(safe-area-inset-bottom))}.pattern-appearance-range-grid{grid-template-columns:1fr}.neckline-picker-overlay{place-items:end stretch;padding:0}.neckline-picker-dialog{width:100%;height:auto;max-height:72dvh;border-radius:16px 16px 0 0}.neckline-library-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.built-in-graphic-grid,.custom-pattern-settings{grid-template-columns:1fr}.pattern-target-settings>div{grid-template-columns:1fr}.pattern-target-settings label:last-child{grid-column:auto}.custom-pattern-settings .secondary-button{grid-column:auto}.app-header{position:relative;z-index:5;height:58px;gap:6px;padding:0 10px;border:0;border-radius:0}.brand-lockup{min-width:0;gap:8px}.brand-lockup>span:last-child{min-width:0}.brand-lockup .brand-subtitle{display:none}.brand-lockup strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.brand-mark{width:32px;height:32px;flex:0 0 32px;font-size:10px}.mobile-step-label{display:block!important;max-width:120px;overflow:hidden;font-size:9px!important;text-overflow:ellipsis;white-space:nowrap}.save-button{min-height:40px;padding:0 12px}.header-actions{min-width:0;gap:6px}.history-actions{display:none}.mobile-history-actions{display:flex;justify-content:flex-end;margin-bottom:14px}.save-label-full{display:none}.save-label-short{display:inline}.workspace{display:flex;flex-direction:column;min-height:calc(100dvh - 58px)}.factory-interactions .workspace{min-height:calc(100dvh - 126px)}.model-stage{position:sticky;z-index:4;top:0;align-self:stretch;order:1;grid-template-rows:42dvh 64px;height:calc(42dvh + 64px);min-height:calc(42dvh + 64px);border-radius:0}.tool-panel{position:relative;z-index:auto;order:2;min-height:48dvh;margin-top:-18px;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -14px 40px #0003}.tool-panel,.tool-panel button,.tool-panel input,.tool-panel select,.tool-panel textarea,.tool-panel [tabindex]{scroll-margin-top:calc(42dvh + 76px)}.panel-primary-button{position:sticky;z-index:2;bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 8px 22px #13231f3d}.tool-panel h1{font-size:30px}.intro{margin-bottom:12px}.control-section{margin-top:18px}.region-list{grid-template-columns:1fr;margin-top:16px}.region-control{min-height:58px}.view-switcher{width:calc(100% - 24px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.model-stage-pattern-editing .view-switcher{transform:translateY(-16px)}.view-switcher button{min-width:0}.stage-hint{bottom:28px}.preview-background-dots{top:10px;left:10px}.model-scale-control{top:10px;right:10px;width:min(240px,calc(100vw - 28px))}}@media(max-width:420px){.woc-site-header-inner{width:calc(100% - 24px);gap:8px}.woc-site-brand{gap:12px;font-size:16px}.woc-site-brand img{width:44px;height:44px}.woc-site-actions{gap:6px}.app-header{padding:0 8px}.brand-lockup{gap:0}.brand-mark{display:none}.app-header .guided-launch-button{max-width:64px;padding:0 5px}.app-header .save-button{padding:0 8px;font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.text-button,.demo-artwork-button,.built-in-graphic-grid button,.picker-remove,.library-demo-button,.upload-action,.placement-presets button,.view-switcher button{min-height:44px}.quote-overlay{position:fixed;inset:0;z-index:80;pointer-events:none;background:transparent}.quote-drawer{position:absolute;top:0;right:0;width:min(460px,100%);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;pointer-events:auto;background:#fff;border-left:1px solid #d6d9dd;box-shadow:-12px 0 30px #12192129}.quote-drawer>header,.quote-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e3e5e8}.quote-drawer>header span,.quote-section-heading span{display:grid;gap:3px}.quote-drawer small,.quote-section small,.quote-disclaimer{color:#626a73}.quote-drawer>footer{justify-content:flex-end;border-top:1px solid #e3e5e8;border-bottom:0}.quote-scroll{overflow-y:auto;padding:16px}.quote-section{display:grid;gap:12px;padding:0 0 18px}.quote-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-section label{display:grid;gap:5px;min-width:0;font-size:13px}.quote-section input,.quote-section select,.quote-section textarea{width:100%;min-height:42px;border:1px solid #c8cdd2;border-radius:4px;padding:9px 10px;background:#fff;color:#171b20;font:inherit}.quote-section textarea{resize:vertical}.quote-wide{grid-column:1 / -1}.quote-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quote-segments button{min-height:42px;border:1px solid #bcc2c8;background:#fff}.quote-segments button+button{border-left:0}.quote-segments button.selected{background:#1e342b;color:#fff}.quote-section-heading{display:flex;align-items:end;justify-content:space-between;gap:10px}.quote-roster{display:grid;gap:8px}.quote-roster-row{display:grid;grid-template-columns:minmax(90px,1.5fr) 70px 68px 64px 34px;align-items:end;gap:6px}.quote-remove{width:34px;min-height:42px;border:0;background:transparent;font-size:22px}.quote-submit,.quote-action-button{background:#b8232f;color:#fff}.quote-submit{min-height:44px;border:0;padding:0 16px}.quote-error{margin-bottom:12px;padding:10px;border-left:3px solid #b42318;background:#fff0ee;color:#8f1c13}.quote-asset-status{margin-bottom:12px;padding:10px;border-left:3px solid #28735a;background:#edf7f2;color:#185540;font-size:13px}.quote-disclaimer{margin:0;font-size:12px;line-height:1.5}.quote-honeypot{position:absolute!important;left:-10000px!important}@media(max-width:720px){.quote-drawer{top:auto;bottom:0;width:100%;height:min(64dvh,620px);border-top:1px solid #d6d9dd;border-left:0;box-shadow:0 -12px 30px #12192129}.quote-field-grid{grid-template-columns:1fr}.quote-wide{grid-column:auto}.quote-roster-row{grid-template-columns:minmax(100px,1fr) 62px 62px}.quote-roster-row label:nth-child(4){grid-column:1 / 3}.quote-roster-row .quote-remove{grid-column:3}}@media(min-width:768px)and (max-width:1440px)and (hover:none),(min-width:768px)and (max-width:1440px)and (any-pointer:coarse){.workspace{grid-template-columns:clamp(340px,32vw,400px) minmax(0,1fr)}.tool-panel{padding-right:20px;padding-left:20px}.check-panel{display:none}.compact-check-summary{display:block}.cart-action-compact{display:grid}.waistline-stripe-settings,.shoulder-line-stripe-settings,.custom-pattern-settings,.pattern-appearance-range-grid{grid-template-columns:minmax(0,1fr)}.waistline-stripe-settings>*,.waistline-stripe-settings>.range-control,.shoulder-line-stripe-settings>*,.shoulder-line-stripe-settings>.range-control,.custom-pattern-settings>.range-control{grid-column:1 / -1;min-width:0;width:100%}.tool-panel .range-control .range-control-inputs{min-height:48px;gap:12px}.tool-panel .range-control .range-control-inputs input[type=range],.pattern-appearance-range input[type=range]{min-height:44px;padding:0;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:transparent}.tool-panel .range-control .range-control-inputs input[type=range]::-webkit-slider-runnable-track,.pattern-appearance-range input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#c7ccc8}.tool-panel .range-control .range-control-inputs input[type=range]::-webkit-slider-thumb,.pattern-appearance-range input[type=range]::-webkit-slider-thumb{width:30px;height:30px;margin-top:-11px;border:2px solid #f5f2eb;border-radius:50%;background:#13231f;box-shadow:0 0 0 1px #13231f;-webkit-appearance:none;appearance:none}.tool-panel .range-control .range-control-inputs input[type=range]::-moz-range-track,.pattern-appearance-range input[type=range]::-moz-range-track{height:8px;border:0;border-radius:999px;background:#c7ccc8}.tool-panel .range-control .range-control-inputs input[type=range]::-moz-range-thumb,.pattern-appearance-range input[type=range]::-moz-range-thumb{width:30px;height:30px;border:2px solid #f5f2eb;border-radius:50%;background:#13231f;box-shadow:0 0 0 1px #13231f}.tool-panel .range-control .range-control-number{flex-basis:72px;width:72px;height:44px;padding:0 8px;font-size:16px}}.guided-launch-button{min-height:40px;padding:0 14px;border:1px solid #9da7a1;border-radius:4px;background:#fff;color:#13231f;cursor:pointer;font-size:12px;font-weight:800}.guided-launch-button:disabled{cursor:not-allowed;opacity:.55}.guided-overlay{position:fixed;inset:0;z-index:120;pointer-events:none;background:transparent}.guided-drawer{position:absolute;top:0;right:0;width:min(520px,100%);height:100dvh;display:grid;grid-template-rows:auto 3px minmax(0,1fr) auto;overflow:hidden;pointer-events:auto;background:#f7f7f3;border-left:1px solid #cfd4d0;box-shadow:-12px 0 32px #0c1c172e}.guided-drawer>header,.guided-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#fff}.guided-drawer>header{border-bottom:1px solid #e0e3df}.guided-drawer>header span{min-width:0;display:grid;gap:3px}.guided-drawer>header small{color:#66716c;font-size:10px;font-weight:800}.guided-drawer>header strong{font-size:17px}.guided-drawer>header button{width:40px;min-width:40px;height:40px;border:0;background:transparent;color:#13231f;cursor:pointer;font-size:28px;line-height:1}.guided-progress{background:#dfe3df}.guided-progress span{display:block;height:100%;background:#28735a;transition:width .16s ease}.guided-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px 28px}.guided-content h2{margin:0 0 16px;font-size:23px;line-height:1.2}.guided-choice-grid{display:grid;grid-template-columns:1fr;gap:9px}.guided-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-choice{min-width:0;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:11px;border:1px solid #c7cdc9;border-radius:6px;background:#fff;color:#17201d;cursor:pointer;text-align:left}.guided-choice:hover{border-color:#6e7c75}.guided-choice.selected{border-color:#1f6b55;box-shadow:inset 0 0 0 1px #1f6b55;background:#eef6f2}.guided-choice>span:last-child{min-width:0;display:grid;gap:4px}.guided-choice strong{overflow-wrap:anywhere;font-size:13px}.guided-choice small{color:#67716c;font-size:11px;line-height:1.35}.guided-palette{width:45px;height:45px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #b8bfbb;border-radius:50%}.guided-palette i{display:block}.guided-pattern{width:54px;height:54px;display:block;border:1px solid #bbc2be;border-radius:4px;background-color:#154c3c}.guided-pattern-solid{background:#154c3c}.guided-pattern-pinstripe{background:repeating-linear-gradient(90deg,#154c3c 0 7px,#d9ff43 7px 9px)}.guided-pattern-diagonal{background:repeating-linear-gradient(135deg,#154c3c 0 10px,#d9ff43 10px 14px)}.guided-pattern-chevron{background:linear-gradient(135deg,transparent 45%,#d9ff43 46% 54%,transparent 55%) 0 0 / 28px 28px,linear-gradient(225deg,transparent 45%,#d9ff43 46% 54%,transparent 55%) 14px 0 / 28px 28px,#154c3c}.guided-pattern-waves{background:repeating-radial-gradient(ellipse at 0 50%,#154c3c 0 7px,#d9ff43 8px 10px,#154c3c 11px 16px)}.guided-pattern-triangles{background:conic-gradient(from 30deg at 25% 25%,#d9ff43 0 60deg,#154c3c 60deg 180deg,#89aa83 180deg 240deg,#154c3c 240deg) 0 0 / 28px 28px}.guided-pattern-custom{background:linear-gradient(45deg,#e7e9e6 25%,transparent 25% 75%,#e7e9e6 75%) 0 0 / 16px 16px,linear-gradient(45deg,#e7e9e6 25%,#fff 25% 75%,#e7e9e6 75%) 8px 8px / 16px 16px}.guided-catalog-section{margin-top:18px;padding-top:14px}.guided-catalog-section .catalog-category-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.guided-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.guided-review{margin:0;display:grid;border-top:1px solid #d5d9d6}.guided-review div{min-height:45px;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid #d5d9d6}.guided-review dt{color:#64706a;font-size:12px}.guided-review dd{margin:0;font-size:13px;font-weight:800;text-transform:capitalize}.guided-review-note{margin:16px 0 0;color:#4e5a54;font-size:13px}.guided-error{margin:12px 0 0;padding:10px;border-left:3px solid #b42318;background:#fff0ee;color:#8f1c13;font-size:12px}.guided-drawer>footer{justify-content:flex-end;border-top:1px solid #d9ddda;padding-bottom:max(15px,env(safe-area-inset-bottom))}.guided-drawer>footer button{min-width:112px;min-height:44px;border-radius:4px}.guided-primary{border:0;padding:0 17px;background:#b8232f;color:#fff;cursor:pointer;font-weight:800}.guided-primary:disabled{cursor:not-allowed;opacity:.58}@media(max-width:767px){.guided-launch-button{min-height:38px;max-width:88px;padding:0 9px;font-size:10px;line-height:1.15}.guided-overlay{display:grid;place-items:end stretch}.guided-drawer{position:relative;top:auto;right:auto;width:100%;height:min(68dvh,650px);border-top:1px solid #cfd4d0;border-left:0;box-shadow:0 -12px 32px #0c1c1738}.guided-content{padding:16px 14px 22px}.guided-content h2{margin-bottom:12px;font-size:19px}.guided-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-choice{min-height:66px;padding:8px;gap:8px}.guided-palette{width:38px;height:38px}.guided-pattern{width:42px;height:42px}.guided-drawer>header,.guided-drawer>footer{padding:10px 14px}.guided-drawer>footer button{min-width:96px}}@media(max-width:420px){.guided-choice-grid.two{grid-template-columns:1fr}}@media(max-width:767px){.guided-catalog-section .catalog-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.fifa-kit-import-section{border-top:1px solid #d7ded9}.fifa-kit-import-actions,.fifa-kit-import-summary{display:grid;gap:10px}.fifa-kit-import-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.fifa-kit-import-actions small{grid-column:1 / -1;color:#63716a;line-height:1.45}.fifa-kit-import-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center}.fifa-kit-import-summary strong,.fifa-kit-import-summary small{display:block}.fifa-kit-import-summary small{margin-top:3px;color:#63716a}.fifa-kit-import-error{margin:10px 0 0;color:#a43b2c;white-space:pre-line;font-size:12px;line-height:1.45}@media(max-width:560px){.fifa-kit-import-actions,.fifa-kit-import-summary{grid-template-columns:1fr}}
