.builder-hero{padding-block:48px 30px;max-width:1180px}.builder-hero h1{font:700 clamp(30px,4vw,48px)/1.2 var(--serif);color:var(--ink);margin:12px 0 18px}.builder-hero>p:not(.eyebrow){font-size:18px;max-width:700px}.builder-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.builder-badges span{padding:7px 13px;border-radius:24px;background:var(--aqua);color:var(--ink);font-size:13px;font-weight:700}.builder-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start}.builder-controls{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--paper);box-shadow:var(--shadow)}.builder-controls h2,.builder-preview h2{margin:0 0 12px;font-size:22px;color:var(--ink)}.builder-controls label{font-weight:700;margin-top:12px;font-size:14px}.builder-controls select,.builder-controls input{width:100%;min-width:0;min-height:46px;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--paper);color:var(--text)}.builder-controls select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.builder-controls button{margin-top:16px;white-space:normal}.builder-hint{font-size:13px;color:var(--muted);margin:2px 0 8px;line-height:1.6}.builder-optional{font-weight:400}.builder-preview{min-width:0;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:24px}.builder-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.builder-preview-bar span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.builder-answer-toggle{display:flex;align-items:center;gap:10px;font-size:14px;margin:8px 0 18px}.builder-answer-toggle input{width:20px;height:20px;accent-color:var(--teal)}.builder-paper{max-width:540px;margin:auto;background:white;box-shadow:0 8px 22px #123b421a}.builder-paper canvas{display:block;width:100%;height:auto}.builder-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.builder-actions button{font-size:13px;white-space:normal}.builder-preview [role=status]{font-size:13px;min-height:20px;color:var(--muted)}.builder-more{padding-block:40px 60px}.builder-more a{color:var(--teal-dark)}@media(max-width:960px){.builder-layout{grid-template-columns:1fr}.builder-controls{padding:20px}.builder-preview{padding:16px}.builder-hero{padding-top:30px}.builder-actions button{flex:1 1 160px}}@media(prefers-reduced-motion:reduce){.activity-builder *{scroll-behavior:auto}}

/* Keep controls readable at tablet widths and narrow mobile viewports. */
.builder-controls{min-width:0}.builder-preview-bar{flex-wrap:wrap}.builder-preview-bar h2{margin-bottom:0}.builder-actions button,.builder-controls button{min-height:44px;max-width:100%;overflow-wrap:anywhere}.builder-answer-toggle{min-height:44px}.builder-answer-toggle input{flex-shrink:0}.builder-more p{overflow-wrap:anywhere}
@media(max-width:480px){.builder-controls{padding:16px}.builder-preview{padding:12px}.builder-actions{flex-direction:column}.builder-actions button{flex:auto;width:100%}.builder-badges{gap:6px}.builder-badges span{font-size:12px}.builder-hero .eyebrow{font-size:11px;letter-spacing:.08em}}