.onboarding-preview{container-type:inline-size}
.setup-preview-tools{padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--surface);font-size:12px}
.specimen .setup-preview-tools select{width:auto;min-width:160px;margin:0;font-size:12px}
.setup-preview-tools small{margin-left:auto}
.setup-shell{min-height:780px}.setup-canvas{min-width:0;flex:1;background:var(--bg)}
.setup-context{min-height:54px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.setup-context>span>span{padding:0 8px}.setup-context [data-child-toggle]{display:none}
.setup-page{max-width:850px;padding:32px;margin:0 auto}.setup-heading{margin-bottom:28px}
.specimen .setup-eyebrow{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.setup-heading>p:last-child{margin-top:8px;max-width:560px;line-height:22px}
.setup-checklist{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.light .setup-checklist{border-radius:16px}
.setup-progress{padding:24px 24px 12px}.setup-progress>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.setup-progress h2{font-size:14px;font-weight:500;overflow-wrap:anywhere}.setup-progress span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.setup-progress progress{display:block;width:100%;height:6px;margin-top:16px;border:none;border-radius:99px;background:var(--hover);appearance:none;overflow:hidden}
.setup-progress progress::-webkit-progress-bar{background:var(--hover)}.setup-progress progress::-webkit-progress-value{background:var(--success);border-radius:99px}.setup-progress progress::-moz-progress-bar{background:var(--success)}
.setup-step{display:flex;gap:16px;margin:0 12px;padding:20px 12px}.setup-step+.setup-step{border-top:1px solid var(--line)}
.setup-step.is-current{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:8px 12px;padding:20px 12px}.setup-step.is-current+.setup-step{border-top:0}
.setup-step-number{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:13px;color:var(--muted)}
.is-current .setup-step-number{color:var(--info);border-color:color-mix(in srgb,var(--info) 25%,transparent);background:color-mix(in srgb,var(--info) 10%,transparent)}
.is-complete .setup-step-number{color:var(--success);border-color:transparent;background:color-mix(in srgb,var(--success) 12%,transparent)}
.setup-step-content{flex:1;min-width:0}.setup-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.setup-next-label{color:var(--info);font-size:11px;white-space:nowrap}
.specimen .setup-step-description{line-height:22px;margin:4px 0 20px;max-width:490px}.specimen .setup-summary{font-size:12px;line-height:18px;color:var(--muted);overflow-wrap:anywhere;margin-top:2px}
.setup-fields{display:grid;gap:16px;max-width:440px}.setup-fields label,.setup-channel,[data-source-preview]>label{display:grid;gap:8px;font-size:13px;font-weight:500}
.setup-fields input,.setup-fields select,.setup-channel select,[data-source-preview] input{margin:0;width:100%;min-width:0}
.setup-action{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.setup-action .icon{width:14px;height:14px}.setup-action small{font-size:12px}.setup-source-note{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted)}
.setup-source-note .icon{flex-shrink:0}.setup-reassurance{display:flex;align-items:flex-start;justify-content:center;gap:8px;font-size:12px!important;color:var(--muted)!important;margin:20px 0 32px;line-height:18px}.setup-reassurance .icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}
.setup-resources{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.setup-resources a{display:flex;align-items:flex-start;gap:10px;text-decoration:none}.setup-resources a>.icon{flex-shrink:0;color:var(--muted)}.setup-resources a>.icon:last-child{margin-left:auto;width:14px}.setup-resources strong{display:block;font-size:12px;font-weight:500}.setup-resources small{display:block;margin-top:4px;font-size:11px}.setup-resources a:hover strong{text-decoration:underline}
.setup-nav-note{font-size:12px;color:var(--muted);padding:16px 12px}.setup-shell .restored-inner-nav>a{display:flex;gap:10px;padding:9px 12px;font-size:14px;text-decoration:none;border-radius:8px}.setup-shell .restored-inner-nav>a[aria-current]{background:var(--hover);color:var(--ink)}
.setup-example{border:1px solid var(--line);border-radius:8px;padding:16px;margin:16px 0;background:var(--surface)}.setup-example small{font-size:10px;letter-spacing:.04em}.setup-example p{margin-top:8px;line-height:22px}.setup-citation{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin-top:12px}.setup-example-note{font-size:12px;color:var(--muted);margin:8px 0 16px}.setup-channel{max-width:280px}.setup-channel-copy{font-size:12px;margin-top:10px}.setup-finish{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.setup-finish a{font-size:13px;display:flex;align-items:center;gap:8px}
.onboarding-preview [hidden]{display:none!important}
@container(max-width:850px){.setup-shell .restored-inner-nav{display:none}.setup-shell.children-open .restored-inner-nav{display:flex}.setup-context [data-child-toggle]{display:inline-flex}.setup-page{padding:24px}.setup-preview-tools small{width:100%;margin:0}.setup-shell{min-height:740px}}
@container(max-width:480px){.setup-page{padding:20px 14px}.setup-heading{margin-bottom:20px}.setup-context{padding:10px 14px;flex-wrap:wrap}.setup-context>span:not(.pill){display:none}.setup-progress{padding:18px 16px 10px}.setup-progress>div{align-items:flex-start}.setup-step{gap:10px;margin:0 6px;padding:16px 10px}.setup-step.is-current{padding:16px 10px;margin:6px}.setup-step-number{width:26px;height:26px}.setup-step-heading{flex-wrap:wrap;gap:4px}.setup-step-heading .pill{font-size:10px}.setup-next-label{display:none}.setup-action{align-items:stretch;flex-direction:column}.setup-action button{justify-content:center}.setup-resources{grid-template-columns:1fr;gap:20px}.setup-reassurance{justify-content:flex-start}.setup-shell.children-open .setup-canvas{display:none}.setup-shell.children-open .restored-inner-nav{width:100%;min-height:600px}.setup-finish{flex-direction:column;align-items:flex-start}}
@container(max-width:850px){.setup-shell{grid-template-columns:minmax(0,1fr)}.setup-context [data-child-toggle]{margin:0}.setup-shell.children-open .restored-inner-nav{position:absolute;inset:0 auto 0 0;width:230px;z-index:3;background:var(--bg)}}
.specimen [data-setup-nav-close]{display:none}
@container(max-width:850px){.specimen .children-open [data-setup-nav-close]{display:flex}}
.setup-back{display:inline-flex;margin-bottom:20px;font-size:12px;text-decoration:none;color:var(--muted)}.setup-back:hover,.setup-cancel:hover{text-decoration:underline}.setup-cancel{font-size:13px;text-decoration:none;color:var(--body);padding:8px}