.demo-shell{border:1px solid var(--c-line-strong);border-radius:var(--radius-lg);background:var(--c-bg);box-shadow:var(--shadow-md);overflow:hidden}.demo-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--c-ink);color:#dbe3ee;font-size:var(--fs-400);font-weight:600}.demo-head .dot{width:10px;height:10px;border-radius:50%;background:#46d39a;flex:none}.demo-body{padding:var(--space-5);display:grid;gap:var(--space-4)}@media(min-width:760px){.demo-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}}.demo-field{display:grid;gap:var(--space-2)}.demo-field>label{font-weight:600;font-size:var(--fs-400);color:var(--c-ink-soft)}.demo-field .hint{font-size:var(--fs-300);color:var(--c-muted)}.demo-input,.demo-textarea,.demo-select{width:100%;font:inherit;font-size:var(--fs-400);color:var(--c-ink);background:var(--c-bg);border:1.5px solid var(--c-line-strong);border-radius:var(--radius);padding:.7em .85em}.demo-textarea{min-height:120px;resize:vertical;line-height:1.5}.demo-input:focus,.demo-textarea:focus,.demo-select:focus{border-color:var(--c-brand);box-shadow:var(--ring);outline:none}.demo-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{font-size:var(--fs-400);font-weight:600;padding:.45em .9em;border-radius:var(--radius-pill);border:1.5px solid var(--c-line-strong);background:var(--c-bg);color:var(--c-ink-soft);cursor:pointer}.pill[aria-pressed=true],.pill.active{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.examples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.example-chip{font-size:var(--fs-300);font-weight:600;padding:.35em .75em;border-radius:var(--radius-pill);border:1px dashed var(--c-line-strong);background:var(--c-bg-soft);color:var(--c-brand-ink);cursor:pointer}.example-chip:hover{background:var(--c-brand-soft);border-style:solid}.demo-output{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg-soft);padding:var(--space-4);min-height:80px}.demo-output[hidden]{display:none}.demo-output h4{margin:0 0 var(--space-2);font-size:var(--fs-400);color:var(--c-brand-ink)}.chat{display:grid;gap:var(--space-3);padding:var(--space-3)}.bubble{max-width:85%;padding:.7em .95em;border-radius:14px;font-size:var(--fs-400);line-height:1.5;white-space:pre-wrap}.bubble.in{background:var(--c-bg-tint);color:var(--c-ink);border-bottom-left-radius:4px;justify-self:start}.bubble.out{background:var(--c-brand);color:#fff;border-bottom-right-radius:4px;justify-self:end}.bubble .meta{display:block;font-size:var(--fs-300);opacity:.75;margin-bottom:.2em}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--c-line);margin-bottom:var(--space-3);flex-wrap:wrap}.tab{border:none;background:none;cursor:pointer;font:inherit;font-weight:600;font-size:var(--fs-400);padding:.5em .85em;color:var(--c-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab[aria-selected=true]{color:var(--c-brand-ink);border-bottom-color:var(--c-brand)}.tabpanel[hidden]{display:none}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.kpi{border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--space-3);background:var(--c-bg);text-align:center}.kpi .num{font-size:var(--fs-700);font-weight:800;color:var(--c-brand);line-height:1}.kpi .lbl{font-size:var(--fs-300);color:var(--c-muted);margin-top:.3em}.result-box{position:relative;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--space-4);white-space:pre-wrap;font-size:var(--fs-400);line-height:1.55}.copy-btn{font-size:var(--fs-300);font-weight:600;padding:.35em .7em;border-radius:var(--radius-pill);border:1px solid var(--c-line-strong);background:var(--c-bg);cursor:pointer;color:var(--c-brand-ink)}.copy-btn:hover{background:var(--c-brand-soft)}.data-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.data-chip{font-size:var(--fs-300);background:var(--c-bg-tint);border:1px solid var(--c-line);border-radius:var(--radius-pill);padding:.3em .7em}.data-chip strong{color:var(--c-ink)}.data-chip.missing{background:#fdeee9;border-color:#f1c9bb;color:var(--c-accent-ink)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.4em 1rem;font-size:var(--fs-400)}.kv dt{color:var(--c-muted)}.kv dd{margin:0;font-weight:600}.demo-foot{font-size:var(--fs-300);color:var(--c-muted);padding-top:var(--space-2)}.spin{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}