.configurator{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=56rem){.configurator{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.configurator__viewport{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--color-surface);border:var(--border-width) solid var(--color-border);position:relative;overflow:hidden}.configurator__stage,.configurator__poster{position:absolute;inset:0}.configurator__stage canvas{width:100%;height:100%}.configurator__poster img{object-fit:cover;width:100%;height:100%}.configurator__overlay{padding:var(--space-4);justify-content:center;display:flex;position:absolute;inset:auto 0 0}.configurator__message{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);margin:0}.configurator__lost{justify-items:center;gap:var(--space-3);display:grid}.configurator__fieldset[disabled]{opacity:.7}.configurator__segmented{gap:var(--space-2);flex-wrap:wrap;display:flex}.configurator__row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.configurator__colors{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));display:grid}.configurator__color-field{gap:var(--space-1);font-size:var(--font-size-sm);display:grid}.configurator__color{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;min-width:2.75rem;height:2.75rem;padding:2px}.configurator__products{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.configurator__product{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3) 0 var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;display:inline-flex}.configurator__product img{object-fit:contain;width:2.25rem;height:2.25rem}.configurator__product:hover{background:var(--color-surface)}.configurator__product[aria-pressed=true]{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text)}.configurator__product:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.configurator--catalog .configurator__poster img{object-fit:contain}.survey{background:var(--c-bg-2);border:1px solid var(--c-line);border-radius:var(--r-3);padding:clamp(var(--s-5), 4vw, var(--s-7))}.survey *,.survey :before,.survey :after{box-sizing:border-box}.survey__progress{gap:var(--s-2);margin-bottom:var(--s-5);display:grid}.survey__progress-text{font:500 var(--fs-label) / 1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-3);margin:0}.survey progress{appearance:none;background:var(--c-bg-4);border:0;border-radius:2px;width:100%;height:3px;overflow:hidden}.survey progress::-webkit-progress-bar{background:var(--c-bg-4)}.survey progress::-webkit-progress-value{background:var(--c-accent);transition:width var(--t-med) var(--ease-develop)}.survey progress::-moz-progress-bar{background:var(--c-accent)}.survey__title{font:380 clamp(1.6rem, 1.3rem + 1.1vw, 2.2rem) / 1.12 var(--f-display);font-variation-settings:"opsz" 48;letter-spacing:-.01em;margin:0}.survey__title:focus{outline:none}.survey__title:focus-visible{outline:var(--focus-ring-width) solid var(--c-accent);outline-offset:4px}.survey__intro{margin:var(--s-2) 0 0;font-size:var(--fs-small);color:var(--c-text-2)}.survey__step>.field:first-of-type,.survey__step>.survey__intro+.field,.survey__step>h2+.field{margin-top:var(--s-5)}.survey__optional{font:400 var(--fs-label) / 1 var(--f-mono);letter-spacing:.04em;color:var(--c-text-3);margin-left:2px}.survey__legend{margin:0 0 var(--s-2);font:600 var(--fs-small) / 1.35 var(--f-ui);color:var(--c-text);padding:0;display:block}.survey__hint{margin:0 0 var(--s-3);font-size:var(--fs-small);color:var(--c-text-3);line-height:1.45}.survey__alert{margin:0 0 var(--s-4);padding:var(--s-3) var(--s-4);border:1px solid var(--c-danger);border-radius:var(--r-2);color:var(--c-text);font-size:var(--fs-small);font-weight:500}.survey__icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px}.survey__cards,.survey__chips{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.survey__cards>li,.survey__chips>li{min-width:0;display:flex}.survey__pick{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.survey .survey__card,.survey .survey__chip{border-radius:var(--r-2);background:var(--c-bg);min-width:0;box-shadow:inset 0 0 0 1px var(--c-line-2);color:var(--c-text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);align-items:center;display:flex;position:relative}.survey .survey__card:hover,.survey .survey__chip:hover{color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-blueprint)}.survey__card:active,.survey__chip:active{transform:scale(.98)}.survey .survey__card.is-on,.survey .survey__chip.is-on,.survey .survey__card:has(.survey__pick:checked),.survey .survey__chip:has(.survey__pick:checked){background:var(--c-bg-3);box-shadow:inset 0 0 0 2px var(--c-accent);color:var(--c-text)}.survey__card:has(.survey__pick:focus-visible),.survey__chip:has(.survey__pick:focus-visible){outline:var(--focus-ring-width) solid var(--c-accent);outline-offset:3px}.survey__pick-label{overflow-wrap:break-word;min-width:0;max-width:100%}.survey__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.survey__cards--goals{grid-template-columns:repeat(3,minmax(0,1fr))}.survey .survey__card{justify-content:center;gap:var(--s-2);min-height:84px;padding:var(--s-3) var(--s-2);text-align:center;font:500 var(--fs-small) / 1.25 var(--f-ui);flex-direction:column;flex:1}.survey__cards--goals .survey__card{min-height:104px;padding:var(--s-4) var(--s-3)}.survey__card .survey__icon{color:var(--c-blueprint)}.survey__card.is-on .survey__icon,.survey__card:has(.survey__pick:checked) .survey__icon{color:var(--c-orb)}.survey__tick{background:var(--c-accent);opacity:0;width:20px;height:20px;transition:opacity var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;transform:scale(.6)}.survey__tick svg{fill:none;width:14px;height:14px;stroke:var(--c-on-accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.survey__card.is-on .survey__tick,.survey__card:has(.survey__pick:checked) .survey__tick{opacity:1;transform:none}.survey__chips{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;display:flex}.survey .survey__chip{min-width:52px;min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);font:500 var(--fs-small) / 1.2 var(--f-ui);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center}.survey__pair{align-items:start;gap:0 var(--s-5);display:grid}@media (width>=40rem){.survey__pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.survey__links .survey__pair{row-gap:var(--s-2)}.survey__links .survey__pair .field{margin-bottom:0}.survey__field--compact>label{font-size:var(--fs-small);color:var(--c-text-2);font-weight:500}.survey__field--compact .input{min-height:44px}fieldset.survey__group[aria-invalid=true] .survey__card,fieldset.survey__group[aria-invalid=true] .survey__chip{box-shadow:inset 0 0 0 1px var(--c-danger)}.survey__range{padding-top:var(--s-4);border-top:1px solid var(--c-hair);gap:0}.survey__intro+.survey__range,.survey__title+.survey__range{border-top:0;padding-top:0}.survey__range-head{align-items:center;gap:var(--s-2) var(--s-3);min-height:44px;display:flex}.survey__range-icon{width:22px;height:22px;color:var(--c-blueprint)}.survey__range-label{min-width:0;font:600 var(--fs-small) / 1.35 var(--f-ui);color:var(--c-text);flex:1}.survey__range .survey__hint{margin:0 0 0 calc(22px + var(--s-3))}.survey .survey__chip--unsure{min-width:0;padding:0 var(--s-3);flex:none;font-size:.8125rem}.survey__range-value{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.survey__readout{white-space:nowrap;min-width:0;font:400 clamp(1.25rem, 1.05rem + .8vw, 1.7rem) / 1.2 var(--f-display);font-variation-settings:"opsz" 36;font-variant-numeric:tabular-nums;color:var(--c-text);margin:0}.survey__range.is-empty .survey__readout{color:var(--c-text-3)}.survey__range.is-unsure .survey__readout{color:var(--c-text-2);font-style:italic}.survey__slider{--p:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0;padding:0;display:block}.survey__slider:focus{outline:none}.survey__slider:focus-visible{outline:var(--focus-ring-width) solid var(--c-accent);outline-offset:2px;border-radius:var(--r-1)}.survey__slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--c-accent) 0 var(--p), var(--c-bg-4) var(--p) 100%);border-radius:3px;height:6px}.survey__slider::-moz-range-track{background:var(--c-bg-4);border-radius:3px;height:6px}.survey__slider::-moz-range-progress{background:var(--c-accent);border-radius:3px;height:6px}.survey__slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--c-bg);background:var(--c-accent);width:28px;height:28px;box-shadow:0 0 0 1px var(--c-accent), 0 2px 10px #00000073;transition:transform var(--t-fast) var(--ease-out);border-radius:50%;margin-top:-11px}.survey__slider::-moz-range-thumb{border:3px solid var(--c-bg);background:var(--c-accent);width:22px;height:22px;box-shadow:0 0 0 1px var(--c-accent), 0 2px 10px #00000073;border-radius:50%}.survey__slider:active::-webkit-slider-thumb{transform:scale(1.12)}.survey__slider[data-state=empty]::-webkit-slider-thumb{background:var(--c-bg-3);box-shadow:0 0 0 2px var(--c-text-2), 0 2px 10px #00000073}.survey__slider[data-state=unsure]::-webkit-slider-thumb{background:var(--c-bg-3);box-shadow:0 0 0 2px var(--c-text-2), 0 2px 10px #00000073}.survey__slider[data-state=empty]::-moz-range-thumb{background:var(--c-bg-3);box-shadow:0 0 0 2px var(--c-text-2)}.survey__slider[data-state=unsure]::-moz-range-thumb{background:var(--c-bg-3);box-shadow:0 0 0 2px var(--c-text-2)}.survey__slider[data-state=empty]::-moz-range-progress{background:0 0}.survey__slider[data-state=unsure]::-moz-range-progress{background:0 0}.survey__slider[aria-invalid=true]::-webkit-slider-runnable-track{box-shadow:0 0 0 1px var(--c-danger)}.survey__scale{justify-content:space-between;gap:var(--s-3);font:400 var(--fs-label) / 1.3 var(--f-mono);color:var(--c-text-3);margin-top:-4px;display:flex}.survey__scale span:last-child{text-align:right}.survey__more{align-items:center;gap:var(--s-2);min-height:44px;margin:calc(var(--s-2) * -1) 0 var(--s-4);padding:0 var(--s-1);color:var(--c-text-2);font:500 var(--fs-small) / 1.2 var(--f-ui);text-decoration:underline;-webkit-text-decoration-color:var(--c-line-2);text-decoration-color:var(--c-line-2);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;display:inline-flex}.survey__more:hover{color:var(--c-text);text-decoration-color:currentColor}.survey .survey__consent{gap:var(--s-3);font-size:var(--fs-small);color:var(--c-text-2);cursor:pointer;align-items:flex-start;font-weight:400;line-height:1.5;display:flex}.survey__consent input{width:22px;height:22px;accent-color:var(--c-accent);cursor:pointer;flex:none;margin:1px 0 0}.survey__consent a{color:var(--c-text);text-underline-offset:2px}.survey__notes{min-height:64px}.survey__check:not(:empty){margin-block:.75rem}.survey__nav{margin-top:var(--s-5);justify-content:space-between}.survey__nav [data-survey-next]{margin-left:auto}.survey__nav--last{flex-wrap:wrap}.survey__nav--last [data-survey-next]{flex:100%;order:-1}.survey__join{min-height:60px;font-size:1.125rem}.survey__honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.survey--done:focus{outline:none}@media (width<=34rem){.survey__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.survey__cards--goals{grid-template-columns:repeat(2,minmax(0,1fr))}.survey .survey__card{min-height:76px;font-size:.8125rem}.survey__cards--goals .survey__card{min-height:92px}}@media (prefers-reduced-motion:reduce){.survey__card,.survey__chip,.survey__tick{transition:none}.survey__slider::-webkit-slider-thumb{transition:none}.survey__card:active,.survey__chip:active{transform:none}}