:where(.legacy-demo-surface) .demo-explorer{gap:var(--space-6);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-picker:not([hidden]){gap:var(--space-5);display:grid}:where(.legacy-demo-surface) .demo-back-picker{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:.5rem 0;font-size:.88rem}:where(.legacy-demo-surface) :is(button,summary,input,[tabindex="0"]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}:where(.legacy-demo-surface) .demo-controls{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}:where(.legacy-demo-surface) .demo-search{flex:260px}:where(.legacy-demo-surface) .demo-search input{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:.6rem .9rem}:where(.legacy-demo-surface) .demo-search input:focus-visible,:where(.legacy-demo-surface) .demo-toggle input:focus-visible{box-shadow:var(--focus);outline:none}:where(.legacy-demo-surface) .demo-toggle{align-items:center;gap:var(--space-2);color:var(--text-soft);cursor:pointer;font-size:.88rem;display:inline-flex}:where(.legacy-demo-surface) .demo-note-inline{color:var(--text-muted);font-size:.82rem}:where(.legacy-demo-surface) .demo-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));margin:0;padding:0;list-style:none;display:grid}:where(.legacy-demo-surface) .demo-card{gap:var(--space-2);text-align:left;width:100%;height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--motion-fast), transform var(--motion-fast);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}:where(.legacy-demo-surface) .demo-card:focus-visible{box-shadow:var(--focus);outline:none}:where(.legacy-demo-surface) .demo-card.is-selected{border-color:var(--primary)}:where(.legacy-demo-surface) .demo-card__top{align-items:center;gap:var(--space-2);display:flex}:where(.legacy-demo-surface) .demo-card__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.96rem;font-weight:650;overflow:hidden}:where(.legacy-demo-surface) .demo-card__state{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted);flex:none;padding:.12rem .4rem;font-size:.62rem}:where(.legacy-demo-surface) .demo-card__state.is-ready{color:var(--success-text);background:var(--success-soft);border-color:var(--success-border)}:where(.legacy-demo-surface) .demo-card__desc{color:var(--text-soft);font-size:.84rem;line-height:1.5}:where(.legacy-demo-surface) .demo-card__meta{gap:var(--space-2);font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;margin-top:auto;font-size:.68rem;display:flex}:where(.legacy-demo-surface) .demo-empty{color:var(--text-muted);font-size:.9rem}:where(.legacy-demo-surface) .demo-result{width:100%;min-width:0;max-width:52rem;margin-inline:auto;scroll-margin-top:6rem}:where(.legacy-demo-surface) .demo-result:focus{outline:none}:where(.legacy-demo-surface) .demo-result:empty{display:none}:where(.legacy-demo-surface) .demo-loading,:where(.legacy-demo-surface) .demo-failed{align-items:flex-start;gap:var(--space-2);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-loading strong,:where(.legacy-demo-surface) .demo-failed strong{font-size:1.02rem}:where(.legacy-demo-surface) .demo-loading span,:where(.legacy-demo-surface) .demo-failed p{color:var(--text-soft);margin:0;font-size:.88rem}:where(.legacy-demo-surface) .demo-failed{border-color:var(--primary-border)}:where(.legacy-demo-surface) .demo-player{gap:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;min-width:0;padding:clamp(1rem,4vw,2rem);display:flex}:where(.legacy-demo-surface) .demo-player__head{gap:var(--space-2);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-player__product{color:var(--text-soft);font-size:.82rem;font-weight:600}:where(.legacy-demo-surface) .demo-player__head h2{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.2}:where(.legacy-demo-surface) .demo-premise{color:var(--text-soft);max-width:62ch;margin:0}:where(.legacy-demo-surface) .demo-disclosure{color:var(--text-soft);margin:0;font-size:.78rem;line-height:1.5}:where(.legacy-demo-surface) .demo-steps{gap:var(--space-2);flex-wrap:wrap;display:flex}:where(.legacy-demo-surface) .demo-step{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-soft);font:inherit;cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;min-height:42px;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}:where(.legacy-demo-surface) .demo-step:focus-visible,:where(.legacy-demo-surface) .demo-chip:focus-visible,:where(.legacy-demo-surface) .demo-stage:focus-visible,:where(.legacy-demo-surface) .demo-btn:focus-visible{box-shadow:var(--focus);outline:none}:where(.legacy-demo-surface) .demo-step.is-active{border-color:var(--primary);color:var(--text);background:var(--primary-soft)}:where(.legacy-demo-surface) .demo-stage-body{gap:var(--space-4);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}:where(.legacy-demo-surface) .demo-narration{max-width:64ch;margin:0;font-size:1rem;line-height:1.6}:where(.legacy-demo-surface) .demo-btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:.45rem .95rem;font-size:.86rem}:where(.legacy-demo-surface) .demo-btn:disabled{opacity:.45;cursor:not-allowed}:where(.legacy-demo-surface) .demo-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}:where(.legacy-demo-surface) :is(.demo-evidence,.demo-explanation){border-top:1px solid var(--border);padding-top:var(--space-3)}:where(.legacy-demo-surface) :is(.demo-evidence,.demo-explanation) summary{cursor:pointer;color:var(--text-soft);padding-block:.4rem;font-size:.84rem}:where(.legacy-demo-surface) :is(.demo-evidence,.demo-explanation) p{margin-top:var(--space-3);font-size:.88rem;line-height:1.6}:where(.legacy-demo-surface) .demo-provenance-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;font-size:.84rem;display:flex}:where(.legacy-demo-surface) .demo-provenance-actions a{color:var(--primary)}:where(.legacy-demo-surface) .demo-evidence ul{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding-left:1.1rem;font-size:.83rem;display:flex}:where(.legacy-demo-surface) .demo-evidence a{word-break:break-all;color:var(--primary);display:block}:where(.legacy-demo-surface) .demo-provenance{color:var(--text-muted);margin:0;font-size:.79rem}:where(.legacy-demo-surface) .demo-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.64rem;display:block}:where(.legacy-demo-surface) .demo-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;min-height:42px;padding:.35rem .7rem;font-size:.8rem}:where(.legacy-demo-surface) .demo-chip.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}:where(.legacy-demo-surface) .demo-datum{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:inline-flex}:where(.legacy-demo-surface) .demo-datum__value{font-weight:600}:where(.legacy-demo-surface) .demo-datum__label{color:var(--text-muted);font-size:.74rem}:where(.legacy-demo-surface) .demo-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:3px;padding:.05rem .3rem;font-size:.6rem}:where(.legacy-demo-surface) .demo-tag--example{border-style:dashed}:where(.legacy-demo-surface) .demo-tag--source{color:var(--primary);border-color:var(--primary-border);text-decoration:none}:where(.legacy-demo-surface) .demo-split{gap:var(--space-3);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-split__input code{font-family:var(--font-mono);background:var(--surface-soft);border-radius:var(--radius-sm);word-break:break-word;padding:.35rem .6rem;font-size:.85rem;display:inline-block}:where(.legacy-demo-surface) .demo-split__panes{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}:where(.legacy-demo-surface) .demo-pane{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-soft)}:where(.legacy-demo-surface) .demo-pane--right{border-color:var(--primary-border);background:var(--primary-soft)}:where(.legacy-demo-surface) .demo-pane h4{margin:0 0 var(--space-2);font-size:.9rem}:where(.legacy-demo-surface) .demo-pane p{color:var(--text-soft);margin:0;font-size:.87rem;line-height:1.55}:where(.legacy-demo-surface) .demo-takeaway{border-left:3px solid var(--primary);padding-left:var(--space-3);margin:0;font-size:.95rem}:where(.legacy-demo-surface) .demo-query{gap:var(--space-3);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-query__presets{gap:var(--space-2);flex-wrap:wrap;display:flex}:where(.legacy-demo-surface) .demo-query__panel{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-soft)}:where(.legacy-demo-surface) .demo-query__panel p{white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}:where(.legacy-demo-surface) .demo-pipeline{gap:var(--space-3);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-pipeline__stages{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}:where(.legacy-demo-surface) .demo-stage{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font:inherit;cursor:pointer;padding:.4rem .7rem;font-size:.82rem;display:inline-flex}:where(.legacy-demo-surface) .demo-stage.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}:where(.legacy-demo-surface) .demo-stage__n{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}:where(.legacy-demo-surface) .demo-pipeline__detail{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-soft);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}:where(.legacy-demo-surface) .demo-pipeline__detail p{margin:0;font-size:.87rem;line-height:1.55}:where(.legacy-demo-surface) .demo-matrix{overflow-x:auto}:where(.legacy-demo-surface) .demo-matrix table{border-collapse:collapse;width:100%;min-width:460px;font-size:.86rem}:where(.legacy-demo-surface) .demo-matrix th,:where(.legacy-demo-surface) .demo-matrix td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .7rem}:where(.legacy-demo-surface) .demo-matrix thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}:where(.legacy-demo-surface) .demo-matrix .is-subject{background:var(--primary-soft)}:where(.legacy-demo-surface) .demo-matrix tbody th{color:var(--text-soft);font-weight:600}:where(.legacy-demo-surface) .demo-branch{gap:var(--space-3);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-branch__picks{gap:var(--space-2);flex-wrap:wrap;display:flex}:where(.legacy-demo-surface) .demo-branch__card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-soft);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}:where(.legacy-demo-surface) .demo-branch__card p{margin:0;font-size:.88rem;line-height:1.55}:where(.legacy-demo-surface) .demo-hotspot{gap:var(--space-3);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-hotspot__frame{border-radius:var(--radius-sm);border:1px solid var(--border);position:relative;overflow:hidden}:where(.legacy-demo-surface) .demo-hotspot__frame img{width:100%;height:auto;display:block}:where(.legacy-demo-surface) .demo-pin{border:2px solid var(--surface);background:var(--primary);color:#fff;width:26px;height:26px;font-family:var(--font-mono);cursor:pointer;border-radius:50%;place-items:center;font-size:.7rem;display:grid;position:absolute;transform:translate(-50%,-50%)}:where(.legacy-demo-surface) .demo-pin.is-active{outline:3px solid var(--primary-border)}:where(.legacy-demo-surface) .demo-pin--inline{flex:none;width:20px;height:20px;font-size:.62rem;position:static;transform:none}:where(.legacy-demo-surface) .demo-hotspot__notes{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}:where(.legacy-demo-surface) .demo-hotspot__note{margin:0;font-size:.9rem;line-height:1.6}:where(.legacy-demo-surface) .demo-dial{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-soft);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-dial__control{gap:var(--space-2);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-dial__control input[type=range]{width:100%;accent-color:var(--primary)}:where(.legacy-demo-surface) .demo-dial__control output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.86rem}:where(.legacy-demo-surface) .demo-dial__track{border-radius:var(--radius-pill);background:var(--bg-elevated);height:6px;overflow:hidden}:where(.legacy-demo-surface) .demo-dial__track span{background:var(--primary);height:100%;display:block}:where(.legacy-demo-surface) .demo-dial__note,:where(.legacy-demo-surface) .demo-dial__caveat{color:var(--text-soft);margin:0;font-size:.84rem;line-height:1.55}:where(.legacy-demo-surface) .demo-dial__caveat{color:var(--text-muted);font-size:.76rem}:where(.legacy-demo-surface) .demo-dial__outputs{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}:where(.legacy-demo-surface) .demo-transcript{gap:var(--space-3);flex-direction:column;display:flex}:where(.legacy-demo-surface) .demo-transcript ol{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}:where(.legacy-demo-surface) .demo-turn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);max-width:46rem}:where(.legacy-demo-surface) .demo-turn--user{background:var(--surface-soft);border:1px solid var(--border)}:where(.legacy-demo-surface) .demo-turn--product{background:var(--primary-soft);border:1px solid var(--primary-border);align-self:flex-start}:where(.legacy-demo-surface) .demo-turn__who{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.62rem;display:block}:where(.legacy-demo-surface) .demo-turn p{margin:0;font-size:.89rem;line-height:1.55}:where(.legacy-demo-surface) .demo-more{border-radius:var(--radius-pill);border:1px dashed var(--border);color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;align-self:flex-start;padding:.35rem .8rem;font-size:.82rem}:where(.legacy-demo-surface) .demo-entry{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);flex-wrap:wrap;display:flex}:where(.legacy-demo-surface) .demo-entry p{color:var(--text-soft);flex:260px;margin:0;font-size:.88rem}@media (prefers-reduced-motion:reduce){:where(.legacy-demo-surface) .demo-card{transition:none}}@media (max-width:600px){:where(.legacy-demo-surface) .demo-player{gap:var(--space-4)}:where(.legacy-demo-surface) :is(.demo-step,.demo-chip,.demo-btn,.demo-stage,.demo-more){min-height:44px}}