:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--track-color-frame:#151617;--track-color-canvas:#1d1e1f;--track-color-panel:#252627;--track-color-raised:#303133;--track-color-raised-hover:#393a3c;--track-color-text:#f1f0eb;--track-color-muted:#aaa9a4;--track-color-border:#5c5d5f;--track-color-border-subtle:#3f4143;--track-color-accent:#b51d2a;--track-color-accent-hover:#cd2433;--track-color-success:#8cae8b;--track-color-warning:#c9a45f;--track-color-danger:#e3626e;--track-font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--track-font-body:"Inter", system-ui, sans-serif;--track-font-mono:"IBM Plex Mono", ui-monospace, monospace;--track-space-1:.25rem;--track-space-2:.5rem;--track-space-3:.75rem;--track-space-4:1rem;--track-space-5:1.5rem;--track-space-6:2rem;--track-space-7:3rem;--track-radius-1:1px;--track-radius-2:2px;--track-shadow-control:2px 2px 0 #0b0c0c, inset 1px 1px 0 #ffffff1f;--track-shadow-pressed:inset 2px 2px 0 #00000073;--track-motion-fast:90ms;--track-motion-normal:.16s}*,:before,:after{box-sizing:border-box}html{background:var(--track-color-frame);min-width:320px;min-height:100%}body{background:var(--track-color-frame);min-width:320px;min-height:100vh;color:var(--track-color-text);font-family:var(--track-font-body);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}::selection{color:#fff;background:var(--track-color-accent)}@media (prefers-reduced-motion:reduce){:root{--track-motion-fast:0s;--track-motion-normal:0s}}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/TrackUI/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/TrackUI/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/TrackUI/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/TrackUI/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500 600;src:url(/TrackUI/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2")}track-showcase{background:var(--track-color-canvas);min-height:100vh;display:block}.topbar{z-index:50;border-bottom:1px solid var(--track-color-border-subtle);background:var(--track-color-frame);grid-template-columns:267px minmax(0,1fr) auto auto;align-items:center;min-height:80px;display:grid;position:sticky;top:0;box-shadow:inset 0 -1px #090a0a}.brand{border-right:1px solid var(--track-color-border-subtle);color:var(--track-color-text);font-family:var(--track-font-display);letter-spacing:-.025em;align-self:stretch;align-items:center;gap:.75rem;padding:0 25px;font-size:2.55rem;font-weight:600;text-decoration:none;display:flex}.brand-dot{background:var(--track-color-accent);border-radius:50%;flex:none;width:.82rem;height:.82rem;box-shadow:inset 1px 1px #ffffff1f}.topnav{align-items:center;height:100%;padding-left:36px;display:flex}.topnav a{border-right:1px solid var(--track-color-border-subtle);color:var(--track-color-muted);font-family:var(--track-font-mono);padding:0 27px;font-size:1.08rem;text-decoration:none}.topnav a:first-child{padding-left:0;padding-right:27px}.topnav a:hover,.topnav a:focus-visible{color:var(--track-color-text)}.version{color:var(--track-color-muted);font-family:var(--track-font-mono);padding:0 35px 0 18px;font-size:.94rem;transform:translate(-19px)}.get-started{margin-right:55px}.get-started::part(button){min-width:174px;min-height:3rem}.mobile-menu-button{display:none}.workspace{grid-template-columns:267px minmax(0,1fr);min-height:calc(100vh - 80px);display:grid}.sidebar{border-right:1px solid var(--track-color-border-subtle);background:var(--track-color-frame);flex-direction:column;height:calc(100vh - 80px);padding:30px 18px 22px;display:flex;position:sticky;top:80px;overflow-y:auto;box-shadow:inset -1px 0 #090a0a}.sidebar track-nav::part(group){gap:.18rem}.sidebar track-nav::part(item){min-height:2.42rem;font-size:.98rem}.sidebar-collapse{border:1px solid var(--track-color-border);width:36px;height:36px;color:var(--track-color-text);place-items:center;margin-top:auto;margin-left:11px;display:grid}.sidebar-collapse:hover{background:var(--track-color-panel)}.sidebar-collapse svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.main{background:var(--track-color-canvas);min-width:0}.hero{grid-template-columns:500px minmax(0,1fr);gap:24px;min-height:395px;padding:44px 80px 22px 42px;display:grid}.hero-copy{padding-top:5px}.hero h1{width:111.111%;max-width:660px;color:var(--track-color-text);font-family:var(--track-font-display);letter-spacing:-.035em;transform-origin:0 0;margin:0;font-size:clamp(4.7rem,5.8vw,5.55rem);font-weight:600;line-height:1;transform:scaleX(.9)}.hero-copy p{color:var(--track-color-muted);font-family:var(--track-font-body);margin:24px 0 0;font-size:1.14rem;line-height:1.55}.hero-tabs{align-self:start}.hero-tabs::part(panel){min-height:280px;padding:33px 28px 24px}.hero-tabs::part(tab){min-width:114px}.status-table h2,.demo-cell>h2,.form-demo>h2{color:var(--track-color-text);font-family:var(--track-font-mono);letter-spacing:.035em;text-transform:uppercase;margin:0 0 20px;font-size:.86rem;font-weight:500}.status-table.compact track-data-table::part(table){min-width:0}.component-board{border:1px solid var(--track-color-border);margin:0 62px 50px 22px}.board-upper{border-bottom:1px solid var(--track-color-border);grid-template-columns:386px minmax(0,1fr);min-height:255px;display:grid}.demo-cell{min-width:0;padding:31px 24px}.buttons-demo{border-right:1px solid var(--track-color-border)}.button-row{flex-wrap:wrap;align-items:flex-start;gap:28px 24px;display:flex}.button-row track-button[variant=quiet]{flex-basis:100%}.controls-demo{grid-template-columns:minmax(235px,.7fr) minmax(365px,1.3fr);gap:35px;padding:27px 23px 19px;display:grid}.form-demo track-input{max-width:245px}.form-demo track-checkbox{margin-top:18px}.content-tabs::part(tab){min-width:118px}.content-tabs::part(panel){min-height:163px;font-family:var(--track-font-mono);padding:20px 21px;font-size:.92rem}.content-tabs p{margin:0}.status-band{padding:24px 20px 22px}.catalog-section{padding:0 30px 90px 22px;scroll-margin-top:100px}.catalog-heading{border-top:1px solid var(--track-color-border);justify-content:space-between;align-items:flex-end;gap:2rem;padding:45px 0 20px;display:flex}.catalog-heading h2{font-family:var(--track-font-display);margin:0;font-size:3.2rem;font-weight:600;line-height:1}.catalog-heading p{max-width:34rem;color:var(--track-color-muted);margin:0;line-height:1.6}.catalog-grid{border:1px solid var(--track-color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.catalog-panel{align-content:start;gap:1.2rem;padding:28px;display:grid}.catalog-panel+.catalog-panel{border-left:1px solid var(--track-color-border)}.catalog-panel h3{font-family:var(--track-font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:500}.form-panel track-select,.form-panel track-textarea{max-width:34rem}.card-actions{flex-wrap:wrap;gap:.75rem;display:flex}.native-key{border:1px solid var(--track-color-border);border-radius:var(--track-radius-1);background:var(--track-color-raised);min-height:2.6rem;box-shadow:var(--track-shadow-control);color:var(--track-color-text);font-family:var(--track-font-mono);cursor:pointer;padding:.55rem .85rem;font-size:.8rem}.native-key:hover{background:var(--track-color-raised-hover)}.native-key:focus-visible{outline:1px dashed var(--track-color-text);outline-offset:3px}track-dialog p{margin-top:0}track-dialog pre{border:1px solid var(--track-color-border-subtle);background:var(--track-color-frame);margin:1rem 0 0;padding:.9rem;overflow-x:auto}track-dialog code{font-family:var(--track-font-mono);font-size:.78rem}.nav-scrim{display:none}.docs-foundations,.component-reference{padding:0 30px 80px 22px}.docs-foundations{background:var(--track-color-border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.foundation-card{background:var(--track-color-panel);min-width:0;padding:30px;scroll-margin-top:100px}.component-tag{color:#f0717b;font-family:var(--track-font-mono);letter-spacing:.055em;text-transform:uppercase;margin:0 0 .7rem;font-size:.7rem}.foundation-card h2,.reference-intro h2{font-family:var(--track-font-display);margin:0;font-size:2.7rem;font-weight:600;line-height:1}.foundation-card>p:not(.component-tag),.reference-intro>p:not(.component-tag){max-width:42rem;color:var(--track-color-muted);line-height:1.6}.foundation-card pre,.code-example pre{border:1px solid var(--track-color-border-subtle);background:var(--track-color-frame);margin:1.4rem 0 0;padding:1rem;overflow-x:auto}.foundation-card code,.code-example code,.api-table code{font-family:var(--track-font-mono);font-size:.75rem}.reference-intro{border-top:1px solid var(--track-color-border);grid-template-columns:minmax(260px,.7fr) minmax(320px,1.3fr);align-items:end;column-gap:2rem;padding:48px 0 24px;display:grid}.reference-intro .component-tag{grid-column:1/-1}.reference-intro>p:not(.component-tag){margin:0}.reference-list{gap:18px;min-width:0;display:grid}.reference-card{border:1px solid var(--track-color-border);background:var(--track-color-panel);min-width:0;scroll-margin-top:96px}.reference-header{border-bottom:1px solid var(--track-color-border-subtle);grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);align-items:end;gap:2rem;padding:24px 28px;display:grid}.reference-header h3{font-family:var(--track-font-display);margin:0;font-size:2.25rem;font-weight:600}.reference-header>p{color:var(--track-color-muted);margin:0;line-height:1.55}.reference-body{grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);display:grid}.api-block{border-right:1px solid var(--track-color-border-subtle);min-width:0;padding:24px 28px;overflow:hidden}.api-block h4,.code-example>span{color:var(--track-color-muted);font:500 .66rem var(--track-font-mono);letter-spacing:.055em;text-transform:uppercase;margin:0 0 12px}.api-table{border:1px solid var(--track-color-border-subtle);width:100%;max-width:100%;overflow-x:auto}.api-table:focus-visible{outline:1px dashed var(--track-color-text);outline-offset:3px}.api-row{grid-template-columns:1.2fr .7fr 1.45fr .75fr;min-width:620px;display:grid}.api-row+.api-row{border-top:1px solid var(--track-color-border-subtle)}.api-row>*{min-width:0;color:var(--track-color-muted);overflow-wrap:anywhere;padding:10px 12px}.api-row>*+*{border-left:1px solid var(--track-color-border-subtle)}.api-row code:first-child{color:var(--track-color-text)}.api-head{background:var(--track-color-frame);font:500 .62rem var(--track-font-mono);text-transform:uppercase}.no-api{color:var(--track-color-muted);margin:0}.contract-list{align-content:start;margin:0;display:grid}.contract-list div{border-bottom:1px solid var(--track-color-border-subtle);padding:16px 20px}.contract-list dt{color:var(--track-color-muted);font:500 .62rem var(--track-font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px}.contract-list dd{font:.72rem/1.5 var(--track-font-mono);margin:0}.code-example{border-top:1px solid var(--track-color-border-subtle);grid-column:1/-1;padding:20px 28px 25px}.code-example pre{margin-top:10px}@media (width<=1180px){.hero{grid-template-columns:1fr;padding-right:48px}.hero-copy br.desktop-break{display:none}.board-upper{grid-template-columns:1fr}.buttons-demo{border-right:0;border-bottom:1px solid var(--track-color-border)}}@media (width<=840px){.topbar{grid-template-columns:minmax(0,1fr) auto auto;min-height:66px}.brand{border-right:0;padding:0 18px;font-size:1.85rem}.topnav,.get-started{display:none}.version{padding:0 18px}.mobile-menu-button{border:0;border-left:1px solid var(--track-color-border-subtle);width:66px;height:66px;color:var(--track-color-text);background:0 0;place-items:center;display:grid}.mobile-menu-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:20px;height:20px}.workspace{display:block}.sidebar{z-index:45;width:min(286px,100vw - 52px);height:auto;transition:transform var(--track-motion-normal);position:fixed;top:66px;bottom:0;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.nav-scrim{z-index:40;background:#000000a8;border:0;display:block;position:fixed;inset:66px 0 0}.hero{min-height:0;padding:42px 20px 28px}.hero h1{width:auto;font-size:clamp(3.5rem,17vw,4.7rem);transform:none}.hero-tabs::part(tab),.content-tabs::part(tab){min-width:98px}.component-board{margin:0 20px 42px}.controls-demo{grid-template-columns:1fr}.catalog-section{padding:0 20px 64px}.catalog-heading{display:grid}.catalog-grid{grid-template-columns:1fr}.catalog-panel+.catalog-panel{border-top:1px solid var(--track-color-border);border-left:0}.docs-foundations,.component-reference{padding-inline:20px}.docs-foundations,.reference-intro,.reference-header,.reference-body{grid-template-columns:minmax(0,1fr)}.api-block{border-right:0}.contract-list{border-top:1px solid var(--track-color-border-subtle)}}@media (width<=520px){.version{display:none}.topbar{grid-template-columns:1fr auto}.hero{gap:34px}.hero-tabs::part(tab),.content-tabs::part(tab){min-width:0;padding-inline:1rem}.board-upper{min-height:0}.demo-cell,.controls-demo,.status-band,.catalog-panel{padding:22px 16px}.button-row{gap:16px}.catalog-heading h2{font-size:2.7rem}.docs-foundations,.component-reference,.foundation-card,.reference-header,.api-block,.code-example{padding-inline:16px}}