.demo-pilot{--work-radius:8px;--control-radius:6px;--work-gap:24px}.demo-pilot .demo-main{width:100%;max-width:1280px;margin:auto;padding:32px 24px 48px}.demo-pilot .demo-page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.demo-pilot .demo-back{min-height:44px;color:var(--muted);align-items:center;font-size:13px;display:inline-flex}.demo-pilot h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3vw,32px);font-weight:650;line-height:1.2}.demo-pilot .demo-page-header p{color:var(--muted);margin-top:8px;font-size:14px}.demo-pilot .demo-page-header nav{flex-wrap:wrap;gap:8px;display:flex}.demo-pilot .demo-page-header nav a{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);align-items:center;min-height:44px;padding:8px 12px;font-size:13px;display:inline-flex}.demo-pilot .demo-workspace{gap:var(--work-gap);grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}.demo-pilot .demo-source{border:1px solid var(--border);border-radius:var(--work-radius);background:var(--surface);min-width:0}.demo-pilot .demo-source-block{padding:20px}.demo-pilot .demo-source-block+.demo-source-block{border-top:1px solid var(--border)}.demo-pilot .demo-source h2{font-size:14px;font-weight:650}.demo-pilot .demo-source blockquote{letter-spacing:-.02em;margin:16px 0;font-size:20px;font-weight:550;line-height:1.4}.demo-pilot .demo-source p{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.demo-pilot .demo-source label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.demo-pilot .demo-source textarea{resize:vertical;border:1px solid var(--input);border-radius:var(--control-radius);background:var(--surface);width:100%;min-height:100px;padding:12px;font-size:16px;line-height:1.5;display:block}.demo-pilot .demo-source textarea+p{margin-top:8px}.demo-pilot .demo-source button{border:1px solid var(--border);border-radius:var(--control-radius);cursor:pointer;min-height:44px;margin-top:16px;padding:8px 12px;font-size:13px}.demo-pilot .demo-source-note p{margin-top:8px}.demo-pilot .demo-source-note summary{cursor:pointer;align-content:center;font-size:14px;font-weight:600}.demo-pilot .demo-source-note a{min-height:44px;color:var(--accent);align-items:center;margin-top:8px;font-size:13px;font-weight:550;display:inline-flex}.demo-pilot .demo-preview{min-width:0}.demo-pilot .page-workbench{border-radius:var(--work-radius);box-shadow:none;margin-bottom:0}.demo-pilot .workbench-header{gap:16px;padding:16px 20px}.demo-pilot .workbench-header h2{font-size:18px}.demo-pilot .workbench-header p{max-width:48ch;font-size:13px;line-height:1.5}.demo-pilot .workbench-toolbar{padding:12px 20px}.demo-pilot .workbench-canvas{padding:16px}.demo-pilot .workbench-canvas iframe{border-radius:var(--control-radius)}.demo-pilot .workbench-review-summary{font-variant-numeric:tabular-nums;border-radius:4px}.demo-pilot .workbench-review li{border-radius:var(--control-radius)}.demo-pilot button,.demo-pilot summary{touch-action:manipulation}.demo-pilot main button,.demo-pilot main summary{min-height:44px}.demo-pilot main button{cursor:pointer}.demo-pilot main button:hover,.demo-pilot .demo-page-header nav a:hover{border-color:var(--accent)}.demo-pilot main :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-pilot .demo-secondary{border:1px solid var(--border);border-radius:var(--work-radius);background:var(--surface);margin-top:24px}.demo-pilot .demo-secondary>summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600}.demo-pilot .demo-secondary>summary span{color:var(--muted);margin-top:4px;padding-left:18px;font-size:13px;font-weight:400;line-height:1.5;display:block}.demo-pilot .demo-secondary-body{border-top:1px solid var(--border);padding:20px}.demo-pilot .demo-secondary-body>h2{margin-bottom:16px;font-size:20px;font-weight:600}.demo-pilot .demo-secondary-body section{border-radius:var(--work-radius)}.demo-pilot .demo-secondary-body button{border-radius:var(--control-radius);padding:8px 12px}.demo-pilot .demo-next{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;padding:24px 0;display:flex}.demo-pilot .demo-next h2{flex-basis:100%}.demo-pilot .demo-next p{max-width:64ch;color:var(--muted);margin:0}.demo-pilot .demo-next a{background:var(--accent);color:#fff;border-radius:var(--control-radius);margin:0}@media (max-width:959px){.demo-pilot .demo-workspace{grid-template-columns:minmax(0,1fr)}.demo-pilot .demo-source{grid-template-columns:1fr 1fr;display:grid}.demo-pilot .demo-source-block+.demo-source-block{border-top:0;border-left:1px solid var(--border)}.demo-pilot .demo-source-note{grid-column:1/-1;border-top:1px solid var(--border)!important;border-left:0!important}}@media (max-width:599px){.demo-pilot .demo-main{padding:16px 16px 32px}.demo-pilot .demo-page-header{gap:16px}.demo-pilot .demo-source{display:block}.demo-pilot .demo-source-block+.demo-source-block{border-top:1px solid var(--border);border-left:0}.demo-pilot .demo-source-block,.demo-pilot .workbench-header,.demo-pilot .workbench-toolbar,.demo-pilot .workbench-review{padding:16px}.demo-pilot .workbench-canvas{padding:8px}.demo-pilot .demo-secondary-body{padding:16px}}