.site-header{min-height:56px}main{padding:20px 0 30px}.demo-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,1fr);align-items:center;gap:28px;margin-bottom:20px}.intro h1{font-size:clamp(24px,2.3vw,36px);line-height:1.16;margin:8px 0}.intro-copy{font-size:12px;margin:8px 0 0;max-width:540px}.eyebrow{font-size:9px}.view-switcher{display:grid;grid-template-columns:repeat(3,1fr);margin:0;width:100%;background:var(--surface)}.view-tab{min-height:64px;padding:12px 10px;gap:8px;color:var(--soft)}.view-tab strong{font-size:11px}.view-tab small{font-size:9px}.view-tab.is-active{background:var(--muted);color:var(--ink)}.tab-number{font-size:10px}.builder-shell{grid-template-columns:235px minmax(0,1fr)}.configuration{padding:20px 16px;background:var(--surface)}.configuration h2{font-size:19px;margin:6px 0}.section-copy{font-size:11px;margin:8px 0 18px}.field-group{margin-bottom:13px}.field-group label{font-size:11px}.field-group select{height:40px;background:var(--paper);color:var(--ink)}.selection-summary{padding:12px;margin:16px 0;background:var(--muted)}.primary-action{min-height:42px;font-size:11px}.quiet-note{font-size:10px}.workspace-header{min-height:56px;padding:12px 16px;background:var(--surface)}.workspace-header h2{font-size:15px}.workspace-grid{grid-template-columns:minmax(210px,1fr) minmax(270px,1.3fr) minmax(200px,.9fr);min-height:420px}.visual-stage{min-height:370px}.column-title{padding:12px;font-size:11px;background:var(--surface)}.transcript-column,.resources-column,.messages{background:var(--paper)}.message p{font-size:11px;background:var(--surface);color:var(--ink)}.message.is-caller p{background:var(--plum);color:#fff}.resource-item strong{font-size:11px}.resource-item p,.resource-note{font-size:10px}.call-controls{min-height:54px;background:var(--surface)}.preview-note{font-size:11px;color:var(--soft);padding:12px;margin:0}.customer-toolbar{padding:16px 20px;gap:16px}.customer-toolbar h2{font-size:20px}.customer-toolbar p{font-size:12px}.sample-link-row{background:var(--muted)}.browser-frame{margin:12px}.embed-wrap,.embed-wrap iframe{min-height:640px}.preview-disclaimer{font-size:11px;margin:12px}.copy-action,.open-action{min-height:40px;font-size:11px}#dashboard-frame{display:block;border:0;width:100%;height:720px;background:var(--paper)}footer{padding:16px 0;font-size:10px}.ready-pill{color:var(--green);background:var(--surface)}
@media(max-width:1150px){.demo-heading{grid-template-columns:1fr}.workspace-grid{grid-template-columns:minmax(170px,1fr) minmax(240px,1.3fr)}.resources-column{grid-column:1/-1}.visual-stage{min-height:370px}}
@media(max-width:760px){.builder-shell,.workspace-grid{grid-template-columns:1fr}.configuration{border-bottom:1px solid var(--line)}.transcript-column{min-height:250px}.resources-column{grid-column:auto}.demo-heading{gap:14px}.view-tab{min-height:60px;padding:8px}.tab-number,.view-tab small{display:none}.site-header,main,footer{width:calc(100% - 24px)}.customer-toolbar{align-items:flex-start}.customer-actions{width:auto}.intro h1{font-size:25px}.view-switcher{grid-template-columns:repeat(3,1fr)}}
/* Keep the brand, heading and view tabs stationary; only the selected view scrolls. */
html,body{height:100%;overflow:hidden}body{display:flex;flex-direction:column;height:100dvh}.site-header{flex:none;background:var(--paper);z-index:10}main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:14px 0 0}.demo-heading{flex:none;margin-bottom:14px}.view-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.view-panel[hidden]{display:none}footer{flex:none;padding:10px 0}.customer-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.refresh-option{display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer}.refresh-option input{width:16px;height:16px;accent-color:var(--accent)}.view-tab,.copy-action,.primary-action{transition:background-color .16s,color .16s,border-color .16s}.view-tab:focus-visible,.copy-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:760px){main{padding-top:8px}.demo-heading{gap:8px;margin-bottom:10px}.intro h1{font-size:22px;margin:4px 0}.intro-copy{margin:4px 0}.site-header{min-height:48px}.view-tab{min-height:44px}footer{display:none}}