@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#252d2a;font-synthesis:none;--bg:#fff;--bg-topbar:#ffffffe6;--sidebar-bg:#f8faf7;--surface:#fff;--surface-subtle:#fbfcf8;--border:#e5e9e5;--border-subtle:#f0f2ec;--text:#252d2a;--text-heading:#1e2622;--muted:#7a837e;--muted-light:#949e87;--accent:#47745c;--accent-subtle:#e6eee5;--accent-hover:#355d44;--code-bg:#f8faf5;--input-bg:#fbfcf8;--mono:"IBM Plex Mono", monospace;background:#fff;font-family:DM Sans,Helvetica Neue,sans-serif;font-size:14px}[data-theme=dark]{--bg:#121513;--bg-topbar:#121513eb;--sidebar-bg:#161b18;--surface:#1b211d;--surface-subtle:#222924;--border:#29342b;--border-subtle:#212923;--text:#d8e0da;--text-heading:#edf3ee;--muted:#8b998e;--muted-light:#738276;--accent:#5ea880;--accent-subtle:#1c2c23;--accent-hover:#7fc39e;--code-bg:#161c19;--input-bg:#1e2621;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.sidebar-backdrop{display:none}.topbar-toggle-button{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);width:32px;height:28px;font-size:11px;font-family:var(--mono);box-sizing:border-box;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.topbar-toggle-button:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}button[aria-pressed=true]{color:#335c43;background:#e7eee8}input,select{min-width:0}::selection{background:#d9e8dc}.skip-link{z-index:40;background:#fff;padding:12px;position:fixed;top:-60px;left:280px}.skip-link:focus{top:10px}.sidebar{border-right:1px solid var(--border);z-index:20;background:#f8faf7;flex-direction:column;width:244px;padding:31px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-family:var(--mono);letter-spacing:-.2px;color:var(--text-heading);padding:4px 8px;font-size:14px;font-weight:600;display:block}.search-box{color:#8b948d;background:#fff;border:1px solid #dce2dc;border-radius:6px;align-items:center;gap:8px;margin:34px 4px 23px;padding:9px 10px;display:flex}.search-box>span{align-items:center;display:inline-flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-box kbd{border:1px solid var(--border);border-radius:3px;padding:0 4px;font-size:10px}.nav-heading{font-size:9px;font-family:var(--mono);letter-spacing:1.6px;color:#8a958d;margin:12px;font-weight:500}.nav-heading span{float:right;color:#a1aaa3}.sidebar nav{overflow:auto}.sidebar nav a{color:#636d66;border-radius:5px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.sidebar nav a:hover{background:#eef2ec}.sidebar nav a.active{color:#355d44;background:#e6eee5;font-weight:600}.nav-icon{color:#99a397;align-items:center;display:inline-flex}.stories-heading{margin-top:31px}.component-name{align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.component-name span{color:#47745c;align-items:center;display:inline-flex}.story-links{border-left:1px solid #dce4d8;margin:4px 0 0 19px;padding-left:9px}.story-links a{position:relative}.story-dot{border:1px solid #a0aea0;border-radius:50%;width:5px;height:5px}.active .story-dot{background:#47745c;border-color:#47745c}.story-links small{font-family:var(--mono);color:#648858;margin-left:auto;font-size:8px}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding:16px 8px 0}.sidebar-bottom>a{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.sidebar-bottom>a:hover{color:var(--accent)}.empty-search{color:var(--muted);padding:10px;font-size:12px}.main-shell{margin-left:244px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:65px;padding:0 40px;font-size:11px;display:flex}.breadcrumbs{color:#90998f;margin-right:auto}.breadcrumbs span{color:#bcc4ba;margin:0 12px}.breadcrumbs b{color:#505b4c;font-weight:500}.topbar-right{color:#6c7666;align-items:center;gap:12px;display:flex}.topbar-doc-link{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.version{font-family:var(--mono);border:1px solid var(--border);border-radius:4px;padding:4px 7px;font-size:9px}.view-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:25px;height:49px;padding:0 40px;display:flex}.view-tabs a{color:#8c9488;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.view-tabs a.selected{color:#3d694c;font-weight:600}.view-tabs a.selected:after{content:"";background:#47745c;height:2px;position:absolute;bottom:0;left:0;right:0}.view-tabs>span{font-family:var(--mono);color:#a0a797;align-self:center;margin-left:auto;font-size:9px}.view-tabs b{padding:0 7px;font-weight:400}main{max-width:1200px;margin:0 auto;padding:48px 48px 0}.page-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:1.7px;color:#7b8b73;margin-bottom:15px;font-size:9px}h1{letter-spacing:-1.7px;margin:0 0 13px;font-size:43px;font-weight:550;line-height:1.12}.heading-dot{color:#68885d}.page-heading p{color:#858c80;max-width:580px;margin:0;font-size:13px;line-height:1.8}.size-badge{background:#fcfdf9;border:1px solid #e1e7dc;border-radius:7px;flex-shrink:0;align-self:flex-start;margin-top:25px;padding:12px 15px}.size-badge strong{font-family:var(--mono);color:#57744a;font-size:14px;font-weight:500;display:block}.size-badge span{color:#98a28e;margin-top:4px;font-size:9px;display:block}.canvas-panel{border:1px solid #dfe6db;border-radius:9px;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:46px;padding:0 18px;display:flex}.preview-label{font-family:var(--mono);letter-spacing:1px;color:#88947e;align-items:center;gap:7px;font-size:9px;display:flex}.preview-label i,.canvas-status i{background:#7e9e6b;border-radius:50%;width:5px;height:5px;display:inline-block}.toolbar-actions{gap:6px;display:flex}.toolbar-actions button{color:#78816f;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:inline-flex}.toolbar-actions button:hover{background:#f1f5ed}.preview{--surface:#fff;--preview-ink:#27332b;min-height:315px;color:var(--preview-ink);background-color:#f6f8f2;background-image:radial-gradient(#b4c1a650 .7px,#0000 .7px);background-size:14px 14px;flex-direction:column;justify-content:center;align-items:center;padding:44px 45px 24px;transition:background-color .2s;display:flex}.preview-dark{--surface:#202a23;--preview-ink:#ebf1e7;background-color:#16221c;background-image:radial-gradient(#8caa7430 .7px,#0000 .7px)}.instrument{background:var(--surface);border:1px solid #899f7324;border-radius:13px;width:100%;max-width:570px;padding:22px 25px 25px;transition:max-width .2s;box-shadow:0 6px 16px #394e2710}.instrument.compact{max-width:320px}.instrument-label{font-family:var(--mono);letter-spacing:1.1px;color:#85927b;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:8px;display:flex}.instrument-label span:last-child{letter-spacing:0;color:#99a58f}.measurement{letter-spacing:-1.5px;align-items:baseline;gap:7px;font-size:46px;font-weight:500;line-height:1.2;display:inline-flex}.measurement small{letter-spacing:0;color:#9aa38e;font-size:14px;font-weight:400}.instrument .rrp-root{gap:20px}.instrument .rrp-value{margin-bottom:1px}.instrument .rrp-cursor{background:#62814d}.health-instrument .measurement{font-size:32px;font-weight:700}.health-instrument .rrp-root{gap:8px}.gesture-hint{font-size:8px;font-family:var(--mono);color:#92a084;letter-spacing:1.4px;text-align:center;margin:23px 0 0;line-height:1.6}.gesture-hint span{text-transform:none;letter-spacing:0;color:#a4ad99;margin-top:6px;font-family:DM Sans,sans-serif;font-size:10px;display:block}.canvas-status{font-family:var(--mono);color:#949d8b;border-top:1px solid var(--border);background:#fff;justify-content:space-between;gap:10px;padding:12px 18px;font-size:9px;display:flex}.canvas-status i{margin-right:7px}.canvas-status b{padding:0 6px;font-weight:400}.manual-entry{border-top:1px solid #899f7330;align-items:center;gap:9px;margin-top:20px;padding-top:14px;font-size:11px;display:flex}.manual-entry label{color:#879280;margin-right:auto}.manual-entry input{background:var(--surface);width:70px;color:inherit;border:1px solid #adbda33b;border-radius:4px;padding:7px}.manual-entry button{color:#47745c;background:#e4eddf;border:0;border-radius:4px;padding:8px}.addon-panel{border:1px solid var(--border);border-radius:8px;margin-top:25px;overflow:hidden}.addon-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:23px;height:46px;padding:0 18px;display:flex}.addon-tabs button{color:#86907e;background:0 0;border:0;padding:0;font-size:11px;font-weight:500;position:relative}.addon-tabs button[aria-selected=true]{color:#405e32}.addon-tabs button[aria-selected=true]:after{content:"";background:#6a875a;height:2px;position:absolute;bottom:0;left:0;right:0}.addon-tabs button span{font-family:var(--mono);background:#f1f4ed;border-radius:4px;margin-left:7px;padding:2px 5px;font-size:8px}.addon-note{color:#a3ab9a;align-self:center;margin-left:auto;font-size:10px}.controls-grid{grid-template-columns:1fr 1fr;display:grid}.controls-grid>label{border-bottom:1px solid #f0f2ec;justify-content:space-between;align-items:center;gap:15px;min-height:49px;padding:13px 19px;display:flex}.controls-grid>label:nth-child(odd){border-right:1px solid #f0f2ec}.controls-grid>label>span{font-family:var(--mono);color:#65705c;font-size:10px}.controls-grid small{color:#a5ae9b;margin-top:3px;font-size:8px;display:block}.controls-grid input,.controls-grid select{width:112px;font-family:var(--mono);color:#65705b;background:#fbfcf8;border:1px solid #e2e8db;border-radius:4px;padding:6px 8px;font-size:10px}.controls-snippet-box{background:var(--surface-subtle);border-bottom:1px solid #f0f2ec;grid-column:1/-1;padding:13px 19px 15px}.controls-snippet-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.controls-snippet-header>span{font-family:var(--mono);color:#65705c;font-size:10px}.controls-snippet-header small{color:#a5ae9b;margin-top:3px;font-size:8px;display:block}.controls-snippet-code{background:var(--code-bg);border:1px solid var(--border);font-family:var(--mono);color:#4d6141;border-radius:5px;margin:0;padding:9px 12px;font-size:10px;line-height:1.6;overflow-x:auto}.switch{background:#dde3d8;border:0;border-radius:20px;flex-shrink:0;width:29px;height:17px;padding:2px}.switch span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0001}.switch.on{background:#739565}.switch.on span{transform:translate(12px)}.story-footnote{color:#949e87;background:#fbfcf8;border:1px solid #e7ebdf;border-radius:6px;gap:13px;margin:25px 0 46px;padding:16px 18px;font-size:11px;display:flex}.story-footnote>span{color:var(--accent);align-items:center;display:inline-flex}.story-footnote p{margin:0;line-height:1.8}.story-footnote b{color:#647854;font-weight:500}.actions-panel{padding:20px}.ref-actions{flex-wrap:wrap;gap:8px;display:flex}.ref-actions button{border:1px solid var(--border);background:#f6f8f2;border-radius:5px;padding:7px 10px;font-size:11px}.event-log{min-height:160px;max-height:260px;font-family:var(--mono);color:#56634c;white-space:pre-wrap;margin-top:16px;font-size:11px;line-height:2.4;overflow:auto}.event-log span{color:#a4ae99;margin-right:24px}.event-log p{color:#a4ae99}.ref-reading{font-family:var(--mono);color:var(--accent);font-size:11px}.code{background:#f8faf5}.code-heading{font-family:var(--mono);color:#8b987e;border-bottom:1px solid #e8ede1;justify-content:space-between;align-items:center;padding:10px 18px;font-size:9px;display:flex}.text-button{color:#6b7b5c;background:0 0;border:1px solid #e1e7d9;border-radius:4px;padding:4px 9px;font-size:10px}pre{color:#4d6141;font-family:var(--mono);tab-size:2;margin:0;padding:20px 23px;font-size:11px;line-height:1.9;overflow:auto}code{font-family:var(--mono)}footer{border-top:1px solid var(--border);color:#a1a995;justify-content:space-between;padding:24px 0 30px;font-size:10px;display:flex}footer a{color:#78896a}.documentation{color:#7a8570;padding-bottom:42px;font-size:13px;line-height:1.85}.documentation h2{color:#37452f;letter-spacing:-.5px;margin:35px 0 15px;font-size:22px;font-weight:500}.documentation h2:first-child{margin-top:0}.documentation .code{border:1px solid var(--border);border-radius:7px;overflow:hidden}.doc-lead{max-width:740px;font-size:17px}.size-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.size-cards>div{border:1px solid var(--border);background:#f8faf5;border-radius:6px;padding:24px}.size-cards strong{color:#486d38;font-size:32px;font-weight:500;display:block}.size-cards strong small{margin-left:4px;font-size:15px}.size-cards span{font-size:10px}.inline-link{color:#47745c}.api-table-wrap{overflow:auto}.api-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.api-table th{text-transform:uppercase;letter-spacing:1px;color:#95a086;font-size:10px}.api-table td,.api-table th{border-bottom:1px solid var(--border);vertical-align:top;padding:15px 12px}.api-table td:first-child{color:#456739;width:25%}.api-table td:nth-child(2){width:30%}.api-table code{overflow-wrap:anywhere;font-size:10px}.api-table small{color:#a3ad99;margin-top:5px;display:block}.menu-button{display:none}@media (width>=1500px){main{padding-top:65px}.preview{min-height:360px}}@media (width<=1100px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.main-shell{margin-left:215px}main{padding:35px 28px 0}.topbar,.view-tabs{padding-left:28px;padding-right:28px}.page-heading p{max-width:440px}.size-badge{display:none}.controls-grid input,.controls-grid select{width:92px}.preview{padding-left:28px;padding-right:28px}}@media (width<=760px){.sidebar{visibility:hidden;z-index:35;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:240px;padding-top:65px;transition:transform .2s;transform:translate(-100%);box-shadow:10px 0 50px #00000040}.sidebar nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar.is-open{visibility:visible;transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);z-index:30;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.main-shell{margin-left:0}.menu-button{z-index:26;border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);border-radius:4px;padding:4px 8px;display:block;position:relative}.topbar{z-index:25;background:var(--bg-topbar);-webkit-backdrop-filter:blur(10px);gap:10px;height:57px;padding:0 16px;position:sticky;top:0}.breadcrumbs{margin-right:auto}.topbar-right a{display:none}.topbar-right{gap:8px}.view-tabs{height:45px;padding:0 20px}.view-tabs>span{font-size:8px}main{padding:30px 20px 0}.page-heading{margin-bottom:23px}h1{font-size:36px}.page-heading p{font-size:12px;line-height:1.7}.eyebrow{letter-spacing:1.2px;font-size:8px}.canvas-toolbar{padding:0 10px}.toolbar-actions{gap:0}.toolbar-actions button{padding:6px;font-size:9px}.preview-label{letter-spacing:.4px;font-size:8px}.preview{min-height:290px;padding:28px 15px 22px}.instrument{padding:20px 15px}.instrument-label{letter-spacing:.5px;font-size:7px}.measurement{font-size:41px}.canvas-status{flex-wrap:wrap;padding:11px 10px;font-size:8px}.addon-tabs{gap:21px;padding:0 14px}.addon-note{display:none}.controls-grid>label{gap:6px;padding:12px}.controls-grid>label>span{font-size:9px}.controls-grid input,.controls-grid select{width:76px;padding:6px;font-size:9px}.controls-grid small{font-size:7px}.controls-snippet-box{padding:12px}.controls-snippet-code{padding:7px 9px;font-size:9px}.story-footnote{margin-bottom:32px;font-size:10px}.size-cards{gap:8px}.size-cards>div{padding:12px}.size-cards strong{font-size:23px}.size-cards span{font-size:9px}.api-table{min-width:650px}.manual-entry{flex-wrap:wrap}}[data-theme=dark] .sidebar{background:var(--sidebar-bg);border-right-color:var(--border)}[data-theme=dark] .brand{color:var(--text-heading)}[data-theme=dark] .search-box{background:var(--surface);border-color:var(--border);color:var(--muted)}[data-theme=dark] .search-box input{color:var(--text)}[data-theme=dark] .search-box kbd{border-color:var(--border);color:var(--muted)}[data-theme=dark] .sidebar nav a{color:var(--muted)}[data-theme=dark] .sidebar nav a:hover{background:var(--surface-subtle);color:var(--text-heading)}[data-theme=dark] .sidebar nav a.active{background:var(--accent-subtle);color:var(--accent)}[data-theme=dark] .component-name{color:var(--text-heading)}[data-theme=dark] .story-links{border-left-color:var(--border)}[data-theme=dark] .story-dot{border-color:var(--border)}[data-theme=dark] .topbar{border-bottom-color:var(--border);background:var(--bg-topbar)}[data-theme=dark] .breadcrumbs b{color:var(--text-heading)}[data-theme=dark] .breadcrumbs span{color:var(--border)}[data-theme=dark] .version{border-color:var(--border);color:var(--muted)}[data-theme=dark] .view-tabs{border-bottom-color:var(--border)}[data-theme=dark] .view-tabs a{color:var(--muted)}[data-theme=dark] .view-tabs a.selected{color:var(--accent)}[data-theme=dark] .view-tabs a.selected:after{background:var(--accent)}[data-theme=dark] .page-heading h1{color:var(--text-heading)}[data-theme=dark] .size-badge{background:var(--surface);border-color:var(--border);color:var(--muted)}[data-theme=dark] .size-badge strong{color:var(--accent)}[data-theme=dark] .canvas-panel{border-color:var(--border)}[data-theme=dark] .canvas-toolbar{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .toolbar-actions button{background:var(--surface-subtle);border-color:var(--border);color:var(--text)}[data-theme=dark] .toolbar-actions button:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}[data-theme=dark] .preview:not(.preview-dark){--surface:#1e2621;--preview-ink:#ebf1e7;background-color:#141a16;background-image:radial-gradient(#3a4f3d45 .7px,#0000 .7px)}[data-theme=dark] .instrument{border-color:#2b392e;box-shadow:0 6px 20px #00000045}[data-theme=dark] .canvas-status{background:var(--surface);border-top-color:var(--border);color:var(--muted)}[data-theme=dark] .manual-entry{border-top-color:var(--border)}[data-theme=dark] .manual-entry input{background:var(--input-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .manual-entry button{background:var(--accent-subtle);color:var(--accent)}[data-theme=dark] .addon-panel{border-color:var(--border)}[data-theme=dark] .addon-tabs{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .addon-tabs button{color:var(--muted)}[data-theme=dark] .addon-tabs button[aria-selected=true]{color:var(--accent)}[data-theme=dark] .addon-tabs button[aria-selected=true]:after{background:var(--accent)}[data-theme=dark] .addon-tabs button span{background:var(--surface-subtle);color:var(--muted)}[data-theme=dark] .controls-grid{background:var(--surface)}[data-theme=dark] .controls-grid>label{border-bottom-color:var(--border-subtle)}[data-theme=dark] .controls-grid>label:nth-child(odd){border-right-color:var(--border-subtle)}[data-theme=dark] .controls-grid>label>span{color:var(--text)}[data-theme=dark] .controls-grid input,[data-theme=dark] .controls-grid select{background:var(--input-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .controls-snippet-box{border-bottom-color:var(--border-subtle);background:var(--surface-subtle)}[data-theme=dark] .controls-snippet-header>span{color:var(--text)}[data-theme=dark] .controls-snippet-header small{color:var(--muted-light)}[data-theme=dark] .controls-snippet-code{background:var(--code-bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .switch{background:var(--border)}[data-theme=dark] .switch.on{background:var(--accent)}[data-theme=dark] .story-footnote{background:var(--surface-subtle);border-color:var(--border);color:var(--muted)}[data-theme=dark] .story-footnote b{color:var(--accent)}[data-theme=dark] .ref-actions button{background:var(--surface-subtle);border-color:var(--border);color:var(--text)}[data-theme=dark] .event-log{color:var(--text)}[data-theme=dark] .event-log span{color:var(--muted-light)}[data-theme=dark] .code{background:var(--code-bg)}[data-theme=dark] .code-heading{border-bottom-color:var(--border);color:var(--muted)}[data-theme=dark] .text-button{background:var(--surface-subtle);border-color:var(--border);color:var(--accent)}[data-theme=dark] pre{color:var(--text)}[data-theme=dark] footer{border-top-color:var(--border);color:var(--muted-light)}[data-theme=dark] footer a{color:var(--accent)}[data-theme=dark] .documentation h2{color:var(--text-heading)}[data-theme=dark] .documentation{color:var(--muted)}[data-theme=dark] .size-cards>div{background:var(--surface);border-color:var(--border)}[data-theme=dark] .size-cards strong{color:var(--accent)}[data-theme=dark] .api-table th{color:var(--muted);border-bottom-color:var(--border)}[data-theme=dark] .api-table td{border-bottom-color:var(--border);color:var(--text)}[data-theme=dark] .api-table td:first-child{color:var(--accent)}[data-theme=dark] .menu-button{background:var(--surface-subtle);color:var(--text);border:1px solid var(--border)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}