:root{--demo-surface:var(--ts-semantic-color-surface-base-default,#fff);--demo-text:var(--ts-semantic-color-text-base-default,#0b253b);--demo-muted:var(--ts-semantic-color-text-neutral-default,#707070);--demo-border:var(--ts-semantic-color-border-base-default,#d1d1d1);--demo-primary:var(--ts-semantic-color-text-primary-default,#0046ad)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--demo-surface);color:var(--demo-text);font-family:'TUV SUD Pro',Arial,sans-serif;line-height:1.55}a{color:var(--demo-primary);text-underline-offset:4px}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h2{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em;margin-bottom:1rem}h3{font-size:1.2rem;margin-bottom:1rem}code,pre{font-family:'JetBrains Mono',monospace;font-size:.78rem}code{overflow-wrap:anywhere}pre{overflow:auto;margin:0;padding:1.25rem;background:color-mix(in srgb,var(--demo-text) 4%,var(--demo-surface));line-height:1.75;max-width:100%}pre code{white-space:pre;overflow-wrap:normal}.demo-wrap{max-width:1480px;padding-inline:3.5rem;margin-inline:auto}.demo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 3.5rem;background:var(--demo-surface);border-bottom:1px solid var(--demo-border)}.demo-brand{display:flex;gap:.85rem;align-items:center;color:var(--demo-text);text-decoration:none;font-weight:700;line-height:1.2}.demo-brand-mark{display:grid;place-items:center;text-align:center;width:3.1rem;height:3.1rem;background:#0046ad;color:#fff;font-size:.85rem;line-height:1}.demo-brand-sub{display:block;color:var(--demo-muted);font-size:.72rem;font-weight:400;margin-top:.25rem}.demo-header nav{display:flex;gap:2rem;margin-left:auto}.demo-header nav a{color:var(--demo-text);font-size:.85rem;text-decoration:none}.demo-header nav a:hover{color:var(--demo-primary)}.demo-header ts-switch{font-size:.82rem}.demo-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:5rem;align-items:center;padding-block:4.5rem}.demo-eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.12em;color:var(--demo-primary);margin-bottom:1rem}.demo-hero h1{font-size:clamp(3rem,5.5vw,5.35rem);font-weight:700;letter-spacing:-.055em;margin-bottom:1.5rem}.demo-hero-description{font-size:1.05rem;color:var(--demo-muted);margin-bottom:1.5rem}.demo-inline{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.demo-facts{display:flex;gap:2rem;font-size:.7rem;margin-top:2.5rem;color:var(--demo-muted)}.demo-facts strong{display:block;color:var(--demo-text);font-size:1.45rem}.demo-hero-preview{padding:1.8rem;background:#edf4ff;border:1px solid #dce7f8;border-radius:.3rem;color:#0b253b}.demo-preview-label{display:flex;justify-content:space-between;font-size:.6rem;font-weight:700;letter-spacing:.12em;color:#0046ad;margin-bottom:1.25rem}.demo-preview-label span{color:#66778b;font-weight:400}.demo-hero-preview ts-card{width:100%}.demo-hero-preview ts-input{margin-bottom:1.2rem}.demo-preview-title{font-size:1rem}.demo-preview-caption{font-size:.68rem;color:#576b80;margin:1rem 0 0;text-align:center}.demo-rule{border-top:1px solid var(--demo-border)}.demo-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:3rem}.demo-index{position:sticky;top:7rem;align-self:start;padding-top:3.5rem;font-size:.78rem}.demo-index a{display:block;color:var(--demo-text);padding-block:.45rem;text-decoration:none}.demo-index .demo-index-category{padding-left:1rem;font-size:.7rem;color:var(--demo-muted)}.demo-index-note{color:var(--demo-muted);font-size:.7rem;margin-top:1.75rem}.demo-main-column{min-width:0}.demo-section{padding-block:3.5rem;border-bottom:1px solid var(--demo-border)}.demo-muted{color:var(--demo-muted);font-size:.87rem}.demo-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-block:1.75rem}.demo-doc-grid>div{min-width:0}.demo-contracts{font-size:.8rem;margin:0}.demo-contracts dt{font-weight:700;margin-top:.7rem}.demo-contracts dd{color:var(--demo-muted);margin:.2rem 0 .5rem}.demo-code{min-width:0;max-width:100%;overflow:hidden;border-top:1px solid var(--demo-border);margin-top:1rem}.demo-code summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;padding:1rem;font-size:.74rem;font-weight:700}.demo-code summary::before{content:'+';font-size:1rem;color:var(--demo-primary)}.demo-code[open] summary::before{content:'\2212'}.demo-code summary span{margin-left:auto;font-size:.62rem;font-weight:400;color:var(--demo-muted)}.demo-workflow-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-block:1.5rem}.demo-editor-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;padding:1.8rem;border:1px solid var(--demo-border);border-radius:.25rem}.demo-editor-panel h2{font-size:1.35rem;letter-spacing:-.02em}.demo-editor-panel ts-alert{margin-bottom:1rem}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.demo-workflow-guide{padding-left:1.5rem;border-left:1px solid var(--demo-border);min-width:0}.demo-workflow-guide h3{margin-top:1.5rem}.demo-workflow-guide ol{padding-left:1.25rem;font-size:.85rem;color:var(--demo-muted)}.demo-workflow-guide li{margin-bottom:.85rem}.demo-pill{display:inline-block;padding:.2rem .65rem;border:1px solid var(--demo-border);font-size:.6rem;font-weight:700;letter-spacing:.1em;border-radius:1rem}.demo-table-panel{margin-top:2rem;min-width:0}.demo-filters{display:flex;gap:1rem;align-items:end;margin-bottom:1.5rem;flex-wrap:wrap}.demo-filters ts-select{flex:1;min-width:160px}.demo-row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.demo-group-scroll{min-width:0;max-width:100%;overflow-x:auto;padding:.25rem}.demo-group-scroll>ts-button-group{width:max-content;max-width:none}.demo-group-scroll>ts-radio-group{min-width:max-content}#record-dialog{--width:650px}#record-dialog h2{font-size:1.3rem}#dialog-editor.htmx-request{opacity:.5}.demo-load-status{margin-top:1rem;font-size:.72rem}.demo-js-label{margin:1rem 1rem .5rem;font-size:.75rem}.demo-protocol{font-size:.7rem;margin-top:1.5rem}.demo-catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.demo-catalogue-heading ts-input{width:250px;flex-shrink:0}.demo-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.demo-sample{display:flex;flex-direction:column;min-width:0;border:1px solid var(--demo-border);border-radius:.25rem;scroll-margin-top:6rem}.demo-sample[hidden]{display:none}.demo-sample-heading{padding:1.25rem 1.5rem 0}.demo-sample-heading .demo-eyebrow{display:block;font-size:.6rem;margin-bottom:.5rem}.demo-sample-preview{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;min-height:140px;flex:1;min-width:0}.demo-sample-preview>*{max-width:100%}.demo-sample-preview img{display:block;width:100%;height:180px;object-fit:cover}.demo-sample-preview ts-animated-image{width:100%;max-width:240px}.demo-sample-preview ts-animated-image::part(image){height:100px;object-fit:cover}.demo-sample-preview ts-avatar{--size:2.8rem}.demo-sample-note{padding-inline:1.5rem;font-size:.76rem;color:var(--demo-muted);margin-bottom:1.5rem}.demo-sample .demo-code{margin-top:0}.demo-component-reference{padding:.5rem 1rem;border-top:1px solid var(--demo-border)}.demo-component-reference p{display:flex;gap:.5rem;justify-content:space-between;margin-block:.35rem}.demo-component-reference span{color:var(--demo-muted);font-size:.62rem}.demo-values{display:grid;grid-template-columns:1fr 1fr;font-size:.85rem;margin:0;gap:.5rem}.demo-values dd{margin:0}.demo-animation-tile{padding:1.25rem;width:130px;background:#0046ad;color:#fff;text-align:center;font-weight:700}.demo-popup{background:var(--demo-surface);padding:.5rem 1rem;border:1px solid var(--demo-border);box-shadow:0 3px 8px #0001;font-size:.75rem}.demo-anchor{display:block;margin-bottom:2rem;font-size:.8rem}.demo-resize-box{resize:horizontal;overflow:auto;max-width:100%;padding:1rem;border:1px dashed var(--demo-border);font-size:.8rem}.demo-sidebar-frame{display:flex;height:170px;position:relative;overflow:hidden;gap:1rem;font-size:.8rem}.demo-sidebar-frame ts-sidebar{height:100%}.demo-split-pane{height:100%;padding:1rem;background:color-mix(in srgb,var(--demo-primary) 8%,var(--demo-surface))}.demo-footer{display:flex;justify-content:space-between;padding-block:2rem;color:var(--demo-muted);font-size:.7rem}.demo-skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:var(--demo-surface);padding:.75rem}.demo-skip:focus{top:1rem}@media (max-width:1100px){.demo-wrap{padding-inline:2rem}.demo-header{padding-inline:2rem}.demo-hero{gap:2rem}.demo-layout{grid-template-columns:165px minmax(0,1fr);gap:1.5rem}.demo-editor-panel{grid-template-columns:1fr}.demo-workflow-guide{border-left:0;border-top:1px solid var(--demo-border);padding:1.5rem 0 0}}@media (max-width:760px){html{scroll-padding-top:5rem}.demo-wrap{padding-inline:1.25rem}.demo-header{padding:.75rem 1.25rem;gap:.75rem}.demo-header nav{display:none}.demo-brand{font-size:.8rem}.demo-brand-mark{width:2.5rem;height:2.5rem;font-size:.7rem}.demo-hero{grid-template-columns:1fr;padding-block:2.5rem;gap:2rem}.demo-hero h1{font-size:3.5rem}.demo-facts{gap:1.5rem}.demo-hero-preview{padding:1.2rem}.demo-layout{display:block}.demo-index{display:none}.demo-section{padding-block:2.5rem}.demo-doc-grid,.demo-samples,.demo-form-grid{grid-template-columns:1fr}.demo-editor-panel{padding:1.2rem}.demo-catalogue-heading{display:block}.demo-catalogue-heading ts-input{width:100%;margin-bottom:1rem}.demo-sample-preview{padding:1.25rem}.demo-table-panel{overflow:hidden}.demo-component-reference p{flex-wrap:wrap}.demo-footer{gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}