.easy-preview{color:#213226;background:radial-gradient(at 50% 38%,#f8f9f6,#e3e9df);border:1px solid #dfe6db;border-radius:22px}.easy-option-panel{border:1px solid var(--border);background:var(--background);border-radius:22px;padding:clamp(14px,2.2vw,28px)}.easy-fabric{background-color:#b5c2b0;height:86px;display:block;box-shadow:inset 0 0 24px #31443b45}.easy-fabric[data-fabric=mikrointerlok-160]{background-image:repeating-linear-gradient(45deg,#e8eee566 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#45564343 0 1px,#0000 1px 3px)}.easy-fabric[data-fabric=likra-180],.easy-fabric[data-fabric=likra-voleybol]{background-blend-mode:multiply;background-image:linear-gradient(115deg,#657965,#dce5d9 40%,#90a98f 74%,#c7d5c5),repeating-linear-gradient(0deg,#fff5 0 1px,#0000 1px 3px)}.easy-fabric[data-fabric=likrali-mesh-160]{background-image:radial-gradient(circle,#405443 1.4px,#dce4d8 2px,#0000 2.8px);background-size:7px 7px}.easy-fabric[data-fabric=esnek-jakarli-160]{background-image:repeating-conic-gradient(#a1b3a0 0 25%, #cedacb 0 50%);background-size:9px 9px}.easy-fabric[data-fabric=petek-150]{background-image:radial-gradient(#4f6652 0 22%,#b5c7b3 32% 46%,#dce4d8 51%);background-size:10px 9px}@media (width>=768px){.easy-preview{align-self:start;position:sticky;top:76px}}@media (width<=767px){.easy-preview{border-radius:0 0 20px 20px}.easy-option-panel{margin:12px}}.easy-product-stage{place-items:center;width:100%;height:clamp(240px,56vh,570px);display:grid}.easy-product{width:92%;height:100%;min-height:0;max-height:100%}.easy-product-stage--kit{height:auto;min-height:0}.easy-kit{flex-direction:column;align-items:center;width:min(94%,390px,max(225px,47dvh - 148px));padding:8px 0;display:flex}.easy-kit-shirt{width:100%;height:auto}.easy-kit-shorts{width:66%;height:auto;margin-top:-9%}.easy-kit-socks{width:61%;height:auto;margin-top:4%;display:block}.easy-choice{border:1px solid var(--border);border-radius:14px;min-width:0;padding:.8rem 1rem}.easy-choice summary{cursor:pointer;min-height:30px;font-weight:650}.easy-choice[open]>:not(summary){margin-top:.8rem}@media (width<=767px){.easy-product-stage{height:clamp(230px,38svh,345px)}.easy-product-stage--kit{height:auto}.easy-kit{width:min(89%,248px)}}.easy-kit-socks>svg{width:65%;margin:0 auto}.easy-sock-stage{place-items:center;display:grid;overflow:hidden}.easy-sock-stage canvas,.easy-sock-stage svg{object-fit:contain;width:auto;max-width:85%;max-height:100%}.easy-accessory-colors{flex-wrap:wrap;gap:8px;display:flex}.easy-accessory-colors button{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.875rem;display:flex}.easy-accessory-colors button[aria-pressed=true]{outline-offset:1px;outline:2px solid}.easy-accessory-colors span{border:1px solid #0003;border-radius:50%;width:18px;height:18px}.easy-start-actions{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:clamp(12px,2.4vw,28px);display:flex}.easy-start-actions :is(a,button){align-items:center;min-height:44px;display:inline-flex}.easy-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,.9vw,12px);margin:0;padding:0;list-style:none;display:grid}.easy-progress>li{min-width:0}.easy-progress button{border:1px solid var(--border);background:var(--card);width:100%;min-height:54px;color:var(--muted-foreground);text-align:left;border-radius:12px;align-items:center;gap:.55rem;padding:.5rem .7rem;font-size:clamp(.75rem,1.35vw,1rem);font-weight:650;line-height:1.15;display:flex}.easy-progress button>span:first-child{background:var(--surface-2);width:1.6rem;height:1.6rem;color:var(--foreground);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:750;display:inline-grid}.easy-progress button[aria-current=step]{border-color:var(--studio-ink);background:var(--studio-paper);color:var(--studio-ink)}.easy-progress button[aria-current=step]>span:first-child{background:var(--studio-ink);color:#fff}.easy-progress button:not(:disabled):not([aria-current=step]):hover{border-color:var(--ring);color:var(--foreground)}.easy-progress button:disabled{cursor:default}.easy-panel-heading h1{font-size:clamp(1.65rem,3.2vw,2.45rem);line-height:1.1}.easy-panel-heading p{max-width:55ch;color:var(--muted-foreground);margin-top:.45rem;font-size:.97rem;line-height:1.45}.easy-footer-price{flex:1;min-width:0;line-height:1.16}.easy-footer-price :is(strong,small){display:block}.easy-footer-price strong{font-size:clamp(1.05rem,2.15vw,1.45rem);font-weight:750}.easy-footer-price small{color:var(--muted-foreground);font-size:clamp(.7rem,1.2vw,.85rem)}.easy-next,.easy-back{text-align:center;border:1px solid #0000;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:.45rem;min-height:48px;padding:.6rem clamp(.7rem,1.7vw,1.45rem);font-weight:750;line-height:1.15;display:inline-flex}.easy-next{background:var(--studio-ink);color:#fff;min-width:112px}.easy-next:hover{background:#31523a}.easy-next:disabled{opacity:.5;cursor:default}.easy-back{border-color:var(--border);color:var(--foreground)}.easy-back:hover{background:var(--surface)}.easy-next svg,.easy-back svg{flex-shrink:0}@media (width<=767px){.easy-progress button{text-align:center;border-radius:9px;flex-direction:column;justify-content:flex-start;gap:.28rem;min-height:60px;padding:.33rem .15rem;font-size:clamp(.65rem,2.85vw,.8rem)}.easy-progress button>span:first-child{width:1.34rem;height:1.34rem;font-size:.71rem}.easy-next{max-width:49%}.easy-footer-price{text-align:center}}.easy-start-actions :is(a,button){text-underline-offset:.2em;text-decoration:underline}.easy-progress button[data-completed]>span:first-child{background:var(--studio-paper);color:var(--studio-ink)}.wizard-shell{--studio-ink:#223b2b;--studio-paper:#f3f6ef;--studio-line:#dbe4d7;--wizard-header-height:65px;--wizard-gutter:clamp(12px, 2.5vw, 34px);--wizard-gap:clamp(10px, 1.5vw, 22px);--wizard-radius:clamp(14px, 1.6vw, 22px);--wizard-panel-height:max(315px, calc(100svh - var(--wizard-header-height) - 137px - var(--wizard-gap) * 2));width:100%;max-width:1440px;padding:var(--wizard-gap) var(--wizard-gutter);margin-inline:auto}.wizard-top{margin-bottom:var(--wizard-gap)}.wizard-top h1{margin:0 0 clamp(10px,1.6vw,20px);font-size:clamp(1.55rem,3.3vw,2.7rem)}.wizard-top .easy-progress button{white-space:normal;text-wrap:balance;height:100%}.wizard-top .easy-progress button>span:last-child{overflow-wrap:break-word;min-width:0}.wizard-grid{align-items:start;gap:var(--wizard-gap);grid-template-columns:minmax(0,1fr);display:grid}.wizard-stage,.wizard-panel{border:1px solid var(--border);border-radius:var(--wizard-radius);min-width:0}.wizard-stage{top:var(--wizard-header-height);z-index:2;min-height:0;color:var(--studio-ink);background:radial-gradient(at 50% 34%,#f8faf6,#e5ece1);flex-direction:column;padding:clamp(8px,1.6vw,18px);display:flex;position:sticky}.wizard-stage-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:4px;display:flex}.wizard-views{background:#f8faf6;border:1px solid #d3ddd0;border-radius:12px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.wizard-views button,.wizard-download{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-height:40px;padding:.3rem .65rem;font-size:.86rem;font-weight:700;line-height:1.2;display:inline-flex}.wizard-views button[aria-pressed=true]{background:var(--studio-ink);color:#fff}.wizard-views button:not([aria-pressed=true]):hover{background:#e5ece1}.wizard-download{background:#f8faf6;border:1px solid #d3ddd0;min-width:44px}.wizard-download:hover{border-color:var(--studio-ink)}.wizard-download:disabled{opacity:.6;cursor:default}.wizard-stage .easy-product-stage{flex:auto;height:clamp(168px,28svh,280px);min-height:0}.wizard-stage .easy-product-stage>:is(img,canvas){object-fit:contain;width:auto;max-width:100%;height:100%}.wizard-stage .easy-product-stage--kit{height:auto}.wizard-panel.easy-option-panel{border-radius:var(--wizard-radius);background:var(--card);flex-direction:column;margin:0;padding:0;display:flex}.wizard-panel-body{min-width:0;padding:clamp(14px,2.4vw,28px)}.wizard-panel-body :is(h1,h2):is(:first-child,[tabindex="-1"]){font-size:clamp(1.6rem,2.7vw,2.4rem)}.wizard-panel-actions{border-top:1px solid var(--border);border-radius:0 0 var(--wizard-radius) var(--wizard-radius);background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px clamp(14px,2.4vw,28px);display:flex}.wizard-panel-actions .easy-next{margin-inline-start:auto}.wizard-panel-actions .easy-footer-price{text-align:left;flex:5rem}.wizard-action-buttons{flex:0 auto;gap:6px;min-width:0;display:flex}.wizard-action-buttons :is(.easy-next,.easy-back){min-width:0;max-width:none}.wizard-action-buttons .easy-back:disabled{opacity:.45;cursor:default;background:0 0}.wizard-shell :is(a,button,summary):focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width>=768px){.wizard-grid{min-height:var(--wizard-panel-height);grid-template-columns:minmax(0,11fr) minmax(0,9fr)}.wizard-stage,.wizard-panel{top:calc(var(--wizard-header-height) + 10px);height:var(--wizard-panel-height);position:sticky}.wizard-panel-body{scrollbar-gutter:stable;flex:auto;min-height:0;overflow:auto}.wizard-panel-actions{flex:none}.wizard-stage .easy-product-stage{grid-template-rows:minmax(0,1fr);height:auto}.wizard-stage .easy-kit{width:min(90%, 390px, max(115px, calc((var(--wizard-panel-height) - 76px) * .53)))}}@media (width<=767px){.wizard-shell{padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))}.wizard-stage{box-shadow:0 5px 12px #1b312013}.wizard-stage-toolbar{flex-wrap:nowrap;gap:5px}.wizard-views button,.wizard-download{padding-inline:clamp(.32rem,1.55vw,.6rem);font-size:clamp(.66rem,3vw,.8rem)}.wizard-stage .easy-kit{width:min(90%,145px,max(112px,20svh - 25px))}.wizard-panel-actions{z-index:45;padding:9px max(12px, env(safe-area-inset-right,0px)) max(9px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));border-radius:0;flex-wrap:nowrap;gap:7px;position:fixed;inset:auto 0 0;box-shadow:0 -5px 18px #1b312011}.wizard-panel-actions .easy-footer-price{flex-basis:3.5rem}.wizard-panel-actions .easy-footer-price strong{overflow-wrap:anywhere}.wizard-action-buttons :is(.easy-next,.easy-back){gap:3px;padding:.48rem .43rem;font-size:clamp(.74rem,3.15vw,.9rem)}.wizard-action-buttons svg{width:13px;height:13px}.wizard-shell:has(.wizard-panel-body :is(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=email],textarea):focus){padding-bottom:12px}.wizard-shell:has(.wizard-panel-body :is(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=email],textarea):focus) .wizard-panel-actions{position:static}}@media (width<=360px){.wizard-panel-actions .easy-back{padding-inline:.55rem}}.wizard-reference-canvas,.wizard-model-thumbnail{place-items:center;width:100%;min-width:0;min-height:0;display:grid}.wizard-reference-canvas{height:100%}.easy-product-stage:has(>.production-detail-button){position:relative}.easy-product-stage--top{grid-template-rows:minmax(0,1fr) auto;gap:8px}.production-detail-button{min-height:40px;color:var(--studio-ink);background:#f8faf6f2;border:1px solid #c6d2c2;border-radius:10px;justify-self:end;padding:.5rem .85rem;font-size:.8rem;font-weight:700}.easy-product-stage:not(.easy-product-stage--top)>.production-detail-button{position:absolute;bottom:0;right:0}.production-detail-button:hover{border-color:var(--studio-ink)}.production-detail-dialog{--studio-ink:#203a29;color:#203a29;background:#f4f6f0;grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:calc(100vw - 24px);max-width:1120px;height:min(900px,94svh);max-height:94svh;padding:20px}.production-detail-dialog>h2{padding-right:40px}.production-detail-dialog>button:last-child{place-items:center;width:44px;height:44px;display:grid;top:8px;right:10px}.production-detail-dialog .wizard-views{justify-self:start}.production-detail-dialog .wizard-views button[aria-pressed=true]{color:#fff;background:#203a29}.production-technical-preview{background:#dce4dd;border-radius:.65rem;max-width:24rem;height:auto;margin:0 auto .75rem;overflow:hidden}.product-zoom-gallery{grid-template-rows:minmax(0,1fr) auto auto;gap:10px;min-width:0;min-height:0;display:grid}.product-zoom-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;background:radial-gradient(at 50% 35%,#f3f6f1,#dce5dd);border:1px solid #cbd6cd;border-radius:12px;min-width:0;min-height:0;position:relative;overflow:hidden}.product-zoom-viewport[data-zoomed]{cursor:grab}.product-zoom-viewport[data-dragging][data-zoomed]{cursor:grabbing}.product-zoom-viewport:focus-visible{outline-offset:-3px;outline:2px solid #254e34}.product-zoom-image{transform-origin:50%;will-change:transform;position:absolute;inset:0}.product-zoom-image canvas{object-fit:contain;width:100%;height:100%;display:block}.product-zoom-controls{justify-content:center;align-items:center;gap:8px;display:flex}.product-zoom-controls button{color:#203a29;cursor:pointer;background:#fff;border:1px solid #bacabb;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex}.product-zoom-controls button:hover:not(:disabled){background:#e5eee3;border-color:#254e34}.product-zoom-controls button:disabled{opacity:.4;cursor:default}.product-zoom-controls button:focus-visible{outline-offset:2px;outline:2px solid #254e34}.product-zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-size:14px;font-weight:700}.product-zoom-controls .product-zoom-fit{margin-left:8px}.product-zoom-hint{text-align:center;color:#536657;margin:0;font-size:12px;line-height:1.4}@media (width<=600px){.production-detail-dialog{border-radius:16px;gap:10px;width:calc(100vw - 16px);height:calc(100svh - 16px);max-height:calc(100svh - 16px);padding:14px 12px 12px}.production-detail-dialog>h2{min-height:26px;font-size:18px}.product-zoom-controls{gap:6px}.product-zoom-controls .product-zoom-fit{margin-left:2px}.product-zoom-hint{font-size:11px}}.wizard-model-thumbnail{height:8.25rem}:is(.wizard-reference-canvas,.wizard-model-thumbnail) canvas,canvas:is(.wizard-reference-canvas,.wizard-model-thumbnail){object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%;display:block}@media (width<=767px){.wizard-stage .easy-product-stage--kit:has(.wizard-reference-canvas){height:clamp(205px,36svh,300px)}}.production-studio{--wizard-panel-height:max(500px, calc(100svh - var(--wizard-header-height) - var(--wizard-gap) * 2))}.production-preview-actions{flex-wrap:nowrap;gap:6px;display:flex}.production-stepper{border-bottom:1px solid var(--border);padding:14px 16px}.production-stepper .easy-progress{gap:5px}.production-stepper .easy-progress button{text-align:center;flex-direction:column;justify-content:center;gap:4px;height:100%;min-height:57px;padding:5px 3px;font-size:.72rem;line-height:1.2}.production-panel-body{align-content:start;gap:22px;display:grid}.production-options{border:1px solid var(--border);border-radius:15px;min-width:0;padding:12px}.production-options legend{padding-inline:5px;font-weight:750}.production-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.production-grid--collars,.production-grid--fonts{grid-template-columns:repeat(3,minmax(0,1fr))}.production-card,.production-color,.production-upload{border:1px solid var(--border);background:var(--background);text-align:left;overflow-wrap:anywhere;border-radius:10px;min-width:0;min-height:48px;padding:9px;font-size:.86rem;line-height:1.3}.production-card:hover,.production-upload:hover{border-color:var(--studio-ink)}.production-card[aria-pressed=true]{border-color:var(--studio-ink);background:var(--studio-paper);box-shadow:inset 0 0 0 1px var(--studio-ink)}.production-card strong,.production-card small{display:block}.production-card small{color:var(--muted-foreground);margin-top:4px}.production-card .production-premium{color:#79511d;font-weight:650}.production-model{background:#eaf0e6;border-radius:7px;place-items:center;margin-bottom:6px;display:grid}.production-combo,.production-color,.production-upload{align-items:center;gap:8px;display:flex}.production-color input{cursor:pointer;flex:0 0 38px;width:38px;height:30px}.production-swatches{flex-shrink:0;display:inline-flex}.production-swatches i{border:1px solid #0003;border-radius:50%;width:19px;height:19px}.production-swatches i+i{margin-left:-4px}.production-font>span{font-size:2rem;line-height:1.15;display:block}.production-font>span small{margin-block:2px 6px;font-size:.72rem}.production-upload{cursor:pointer;font-weight:650;position:relative}.production-upload:focus-within{outline:2px solid var(--ring)}.production-nav{flex-wrap:nowrap}.production-nav .easy-back:disabled{opacity:.45}@media (width<=767px){.production-studio{padding-bottom:76px}.production-stepper{padding:8px}.production-panel-body :is(input,select,button){scroll-margin-block:min(42svh,340px) 84px}.production-studio .wizard-grid:has(.easy-product-stage--top) .production-options button{scroll-margin-block-start:calc(var(--wizard-header-height) + clamp(225px, 40svh, 340px) + 72px)}.production-studio .wizard-grid:has(.easy-product-stage--kit) .production-options button{scroll-margin-block-start:calc(var(--wizard-header-height) + clamp(195px, 29svh, 245px) + 86px)}.production-studio .wizard-stage .easy-product-stage:not(.easy-product-stage--kit){height:clamp(148px,23svh,210px)}.production-studio .wizard-stage .easy-product-stage.easy-product-stage--top{height:clamp(225px,40svh,340px)}.production-studio .wizard-stage .easy-product-stage--kit:has(.wizard-reference-canvas){height:clamp(195px,29svh,245px)}.production-grid--collars{grid-template-columns:repeat(2,minmax(0,1fr))}}.production-collar-examples{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));align-items:stretch;gap:8px;margin-bottom:12px;display:grid}.production-collar-examples>:is(figure,div){background:#f8faf7;border:1px solid #dce4dd;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:7px;display:flex}.production-collar-examples :is(figcaption,p){color:#476052;margin:4px 0 0;font-size:.73rem;font-weight:650}.production-collar-examples .production-technical-preview{margin:auto 0}.reference-studio{--ref-ink:#202823;--ref-muted:#82877f;--ref-line:#e4e6df;--ref-accent:#daef8d;color:var(--ref-ink);border:1px solid var(--ref-line);background:#fff;border-top:0;width:100%;max-width:1680px;margin:0 auto;font-family:Barlow,Arial,sans-serif}.reference-studio button,.reference-studio input{font:inherit}.reference-studio button{cursor:pointer}.reference-studio button:focus-visible,.reference-studio input:focus-visible{outline-offset:4px;outline:2px solid #73933d}.reference-studio button:disabled{cursor:wait;opacity:.55}.reference-topbar{border-bottom:1px solid var(--ref-line);justify-content:space-between;align-items:center;height:58px;padding:0 32px;font-size:12px;display:flex}.reference-breadcrumb{align-items:center;gap:18px;display:flex}.reference-breadcrumb>span:first-child{letter-spacing:1.6px;font-weight:800}.reference-breadcrumb>span:last-child{color:#747a72}.reference-slash{color:#c9cdc4}.reference-live{color:#65705d;align-items:center;gap:8px;font-size:11px;display:flex}.reference-live i{background:#6a893e;border-radius:100%;width:6px;height:6px;box-shadow:0 0 0 4px #eff4e9}.reference-workspace{grid-template-columns:minmax(0,1fr) 370px;min-height:760px;display:grid}.reference-stage{background:#f3f3ee radial-gradient(at 50% 37%,#fffefa 0,#f5f5ef 51%,#eceee7 100%);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.reference-stage-top{z-index:1;justify-content:space-between;align-items:center;padding:26px 30px 0;display:flex}.reference-model-label{align-items:center;gap:12px;display:flex}.reference-model-label>span:first-child{letter-spacing:2px;font-size:14px;font-weight:800}.reference-model-label>span:last-child{letter-spacing:1.7px;color:#899083;border-left:1px solid #ccd2c3;padding-left:12px;font-size:9px}.reference-icon-button{color:#59614f;background:#ffffff9e;border:1px solid #dce1d4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reference-models{flex:1;justify-content:center;align-items:center;gap:3%;min-height:530px;padding:14px 30px 0;display:flex;position:relative}.reference-face{width:47%;max-width:430px;height:100%}.reference-face-hidden{display:none}.reference-models--front .reference-face,.reference-models--back .reference-face{width:70%;max-width:500px}.reference-model{flex-direction:column;justify-content:center;align-items:center;min-height:500px;margin:0;display:flex;position:relative}.reference-model canvas{object-fit:contain;opacity:0;filter:drop-shadow(0 22px 17px #303e3612);width:100%;height:570px;transition:opacity .25s;display:block}.reference-model canvas.is-ready{opacity:1}.reference-model figcaption{letter-spacing:1.8px;color:#717869;justify-content:center;align-items:center;gap:10px;padding:16px 0 8px;font-size:9px;font-weight:600;display:flex}.reference-model figcaption>span{color:#a2a899;border-right:1px solid #cdd2c4;padding-right:10px;font-size:9px;font-weight:400}.reference-model-state{color:#8b9382;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.reference-model-state button{background:#fff;border:1px solid #cbd0c5;border-radius:5px;padding:8px 12px}.reference-spinner{border:2px solid #dce3d5;border-top-color:#668242;border-radius:50%;width:24px;height:24px;animation:.75s linear infinite reference-spin}@keyframes reference-spin{to{transform:rotate(360deg)}}.reference-stage-bottom{justify-content:center;align-items:center;gap:20px;padding:16px 20px 20px;display:flex}.reference-view-switch{background:#fff;border:1px solid #e0e4da;border-radius:7px;padding:4px;display:inline-flex;box-shadow:0 3px 8px #1a2a1703}.reference-view-switch button{color:#7a8370;white-space:nowrap;background:0 0;border:0;border-radius:4px;min-width:55px;padding:10px 16px;font-size:11px;font-weight:600}.reference-view-switch button[aria-pressed=true]{color:#fff;background:#263323}.reference-kit-button{color:#757e6c;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:flex}.reference-stage-note{color:#92998a;letter-spacing:.6px;border-top:1px solid #dde2d5;justify-content:space-between;padding:16px 30px;font-size:9px;display:flex}.reference-stage-note>span:last-child{letter-spacing:2px;font-size:8px}.reference-controls{border-left:1px solid var(--ref-line);background:#fff;flex-direction:column;padding:34px 30px 22px;display:flex}.reference-eyebrow{letter-spacing:1.3px;color:#88947b;align-items:center;gap:7px;margin-bottom:15px;font-size:8px;font-weight:700;display:flex}.reference-eyebrow>span{background:#7c954a;width:4px;height:4px}.reference-heading h1{letter-spacing:-1.8px;color:#263022;margin:0;font-family:Barlow,Arial,sans-serif;font-size:38px;font-weight:700;line-height:1.06}.reference-heading h1>span{color:#8b957e;font-weight:400}.reference-heading p{color:#92988b;margin:17px 0 25px;font-size:12px;line-height:1.7}.reference-section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.reference-section-title h2{letter-spacing:0;margin:0;font-family:inherit;font-size:12px;font-weight:700}.reference-section-title>span{color:#98a08f;font-size:9px}.reference-presets{justify-content:space-between;gap:13px;display:flex}.reference-presets button{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.reference-presets button>span{color:#fff;text-shadow:0 1px 4px #000;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;display:flex;box-shadow:0 0 0 1px #e7eae0}.reference-presets button[aria-pressed=true]>span{box-shadow:0 0 0 1px #536243}.reference-presets small{color:#9ba28f;font-size:9px}.reference-presets button[aria-pressed=true] small{color:#4d5c3d;font-weight:600}.reference-preset-section{border-bottom:1px solid var(--ref-line);padding-bottom:24px}.reference-custom-section{padding-top:24px}.reference-zones{flex-wrap:wrap;gap:6px;margin-bottom:23px;display:flex}.reference-zones button{color:#879078;white-space:nowrap;background:#fff;border:1px solid #e6e9df;border-radius:5px;align-items:center;gap:6px;padding:7px 8px;font-size:10px;display:flex}.reference-zones button i{border:1px solid #0000000d;border-radius:50%;width:10px;height:10px}.reference-zones button.is-active{color:#4e6037;background:#f4f7ec;border-color:#a5b68b}.reference-color-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.reference-color-heading>div{flex-direction:column;gap:3px;display:flex}.reference-color-heading strong{font-size:12px;font-weight:600}.reference-color-heading>div>span{color:#a0a794;font-size:10px}.reference-color-custom{color:#72825d;background:conic-gradient(#f9dada,#fbf1d6,#d8edcd,#d6e8ef,#e8d7eb,#f9dada);border:1px solid #dfe5d3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;overflow:hidden}.reference-color-custom input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.reference-color-custom svg{background:#fff;border-radius:50%;width:22px;height:22px;padding:3px}.reference-swatches{grid-template-columns:repeat(6,1fr);gap:12px 15px;margin-bottom:20px;display:grid}.reference-swatches button{border:1px solid #0000000e;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:30px;height:30px;transition:transform .15s;display:flex;position:relative}.reference-swatches button:hover{transform:scale(1.12)}.reference-swatches button[aria-pressed=true]:after{content:"";border:1px solid #778966;border-radius:50%;position:absolute;inset:-4px}.reference-hex{background:#fafbf7;border:1px solid #e5e9dc;border-radius:5px;align-items:center;gap:8px;padding:10px 11px;display:flex}.reference-hex>span{letter-spacing:.6px;color:#9da58f;white-space:nowrap;font-size:8px}.reference-hex input{letter-spacing:.5px;color:#5c6a4a;text-align:right;background:0 0;border:0;width:90px;margin-left:auto;padding:0;font-family:monospace;font-size:11px}.reference-hex i{border:1px solid #0000000a;border-radius:3px;flex-shrink:0;width:14px;height:14px}.reference-controls-bottom{margin-top:auto;padding-top:24px}.reference-detail-note{color:#99a28a;align-items:center;gap:7px;margin-bottom:15px;font-size:9px;display:flex}.reference-detail-note svg{color:#819363}.reference-download{color:#fff;background:#263323;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;font-size:12px;font-weight:600;display:flex}.reference-download:hover{background:#3a4d30}.reference-footer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:15px;display:flex}.reference-footer-actions button{color:#8f9880;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:9px;display:flex}.reference-disclaimer{color:#b1b7a6;text-align:center;margin:17px 0 0;font-size:8px;line-height:1.5}.reference-download-error{color:#a54343;margin-top:8px;font-size:10px}.reference-studio--zoom{z-index:90;border:0;max-width:none;position:fixed;inset:0;overflow:auto}.reference-studio--zoom .reference-workspace{min-height:calc(100dvh - 58px)}.reference-studio--zoom .reference-model canvas{height:calc(100dvh - 250px);min-height:420px}.reference-studio--zoom .reference-models,.reference-studio--zoom .reference-model{min-height:0}.reference-studio--zoom .reference-face{max-width:650px}.reference-studio--zoom .reference-models--front .reference-face,.reference-studio--zoom .reference-models--back .reference-face{max-width:750px}@media (width>=1440px){.reference-workspace{grid-template-columns:minmax(0,1fr) 400px}.reference-controls{padding:38px 36px 26px}.reference-model canvas{height:660px}.reference-face{max-width:500px}}@media (width<=1100px){.reference-workspace{grid-template-columns:minmax(0,1fr) 330px;min-height:720px}.reference-controls{padding:28px 22px 20px}.reference-models{gap:1%;min-height:480px;padding:12px 10px 0}.reference-model canvas{height:520px}.reference-model{min-height:420px}.reference-face{width:49%}.reference-heading h1{font-size:35px}.reference-stage-top{padding:23px 22px 0}.reference-stage-bottom{gap:10px;padding-inline:10px}.reference-view-switch button{padding:9px 12px}.reference-kit-button{font-size:10px}.reference-presets{gap:9px}.reference-presets button>span{width:40px;height:40px}.reference-swatches{gap:12px}}@media (width<=800px){.reference-workspace{flex-direction:column;min-height:0;display:flex}.reference-topbar{height:49px;padding:0 18px}.reference-breadcrumb{gap:12px;font-size:11px}.reference-live{font-size:9px}.reference-stage-top{padding:18px 20px 0}.reference-model-label>span:first-child{font-size:12px}.reference-model-label>span:last-child{font-size:8px}.reference-icon-button{width:32px;height:32px}.reference-models{gap:3%;min-height:0;padding:7px 18px 0}.reference-model{min-height:0}.reference-model canvas{height:460px}.reference-face{width:46%;max-width:320px}.reference-models--front .reference-face,.reference-models--back .reference-face{max-width:370px}.reference-model figcaption{letter-spacing:1.3px;padding:9px 0 3px;font-size:8px}.reference-stage-bottom{gap:20px;padding:16px 16px 18px}.reference-stage-note{padding:12px 20px;font-size:8px}.reference-controls{border-left:0;border-top:1px solid var(--ref-line);padding:26px 24px}.reference-heading h1{letter-spacing:-1px;font-size:32px}.reference-heading h1 br{display:none}.reference-heading h1>span{margin-left:7px}.reference-heading p{margin:10px 0 21px;font-size:11px}.reference-heading p br{display:none}.reference-eyebrow{margin-bottom:12px}.reference-presets{justify-content:start;gap:23px}.reference-presets button>span{width:46px;height:46px}.reference-preset-section{padding-bottom:20px}.reference-custom-section{padding-top:20px}.reference-zones{gap:7px;margin-bottom:20px}.reference-zones button{padding:8px 10px;font-size:11px}.reference-swatches{flex-wrap:wrap;gap:15px;display:flex}.reference-swatches button{width:32px;height:32px}.reference-controls-bottom{padding-top:20px}.reference-hex input{width:110px}.reference-detail-note,.reference-footer-actions button{font-size:10px}.reference-disclaimer{font-size:9px}.reference-studio--zoom .reference-workspace{min-height:0}.reference-studio--zoom .reference-stage{min-height:calc(100dvh - 49px)}.reference-studio--zoom .reference-controls{display:none}.reference-studio--zoom .reference-model canvas{height:calc(100dvh - 240px);min-height:280px}.reference-studio--zoom .reference-stage-bottom{margin-top:auto}.reference-studio--zoom .reference-face{max-width:none}.reference-studio--zoom .reference-models--front .reference-face,.reference-studio--zoom .reference-models--back .reference-face{width:90%;max-width:none}}@media (width<=480px){.reference-topbar{padding:0 15px}.reference-live{gap:0;font-size:0}.reference-live i{width:5px;height:5px}.reference-breadcrumb{font-size:10px}.reference-models{gap:2%;padding:8px 10px 0}.reference-face{width:48%}.reference-model canvas{height:315px}.reference-models--front .reference-face,.reference-models--back .reference-face{width:72%}.reference-models--front canvas,.reference-models--back canvas{height:385px}.reference-stage--kit .reference-model canvas{height:380px}.reference-stage-bottom{gap:11px}.reference-kit-button{font-size:9px}.reference-view-switch button{min-width:40px;padding:8px 10px;font-size:10px}.reference-stage-note{padding:11px 17px;font-size:7px}.reference-controls{padding:24px 20px}.reference-heading h1{font-size:29px}.reference-heading h1 br{display:block}.reference-heading h1>span{margin-left:0}.reference-presets{justify-content:space-between;gap:12px}.reference-zones{gap:6px}.reference-zones button{padding:7px 9px;font-size:10px}.reference-swatches{grid-template-columns:repeat(6,1fr);gap:14px 15px;display:grid}.reference-section-title h2{font-size:12px}.reference-stage--kit .reference-models--front canvas,.reference-stage--kit .reference-models--back canvas{height:470px}}@media (prefers-reduced-motion:reduce){.reference-model canvas,.reference-swatches button{transition:none}.reference-spinner{animation:none}}.reference-personalization{border-top:1px solid var(--ref-line);margin-top:18px;padding-top:14px}.reference-personalization summary{cursor:pointer;color:#6c795a;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;list-style:none;display:flex}.reference-personalization summary::-webkit-details-marker{display:none}.reference-personalization[open] summary svg{transform:rotate(45deg)}.reference-personalization>div{grid-template-columns:1fr 72px;gap:10px;margin-top:13px;display:grid}.reference-personalization label{color:#919d81;flex-direction:column;gap:5px;font-size:9px;display:flex}.reference-personalization input{color:#4d5e3b;background:#fafbf7;border:1px solid #e0e5d7;border-radius:4px;width:100%;min-width:0;padding:9px 8px;font-size:11px}.reference-personalization>p{color:#a1aa93;margin:7px 0 0;font-size:8px}.reference-studio:not(.reference-studio--zoom){--reference-preview-height:max(560px, calc(100dvh - 124px))}.reference-studio:not(.reference-studio--zoom) .reference-stage{height:var(--reference-preview-height);z-index:20;align-self:start;position:sticky;top:65px}.reference-studio:not(.reference-studio--zoom) .reference-stage-top{flex-shrink:0;padding-top:18px}.reference-studio:not(.reference-studio--zoom) .reference-models{flex:1 1 0;min-height:0;padding-top:8px}.reference-studio:not(.reference-studio--zoom) .reference-face,.reference-studio:not(.reference-studio--zoom) .reference-model{height:100%;min-height:0}.reference-studio:not(.reference-studio--zoom) .reference-model canvas{height:calc(var(--reference-preview-height) - 200px);min-height:0}.reference-studio:not(.reference-studio--zoom) .reference-model figcaption{flex-shrink:0;padding:12px 0 4px}.reference-studio:not(.reference-studio--zoom) .reference-stage-bottom{flex-shrink:0;padding-top:12px;padding-bottom:16px}.reference-studio:not(.reference-studio--zoom) .reference-stage-note{flex-shrink:0;padding-top:12px;padding-bottom:12px}@media (width>=801px) and (height<=685px){.reference-studio:not(.reference-studio--zoom){--reference-preview-height:calc(100dvh - 124px)}}@media (width<=800px){.reference-studio:not(.reference-studio--zoom){--reference-preview-height:min(300px, 36dvh)}.reference-studio:not(.reference-studio--zoom) .reference-stage{border-bottom:1px solid #dce2d3;flex:none;align-self:stretch;min-height:0;box-shadow:0 8px 14px #2633230a}.reference-studio:not(.reference-studio--zoom) .reference-stage-top{padding:8px 16px 0}.reference-studio:not(.reference-studio--zoom) .reference-icon-button{width:26px;height:26px}.reference-studio:not(.reference-studio--zoom) .reference-icon-button svg{width:14px;height:14px}.reference-studio:not(.reference-studio--zoom) .reference-models{padding:2px 10px 0}.reference-studio:not(.reference-studio--zoom) .reference-model canvas{height:max(65px, calc(var(--reference-preview-height) - 100px))}.reference-studio:not(.reference-studio--zoom) .reference-model figcaption{padding:4px 0 2px;font-size:7px;line-height:10px}.reference-studio:not(.reference-studio--zoom) .reference-stage-bottom{gap:12px;padding:6px 10px 8px}.reference-studio:not(.reference-studio--zoom) .reference-view-switch button{min-width:40px;padding:6px 10px;font-size:10px;line-height:14px}.reference-studio:not(.reference-studio--zoom) .reference-kit-button{font-size:9px}.reference-studio:not(.reference-studio--zoom) .reference-stage-note{display:none}.reference-studio:not(.reference-studio--zoom) .reference-controls :is(button,input,summary){scroll-margin-top:calc(77px + var(--reference-preview-height));scroll-margin-bottom:20px}}