.change-story{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.change-story h2{font-size:clamp(34px,3.4vw,52px)}.change-story p{margin-top:24px;max-width:530px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison figure{margin:0}.comparison svg,.comparison img{width:100%;height:auto;aspect-ratio:1;background:#e9e6df}.comparison figcaption{font-size:12px;padding-top:10px}.builder{padding-block:45px 100px}.builder-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.builder-heading p{max-width:300px;font-size:14px}.builder-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:6vw}.preview-panel{position:sticky;top:110px;align-self:start}.live-photo{position:relative;background:#e9e6df;aspect-ratio:1}.live-photo canvas{width:100%;height:auto;display:block}.preview-label{position:absolute;top:18px;left:18px;background:var(--ivory);padding:8px 13px;border-radius:20px;font-size:11px}.preview-loading,.retry-preview{position:absolute;bottom:18px;left:18px;padding:10px 14px;background:var(--ivory);font-size:12px}.retry-preview{bottom:60px}.design-summary{font-size:15px;font-weight:600;margin-top:20px}.preview-disclaimer{font-size:11px;color:var(--muted);margin-top:8px;max-width:490px}.builder-controls fieldset{margin-bottom:25px}.builder-controls legend{width:100%;display:flex;justify-content:space-between;gap:15px;font-size:13px}.builder-controls output{font-weight:400;color:var(--muted)}.segmented,.pattern-options{display:flex;gap:8px}.segmented label,.pattern-options label,.colour-options label{position:relative;cursor:pointer;flex:1}.builder-controls input[type=radio]{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented span,.pattern-chip{display:block;text-align:center;padding:14px 8px;border:1px solid #a5a6a0;border-radius:4px;font-size:12px}.builder-controls input:checked+span{box-shadow:0 0 0 2px var(--graphite);border-color:var(--graphite)}.segmented input:checked+span,.pattern-options input:checked+span{background:var(--graphite);color:var(--ivory)}.builder-controls input:focus-visible+span{outline:3px solid var(--coral);outline-offset:4px}.builder-controls input:disabled+span{opacity:.35;cursor:not-allowed}.shape-options small{display:block;font-size:10px;margin-top:4px}.builder-controls .control-hint,#shape-availability{font-size:11px;color:var(--muted);line-height:1.5;margin-top:10px}.colour-options{display:flex;gap:10px}.colour-chip{display:flex;align-items:center;justify-content:center;min-height:58px;border:1px solid #a5a6a0;border-radius:4px;font-size:10px;letter-spacing:.01em}.colour-coral{background:var(--coral)}.colour-lime{background:var(--lime)}.colour-lilac{background:var(--lilac)}.colour-ivory{background:var(--ivory)}.colour-graphite{background:var(--graphite);color:var(--ivory)}.builder-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 24px;font-size:11px}.builder-tools button{background:none;text-decoration:underline;padding:12px 0}.builder-tools span{color:var(--muted)}.fit-guide{border-block:1px solid var(--line);padding-block:18px;margin-bottom:24px}.fit-guide summary{font-size:13px;font-weight:600;cursor:pointer}.fit-content{font-size:12px;padding-top:18px}.fit-content ol{padding-left:20px;line-height:1.7}.measurement-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:18px}.measurement-fields label{display:block;font-size:11px}.measurement-fields input{width:100%;min-height:44px;border:1px solid #a5a6a0;border-radius:3px;background:transparent;padding:10px;margin-top:8px}.save-area .button{width:100%}.save-area p{font-size:12px;margin-top:13px;line-height:1.6;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}.saved-item canvas{width:90px;height:90px}.builder [hidden]{display:none!important}
@media(max-width:900px){.builder-layout{gap:35px}.change-story{gap:30px}.colour-options{gap:6px}.colour-chip{font-size:9px}.builder-heading{display:block}.builder-heading p{margin-top:20px;max-width:none}}
@media(max-width:700px){.change-story{grid-template-columns:1fr;gap:30px;padding-block:60px}.builder{padding-block:20px 65px}.builder-layout{grid-template-columns:1fr;gap:30px}.preview-panel{position:static}.builder-heading h2{font-size:44px}.builder-heading{margin-bottom:25px}.builder-heading p{font-size:13px}.preview-disclaimer{font-size:11px}.colour-chip{font-size:10px;min-height:56px}.colour-options{gap:8px}.builder-controls legend{font-size:12px}.pattern-chip{padding-inline:5px}.builder-tools{font-size:11px}}