.builder-page{background:#eef2f8}.builder-header{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:20}.builder-header>div{text-align:center;display:grid}.builder-header small{font-size:10px;color:var(--muted)}.builder-header>a:last-child{justify-self:end;font-weight:700;font-size:13px}.brand.dark{color:var(--navy)}.progress-line{height:4px;background:#dfe5ef;position:sticky;top:76px;z-index:20}.progress-line span{display:block;width:20%;height:100%;background:var(--accent);transition:.2s}.builder-shell{display:grid;grid-template-columns:240px minmax(460px,700px) minmax(330px,1fr);min-height:calc(100vh - 80px);max-width:1800px;margin:auto}.builder-steps{background:#fff;border-right:1px solid var(--line);padding:32px 18px}.step-button{border:0;background:none;width:100%;padding:13px 9px;border-radius:11px;display:flex;gap:11px;text-align:left;color:#7b8498}.step-button.active{background:#e7f9f4;color:var(--ink)}.step-button.done i{background:var(--accent)}.step-button i{font-style:normal;width:27px;height:27px;border-radius:50%;background:#edf0f5;display:grid;place-items:center;font-size:11px;font-weight:800}.step-button span{display:grid;gap:3px}.step-button small{font-size:9px}.question-panel{background:#fff;padding:42px 46px}.question-panel h1{font-size:30px;margin:6px 0}.intro{color:var(--muted);margin-bottom:28px}.form-step{display:none}.form-step.active{display:block}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields .wide{grid-column:1/-1}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 26px}.choices.three{grid-template-columns:repeat(3,1fr)}.choices.compact{grid-template-columns:130px 130px}.choices label,.services label{border:1px solid var(--line);border-radius:12px;padding:15px}.choices label:has(input:checked),.services label:has(input:checked){border-color:var(--accent);background:#f1fcf9}.toggles{display:grid;gap:11px}.toggles>label{border:1px solid var(--line);padding:16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.toggles span,.services span{display:grid}.toggles small,.services small{font-size:10px;color:var(--muted)}.conditional{display:none;background:#f5f8fc;border-left:3px solid var(--accent);padding:12px}.conditional.visible{display:block}.conditional label{margin:0}.services{display:grid;grid-template-columns:1fr 1fr;gap:12px}.services label{display:flex;gap:9px}.summary{border:1px solid var(--line);border-radius:12px;overflow:hidden}.summary div{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line)}.summary span{color:var(--muted)}.review{background:#fff5d9;padding:16px;border-radius:12px;margin:18px 0}.form-nav{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.form-nav>button:first-child{border:0;background:none;font-weight:800}.form-nav span{font-size:11px;color:var(--muted)}.preview-panel{background:#e3e8f0;padding:28px;position:sticky;top:80px;max-height:calc(100vh - 80px);overflow:auto}.preview-panel>button{display:none}.paper{background:#fff;padding:50px;min-height:820px;max-width:650px;margin:auto;box-shadow:0 8px 30px #17265022;font:13px/1.65 Georgia,serif}.paper>div{text-align:center;background:#fff4ce;color:#936700;font:800 9px system-ui;padding:4px}.paper h2{text-align:center}.paper>p:nth-of-type(1){text-align:center;font-size:11px}.paper h3{margin-top:24px}.paper mark{background:#dff8f1}.preview-fab{display:none}@media(max-width:1100px){.builder-shell{grid-template-columns:210px 1fr}.preview-panel{position:fixed;inset:0;z-index:50;max-height:none;transform:translateX(100%);transition:.2s}.preview-panel.open{transform:none}.preview-panel>button{display:block;margin-left:auto}.preview-fab{display:block;position:fixed;right:18px;bottom:18px;z-index:30;border:0;border-radius:24px;background:var(--navy);color:#fff;padding:12px 17px;font-weight:800}}@media(max-width:700px){.builder-header{grid-template-columns:1fr auto;padding:0 15px}.builder-header>div{display:none}.builder-steps{display:none}.builder-shell{display:block}.question-panel{padding:28px 17px 90px}.question-panel h1{font-size:25px}.fields,.choices,.choices.three,.services{grid-template-columns:1fr}.fields .wide{grid-column:auto}.form-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 15px;z-index:20}.form-nav span{display:none}.paper{padding:32px 22px;min-height:100%}}
