.builder{display:grid;gap:var(--s-7) var(--gutter)}@media (min-width: 64em){.builder{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.builder__side{position:sticky;top:calc(var(--header-h) + 1.5rem)}}.builder__editor{display:grid;gap:var(--s-6)}.builder__step{border-top:1px solid var(--line);padding-top:var(--s-5)}.builder__step--split{display:grid;gap:var(--s-5) var(--gutter)}@media (min-width: 48em){.builder__step--split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.builder__h{font-family:var(--f-sans);font-weight:600;font-size:var(--fs-2);display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.builder__n{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--c-graphite);color:#fff;font-size:var(--fs-0);font-weight:600;flex:none}.builder__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--s-3)}.builder__product{position:relative;display:grid;grid-template-rows:auto auto;background:var(--c-white);border:1px solid var(--line-strong);border-radius:var(--r-1);overflow:hidden;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.builder__product input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.builder__product-img{display:block;height:7rem;flex:none;overflow:hidden;background:var(--c-glass)}.builder__product-img img{display:block;width:100%;height:100%;object-fit:cover}.builder__product-body{padding:var(--s-3) var(--s-4);display:grid;gap:.1rem}.builder__product-body b{font-weight:600;font-size:var(--fs-1);line-height:1.25}.builder__product-body small{font-size:var(--fs-0);color:var(--fg-muted)}.builder__product.is-active{border-color:var(--c-graphite);box-shadow:inset 0 0 0 1px var(--c-graphite)}.builder__product:has(input:focus-visible){outline:2px solid var(--c-focus);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.builder__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);margin-bottom:var(--s-4)}.builder__sizes .input{padding-inline:.6rem}.builder__preview{display:grid;gap:var(--s-3)}.builder__stage{position:relative;min-height:20rem;padding:2.4rem 2.6rem 1rem 1rem;background:var(--c-glass);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.builder__stage .finish-window{aspect-ratio:auto;max-width:none;transition:width .42s var(--ease-out),height .42s var(--ease-out),background-color var(--t-base);box-shadow:inset 0 0 0 1px #0000001f,0 18px 32px -22px #1e222680;padding:4.5%}.builder__stage .finish-window__glass{display:grid;gap:4%;height:100%;background:var(--swatch, #fff)}.builder__stage .finish-window.has-img .finish-window__glass{background:transparent}.builder__stage .fw-pane{min-height:0}.builder__stage .finish-window.is-pulse{animation:sb-pulse .6s var(--ease-out)}@keyframes sb-pulse{0%{box-shadow:inset 0 0 0 1px #0000001f,0 0 #1f6feb73}to{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 14px #1f6feb00}}.builder__dim{position:absolute;font-size:var(--fs-0);color:var(--fg-muted);font-variant-numeric:tabular-nums;pointer-events:none}.builder__dim--w{top:.6rem;left:1rem;right:2.6rem;text-align:center;border-bottom:1px solid var(--line-strong);padding-bottom:.15rem}.builder__dim--w:before,.builder__dim--w:after{content:"";position:absolute;bottom:-.25rem;width:1px;height:.6rem;background:var(--line-strong)}.builder__dim--w:before{left:0}.builder__dim--w:after{right:0}.builder__dim--h{top:2.4rem;bottom:1rem;right:.5rem;width:1.6rem;border-left:1px solid var(--line-strong)}.builder__dim--h span{position:absolute;top:50%;left:.35rem;transform:translateY(-50%) rotate(90deg);transform-origin:left center;white-space:nowrap}.builder__dim--h:before,.builder__dim--h:after{content:"";position:absolute;left:-.3rem;width:.6rem;height:1px;background:var(--line-strong)}.builder__dim--h:before{top:0}.builder__dim--h:after{bottom:0}.fw-pane[data-pane]{background-repeat:no-repeat;background-size:100% 100%}.fw-pane[data-pane=side]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M2 50 L98 3 M2 50 L98 97' fill='none' stroke='%235B656D' stroke-width='1.2' stroke-dasharray='4 3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=side-r]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 50 L2 3 M98 50 L2 97' fill='none' stroke='%235B656D' stroke-width='1.2' stroke-dasharray='4 3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=top]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 2 L3 98 M50 2 L97 98' fill='none' stroke='%235B656D' stroke-width='1.2' stroke-dasharray='4 3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=tilt]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M2 50 L98 3 M2 50 L98 97 M50 98 L3 2 M50 98 L97 2' fill='none' stroke='%235B656D' stroke-width='1.2' stroke-dasharray='4 3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=fold-l]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M2 50 L98 3 M2 50 L98 97' fill='none' stroke='%235B656D' stroke-width='1.2' stroke-dasharray='4 3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=fold-r]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 50 L2 3 M98 50 L2 97' fill='none' stroke='%235B656D' stroke-width='1.2' stroke-dasharray='4 3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=slide]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M22 50 H78 M64 38 L78 50 L64 62' fill='none' stroke='%235B656D' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=sash-top],.fw-pane[data-pane=sash-bottom]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 22 V78 M38 36 L50 22 L62 36 M38 64 L50 78 L62 64' fill='none' stroke='%235B656D' stroke-width='1.4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.fw-pane[data-pane=fixed]{background-image:linear-gradient(160deg,#e4edf2,#c4d3db 55%,#aebfc9)}.builder__colours{display:grid;gap:var(--s-5)}@media (min-width: 48em){.builder__colours{grid-template-columns:1fr 1fr}}.builder__colours .label{display:block;font-weight:600;font-size:var(--fs-1);margin-bottom:.4rem}.finish-grid--small{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:var(--s-3) var(--s-2)}.finish-grid--small .finish__chip{background-size:cover}.finish-grid--small .finish span{min-height:0;font-size:.78rem}.builder__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);border-top:1px solid var(--line);padding-top:var(--s-5)}.builder__status{font-size:var(--fs-0);color:var(--fg-muted)}.builder__list{background:var(--c-white);border:1px solid var(--line);padding:var(--s-5)}.builder__list-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-3)}.builder__list-head h2{font-family:var(--f-sans);font-weight:600;font-size:var(--fs-2)}.builder__totals{font-size:var(--fs-0);color:var(--fg-muted);font-variant-numeric:tabular-nums}.builder__items{list-style:none;margin:0;padding:0;display:grid;max-height:24rem;overflow-y:auto}.builder__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3);padding:.7rem 0;border-top:1px solid var(--line);align-items:start}.builder__item.is-new{animation:sb-new .7s var(--ease-out)}@keyframes sb-new{0%{background:#fff4d6}to{background:transparent}}.builder__item.is-editing{background:var(--c-mist);box-shadow:inset 3px 0 0 var(--c-red);padding-left:var(--s-3)}.builder__item-main b{font-weight:600}.builder__item-main small{display:block;font-size:var(--fs-0);color:var(--fg-muted);margin-top:.15rem}.builder__item-size{font-variant-numeric:tabular-nums;margin-left:.35rem}.builder__item-qty{color:var(--fg-muted);margin-left:.35rem}.builder__item-tools{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end}.builder__item-tools button{background:none;border:0;padding:0;font:inherit;font-size:var(--fs-0);cursor:pointer;color:inherit}.builder__empty{font-size:var(--fs-0);color:var(--fg-muted)}.builder__send{margin-top:var(--s-5);background:var(--c-white);border:1px solid var(--line);padding:var(--s-5)}.builder__send .btn-row{margin-top:var(--s-2)}@media (max-width: 40em){.builder__sizes{grid-template-columns:1fr 1fr}.builder__stage{min-height:15rem}.builder__products{grid-template-columns:1fr;gap:var(--s-2)}.builder__product{grid-template-columns:5.5rem minmax(0,1fr);grid-template-rows:none;align-items:center}.builder__product-img{aspect-ratio:4 / 3;height:auto}.builder__product-body{padding:var(--s-2) var(--s-3)}}.builder__send .field-row>[hidden]+.field{grid-column:1 / -1}.builder__list.is-attention{outline:2px solid var(--c-red);outline-offset:2px;animation:field-attention 1.4s ease-out 2}.builder__list.is-attention .builder__empty{color:var(--c-red-deep);font-weight:600}.builder__actions .btn.is-attention{animation:field-attention 1.4s ease-out 2}@media (prefers-reduced-motion: reduce){.builder__list.is-attention,.builder__actions .btn.is-attention{animation:none}}.builder__chosen-note{font-size:var(--fs-0);color:var(--fg-muted);margin:-.5rem 0 .9rem}.builder__others{margin-top:var(--s-4)}.builder__others summary{cursor:pointer;font-weight:600;font-size:var(--fs-1);padding:.4rem 0;list-style:none;display:flex;align-items:center;gap:.4rem}.builder__others summary::-webkit-details-marker{display:none}.builder__others summary:before{content:"+";display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;border:1px solid var(--line-strong);border-radius:50%;font-weight:500}.builder__others[open] summary:before{content:"\2013"}.builder__others .builder__products{margin-top:var(--s-3)}