.text-builder{display:grid;gap:24px;min-width:0}@media(min-width: 1100px){.text-builder{grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);align-items:start;gap:32px}.text-builder>.text-builder__design{grid-row:1;grid-column:1}.text-builder>.text-builder__preview{grid-row:1;grid-column:2}}.text-builder__design,.text-builder__preview,.text-builder__result{display:flex;flex-direction:column;gap:16px;min-width:0}.text-builder__preview{position:sticky;top:calc(var(--site-header-height) + 8px);padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-page)}@media(max-width: 1099px){.text-builder__preview{max-height:45vh;overflow-y:auto}}.text-builder__result{margin-top:32px}.text-builder__controls{display:flex;flex-direction:column;gap:20px;min-width:0;margin:0;padding:0;border:0}.text-builder__group{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.text-builder__group--inline{padding:0;border:0;background:none}.text-builder__legend{float:left;width:100%;margin:0 0 4px;padding:0;color:var(--color-heading);font-weight:var(--f-semibold)}.text-builder__line{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.text-builder__line>input{flex:1 1 12rem;min-width:0}.text-builder__fonts,.text-builder__cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(9.5rem, 1fr));gap:8px}.text-builder__card,.text-builder__segment{position:relative;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:10px 12px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-page);color:var(--color-body);cursor:pointer}.text-builder__card:has(:checked),.text-builder__segment:has(:checked){border-color:var(--color-focus-ring)}.text-builder__card:has(:focus-visible),.text-builder__segment:has(:focus-visible){outline:3px solid var(--color-focus-ring);outline-offset:2px}.text-builder__card:has([aria-disabled=true]),.text-builder__segment:has([aria-disabled=true]){cursor:not-allowed;border-style:dashed}.text-builder__card-input{position:absolute;inset:0;opacity:0;margin:0;cursor:inherit}.text-builder__card-name{color:var(--color-heading);font-weight:var(--f-semibold)}.text-builder__segments,.text-builder__toggles{display:flex;flex-wrap:wrap;gap:8px}.text-builder__segment{flex:1 1 6rem;align-items:center}.text-builder__height{width:100%;min-height:44px;accent-color:var(--color-primary);background:repeating-linear-gradient(135deg, var(--color-border) 0 4px, transparent 4px 8px) left center/var(--text-builder-min) 8px no-repeat}.text-builder__swatches{display:grid;grid-template-columns:repeat(auto-fill, minmax(8.5rem, 1fr));gap:6px}.text-builder__swatch{display:flex;gap:8px;align-items:center;min-height:44px;padding:4px 8px;border:2px solid rgba(0,0,0,0);border-radius:var(--radius-md);cursor:pointer}.text-builder__swatch:has(:checked){border-color:var(--color-focus-ring);background:var(--color-surface-page)}.text-builder__swatch:has(:focus-visible){outline:3px solid var(--color-focus-ring);outline-offset:1px}.text-builder__swatch:has([aria-disabled=true]){cursor:not-allowed;opacity:.55}.text-builder__chip{flex:none;width:28px;height:28px}.text-builder__chip--small{width:18px;height:18px}.text-builder__swatch-name{min-width:0;font-size:.875rem;line-height:1.2;overflow-wrap:anywhere}.text-builder__why>summary{min-height:44px;padding:10px 0;color:var(--color-primary);cursor:pointer}.text-builder__why-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.text-builder__why-list>li{display:flex;gap:8px;align-items:flex-start}.text-builder__stage-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--color-surface-raised)}.text-builder__stage{display:block;width:100%;height:auto;max-height:60vh}@media(max-width: 1099px){.text-builder__stage{max-height:22vh}}.text-builder__stage--ghost{opacity:.45;filter:grayscale(1)}.text-builder__fonts .text-builder__stage{max-height:2.5rem}.text-builder__facts{display:grid;grid-template-columns:max-content minmax(0, 1fr);gap:4px 12px;margin:0}.text-builder__facts>dt{color:var(--color-heading);font-weight:var(--f-semibold)}.text-builder__facts>dd{margin:0}.text-builder__notice,.text-builder__refusal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-warning-surface);color:var(--color-heading)}.text-builder__refusal{flex-direction:column;align-items:flex-start;border-left:4px solid var(--color-warning)}.text-builder__build{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.text-builder__finished{display:grid;gap:16px;align-items:start}@media(min-width: 1100px){.text-builder__finished{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}}.text-builder__finished-picture,.text-builder__step-picture{display:block;width:100%;max-width:960px;height:auto;border-radius:var(--radius-md)}.text-builder__step-picture{max-width:720px}.text-builder__parts-colour>th{background:var(--color-surface-raised)}.text-builder__step{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.text-builder__step:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.text-builder__step-label{color:var(--color-heading);font-weight:var(--f-semibold)}.text-builder__more{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:32px;padding-top:16px;border-top:1px solid var(--color-border)}@media(horizontal-viewport-segments: 2){.text-builder__preview{position:static;max-height:env(viewport-segment-height 0 0, 50vh)}}