.builder-page{max-width:1440px;margin:0 auto;padding:0 32px}.builder-intro{max-width:760px;padding:48px 0 32px}.builder-intro h1{letter-spacing:-.035em;margin:0 0 16px;font:500 clamp(32px,4vw,56px)/1.1 Space Grotesk,sans-serif}.builder-intro p{margin:12px 0;line-height:1.6}.builder-notice{color:var(--muted);font-size:13px}.builder-workspace{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:32px;display:grid}.builder-controls{border-top:1px solid var(--line);min-width:0;padding-top:20px}.builder-workspace h2{margin:0 0 16px;font-size:18px;font-weight:600}.builder-samples,.builder-actions{flex-wrap:wrap;gap:8px;display:flex}.builder-page button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;min-height:40px;padding:9px 12px;font-size:13px}.builder-page button:hover:not(:disabled),.builder-page button[aria-pressed=true]{background:var(--soft);border-color:var(--text)}.builder-page button.builder-primary{background:var(--text);color:var(--page);border-color:var(--text)}.builder-page button:focus-visible,.builder-page a:focus-visible,.builder-page input:focus-visible,.builder-page textarea:focus-visible,.builder-page select:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.builder-controls fieldset{border:0;margin:28px 0;padding:0}.builder-controls legend{margin-bottom:12px;font-size:14px;font-weight:600}.builder-controls fieldset label{align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.builder-controls input{accent-color:var(--brand-accent);width:16px;height:16px}.builder-replace input{background:var(--surface);width:100%;min-width:0;height:34px;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:6px}.builder-sort>div{align-items:center;gap:6px;margin:8px 0;font-size:13px;display:flex}.builder-sort>div span{overflow-wrap:anywhere;flex:1}.builder-sort select{background:var(--surface);max-width:100%;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:6px}.builder-preview>.builder-actions{margin:0 0 16px}.builder-json-label{margin-bottom:12px;font-size:14px;font-weight:600;display:block}.builder-controls textarea{resize:vertical;background:var(--surface);width:100%;height:260px;color:var(--text);border:1px solid var(--line);caret-color:var(--brand-accent);border-radius:6px;padding:14px;font:12px/1.6 ui-monospace,monospace}.builder-actions{margin-top:14px}#builder-message{min-height:40px;color:var(--muted);margin:16px 0;font-size:13px;line-height:1.5}#builder-message.builder-error{color:var(--brand-accent)}.builder-preview{border-top:1px solid var(--line);min-width:0;padding-top:20px}.builder-preview-title{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.builder-preview-title span{color:var(--muted);font-variant-numeric:tabular-nums;font:12px ui-monospace,monospace}.builder-preview>p{color:var(--muted);font-size:13px;line-height:1.5}.builder-grid{border:1px solid var(--line);background:var(--surface);width:100%;height:520px}.builder-code{margin:32px 0}.builder-code pre{background:var(--surface);max-height:420px;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:18px;font:12px/1.6 ui-monospace,monospace;overflow:auto}.builder-page footer{border-top:1px solid var(--line);margin-top:48px;padding:24px 0;font-size:13px}.builder-page footer a,.builder-header nav a{text-underline-offset:4px;text-decoration:underline}@media (max-width:900px){.builder-page{padding:0 20px}.builder-workspace{grid-template-columns:280px minmax(0,1fr);gap:20px}.builder-header nav{gap:12px}}@media (max-width:680px){.builder-header{align-items:flex-start;gap:12px}.builder-header nav{flex-wrap:wrap;justify-content:flex-end;font-size:13px}.builder-workspace{grid-template-columns:1fr}.builder-preview{grid-row:1}.builder-grid{height:350px}.builder-intro{padding-top:32px}.builder-controls textarea{height:200px}}