:root{--bg-white-0:#fff;--bg-weak-50:#f7f7f7;--bg-soft-200:#ebebeb;--bg-strong-950:#171717;--text-strong-950:#171717;--text-sub-600:#5c5c5c;--text-soft-400:#a3a3a3;--text-white-0:#fff;--stroke-soft-200:#ebebeb;--stroke-sub-300:#dedede;--brand:#1868d0;--brand-dark:#0d4690;--brand-lighter:#ecf0fe;--brand-alpha-16:#1868d029;--error:#fb3748;--scrim:#1717173d;--container:1200px;--margin:120px;--gutter:24px;--line:.5px solid var(--stroke-soft-200);--guide:.5px solid var(--brand-alpha-16);--sidebar:180px;--shell-gap:60px;--center:960px;--main:792px;--toc:144px;--topbar:72px;--drawer:min(320px, 86vw);--space-page-top:48px;--space-section:64px;--space-head:32px;--space-pager-top:48px;--space-pager-bottom:96px;--gap-tile:16px;--pad-tile:20px;--font:"Inter", system-ui, sans-serif;--fs-display:clamp(64px, 11vw, 120px);--lh-display:.934;--ls-display:-.05em;--fs-h2:32px;--lh-h2:40px;--ls-h2:-.03em;--fs-title:32px;--lh-title:40px;--fs-lead:20px;--lh-lead:30px;--fs-body:16px;--lh-body:24px;--fs-small:14px;--lh-small:20px;--fs-label:10px;--lh-label:12px;--ls-label:.08em;--tile-sm:144px;--tile-md:160px;--tile-lg:220px;--tile-field:200px;--tile-area:260px;--dd-h:220px;--canvas-h:400px;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.12s;--base:.16s;--slow:.26s;color-scheme:light}@media (width<=1439px){:root{--margin:64px}}@media (width<=1279px){:root{--shell-gap:40px}}@media (width<=1023px){:root{--margin:32px;--topbar:64px}}@media (width<=767px){:root{--space-page-top:32px;--space-section:48px;--fs-h2:28px;--lh-h2:36px;--fs-lead:18px;--lh-lead:28px;--tile-lg:180px;--canvas-h:320px}}@media (width<=639px){:root{--margin:20px}}@media (width<=399px){:root{--pad-tile:14px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar) + 24px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg-white-0);color:var(--text-strong-950);font:400 var(--fs-body)/var(--lh-body) var(--font);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}img,svg{display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.label{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--brand);font-weight:500}.label.muted{color:var(--text-soft-400)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guides{pointer-events:none;z-index:0;justify-content:center;display:flex;position:fixed;inset:0}.guides:before{content:"";width:min(var(--container), calc(100% - 2 * var(--margin)));border-inline:var(--guide)}@media (width<=1023px){.guides{display:none}}.u-btn{--h:40px;--px:10px;--r:8px;--icon:20px;--fs:14px;--lh:20px;--ls:-.006em;--base:#1868d0;--base-hover:#0d4690;--lighter:#ecf0fe;--tint:#1868d0;--tint-hover:#1868d0;--line:#1868d0;height:var(--h);padding:0 var(--px);border-radius:var(--r);font:500 var(--fs) / var(--lh) "Inter", system-ui, sans-serif;letter-spacing:var(--ls);white-space:nowrap;cursor:pointer;user-select:none;background:var(--d-bg);color:var(--d-fg);box-shadow:inset 0 0 0 1px var(--d-bd);transition:background-color .12s var(--ease,ease), color .12s var(--ease,ease), box-shadow .12s var(--ease,ease);border:0;flex:none;justify-content:center;align-items:center;gap:4px;display:inline-flex}.u-btn .u-btn-text{padding:0 4px}.u-btn svg{width:var(--icon);height:var(--icon);flex:none}.u-btn svg[hidden]{display:none}.u-btn svg path{stroke:currentColor;stroke-width:var(--sw,2)}.u-btn[data-size=large]{--h:48px;--px:12px;--icon:24px;--fs:16px;--lh:24px;--ls:-.011em}.u-btn[data-size=small]{--h:32px;--px:8px;--r:6px;--icon:16px}.u-btn[data-size=medium]{--sw:1.92}.u-btn[data-size=small]{--sw:2.4}.u-btn[data-rounded=true]{--r:999px}.u-btn[data-type=neutral]{--base:#262626;--base-hover:#171717;--lighter:#f7f7f7;--tint:#5c5c5c;--tint-hover:#171717;--line:#dedede}.u-btn[data-type=error]{--base:#fb3748;--base-hover:#d02533;--lighter:#ffebec;--tint:#fb3748;--tint-hover:#fb3748;--line:#fb3748}.u-btn[data-style=primary]{--d-bg:var(--base);--d-fg:#fff;--d-bd:transparent;--h-bg:var(--base-hover);--h-fg:#fff;--h-bd:transparent}.u-btn[data-style=secondary]{--d-bg:var(--lighter);--d-fg:var(--tint);--d-bd:transparent;--h-bg:transparent;--h-fg:var(--tint-hover);--h-bd:var(--line)}.u-btn[data-style=tertiary]{--d-bg:transparent;--d-fg:var(--tint);--d-bd:var(--line);--h-bg:var(--lighter);--h-fg:var(--tint-hover);--h-bd:transparent}.u-btn[data-style=ghost]{--d-bg:transparent;--d-fg:var(--tint);--d-bd:transparent;--h-bg:var(--lighter);--h-fg:var(--tint-hover);--h-bd:transparent}.u-btn[data-state=hover]{background:var(--h-bg);color:var(--h-fg);box-shadow:inset 0 0 0 1px var(--h-bd)}@media (hover:hover){.u-btn:not([data-state=disable]):not([data-static]):not(:disabled):hover{background:var(--h-bg);color:var(--h-fg);box-shadow:inset 0 0 0 1px var(--h-bd)}}.u-btn[data-state=disable],.u-btn:disabled{color:#d1d1d1;box-shadow:none;cursor:not-allowed;background:#f7f7f7}.u-btn[data-static]{cursor:default}.u-btn:focus-visible{outline:2px solid var(--brand-alpha-16,#1868d029);outline-offset:2px;box-shadow:inset 0 0 0 1px var(--d-bd), 0 0 0 4px #1868d029}.u-field{--h:40px;--icon:20px;--sw:1.6;--bg:#fff;--bd:#dedede;--fg:#171717;--ph:#a3a3a3;--ic:#5c5c5c;--cap:#5c5c5c;--addon-bg:#fff;--addon-bd:#dedede;letter-spacing:-.006em;width:300px;max-width:100%;color:var(--fg);text-align:left;gap:4px;font:400 14px/20px Inter,system-ui,sans-serif;display:grid}.u-field[hidden],.u-field [hidden]{display:none!important}.u-field[data-size=large]{--h:48px}.u-field[data-size=small]{--h:32px;--icon:16px;--sw:2}.u-field[data-style=contained]{--bg:#f7f7f7;--bd:transparent;--addon-bg:#ebebeb;--addon-bd:transparent}.u-field[data-state=focus],.u-field[data-state=typing],.u-field[data-live]:not([data-state=error]):not([data-state=disable]):focus-within{--bd:#1868d0}.u-field[data-state=error]{--bd:#fb3748;--cap:#fb3748}.u-field[data-state=disable]{--bg:#f7f7f7;--fg:#5c5c5c;--ph:#5c5c5c;--ic:#a4a4a4}.u-field[data-kind=area][data-style=outline][data-state=disable]{--ph:#a3a3a3}.u-field[data-style=contained][data-state=disable]{--fg:#d1d1d1;--ph:#d1d1d1;--ic:#d1d1d1}.u-field-label{color:#171717;white-space:nowrap;gap:2px;font-weight:500;display:flex}.u-field-label .req{color:#fb3748}.u-field-label .opt{color:#a3a3a3}.u-field-box{height:var(--h);border-radius:8px;display:flex}.u-field-box>*{height:100%}.u-field-box>:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.u-field-box>:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.u-field-control{background:var(--bg);min-width:0;box-shadow:inset 0 0 0 1px var(--bd);transition:box-shadow .12s var(--ease,ease), background-color .12s var(--ease,ease);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.u-field[data-type$=dropdown] .u-field-box{background:var(--bg);box-shadow:inset 0 0 0 1px var(--bd);transition:box-shadow .12s var(--ease,ease)}.u-field[data-type$=dropdown] .u-field-control{box-shadow:none;background:0 0}.u-field svg path{stroke:currentColor;stroke-width:var(--sw);stroke-linecap:round;stroke-linejoin:round}.u-field-icon{width:var(--icon);height:var(--icon);color:var(--ic);flex:none}.u-field-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--fg);flex:1;overflow:hidden}.u-field-value[data-ph]{color:var(--ph)}.u-caret{vertical-align:middle;background:#dedede;width:1px;height:18px;display:inline-block}.u-field-input{min-width:0;height:100%;font:inherit;letter-spacing:inherit;color:var(--fg);caret-color:#171717;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0}.u-field-input::placeholder{color:var(--ph);opacity:1}.u-field-input:disabled{cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--fg)}.u-field-input:disabled::placeholder{-webkit-text-fill-color:var(--ph)}.u-field-addon{background:var(--addon-bg);color:#171717;white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 12px;display:flex}.u-field-addon:first-child{box-shadow:inset 1px 0 var(--addon-bd), inset 0 1px var(--addon-bd), inset 0 -1px var(--addon-bd)}.u-field-addon:last-child{box-shadow:inset -1px 0 var(--addon-bd), inset 0 1px var(--addon-bd), inset 0 -1px var(--addon-bd)}.u-field-addon.strong{font-weight:500}.u-field-addon svg,.u-field-drop svg{width:var(--icon);height:var(--icon);color:#5c5c5c;flex:none}.u-field-drop{color:#171717;white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 4px 0 12px;display:flex}.u-field-drop:last-child{padding:0 12px 0 4px}.u-field[data-type=tag-input] .u-field-control{padding-left:8px}.u-field-tags{flex:none;gap:6px;display:flex}.u-tag{letter-spacing:0;color:#171717;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 4px 0 6px;font-size:12px;line-height:16px;display:inline-flex;box-shadow:inset 0 0 0 1px #dedede}.u-field[data-state=disable] .u-tag{color:var(--ph)}.u-tag svg{color:#a4a4a4;width:12px;height:12px}.u-tag svg path{stroke-width:1.2px}.u-field-dots{flex:1;gap:4px;display:flex}.u-field-dots i{background:var(--fg);border-radius:50%;width:6px;height:6px}.u-field-foot{letter-spacing:0;color:#5c5c5c;align-items:center;gap:4px;font-size:12px;line-height:16px;display:flex}.u-field-caption{min-width:0;color:var(--cap);flex:1}.u-field-counter{white-space:nowrap;margin-left:auto;font-size:10px;line-height:12px}.u-field[data-kind=area]{--h:120px}.u-field[data-kind=area][data-size=small]{--h:80px}.u-field[data-kind=area] .u-field-box{background:var(--bg);box-shadow:inset 0 0 0 1px var(--bd);transition:box-shadow .12s var(--ease,ease);flex-direction:column;gap:8px;padding:2px}.u-field[data-kind=area] .u-field-control{height:auto;min-height:0;box-shadow:none;background:0 0;border-radius:0;flex:1;align-items:stretch;padding:8px 10px}.u-field[data-kind=area] .u-field-value{white-space:normal}.u-field[data-kind=area] .u-field-input{resize:none;height:100%;line-height:20px}.u-field-resize{color:#5c5c5c;flex:none;align-self:flex-end;width:12px;height:12px}.u-field .u-field-resize path{stroke-width:1px;stroke-linecap:butt}.shell{z-index:1;max-width:calc(var(--container) + 2 * var(--margin));padding:0 var(--margin);grid-template-columns:var(--sidebar) minmax(0, var(--center));column-gap:var(--shell-gap);margin:0 auto;display:grid;position:relative}.sidebar{top:var(--topbar);max-height:calc(100dvh - var(--topbar));padding:var(--space-page-top) 0;scrollbar-width:none;align-self:start;position:sticky;overflow:auto}.sidebar::-webkit-scrollbar{display:none}.side-group+.side-group{margin-top:32px}.side-group>.label{margin-bottom:8px}.side-group ul{margin:0;padding:0;list-style:none}.side-item{width:100%;height:34px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-sub-600);text-align:left;cursor:pointer;transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border:0;align-items:center;padding:0 14px;display:flex}.side-item:hover{color:var(--text-strong-950)}.side-item[aria-current=page]{background:var(--bg-weak-50);color:var(--brand);box-shadow:inset 2px 0 0 var(--brand);font-weight:600}.scrim,.drawer-nav{display:none}.page-head{padding:var(--space-page-top) 0 var(--space-head);border-bottom:var(--line)}.crumbs{align-items:center;gap:10px;display:flex}.slash{color:var(--text-soft-400);font-size:12px}.page-head h1{margin-top:var(--space-head);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:600}.intro{margin-top:var(--space-head);justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.intro p{max-width:588px;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-sub-600)}.meta{margin:var(--space-head) 0 0;gap:var(--gutter);display:flex}.meta div{width:var(--sidebar);gap:6px;display:grid}.meta dd{margin:0;font-size:18px;font-weight:500;line-height:22px}.main-row{grid-template-columns:minmax(0, var(--main)) var(--toc);column-gap:var(--gutter);display:grid}.main{min-width:0}.sec{padding:var(--space-section) 0;border-bottom:var(--line)}.sec-head{margin-bottom:var(--space-head);gap:12px;display:grid}.sec-head h2,.h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:600}.desc{max-width:486px;color:var(--text-sub-600)}.fields{gap:var(--gap-tile);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fields[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:8px;display:grid}.select{display:block;position:relative}.select select{appearance:none;width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--stroke-sub-300);background:var(--bg-white-0);font-size:var(--fs-body);cursor:pointer;transition:box-shadow var(--fast) var(--ease);border:0;border-radius:0;padding:0 36px 0 12px;font-weight:500}.select select:hover{box-shadow:inset 0 0 0 1px var(--text-soft-400)}.select select:focus-visible{box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 3px var(--brand-alpha-16);outline:none}.select svg{pointer-events:none;color:var(--text-sub-600);position:absolute;top:14px;right:12px}.options{margin-top:var(--gap-tile);flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.toggle{position:relative}.toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle span{height:36px;font-size:var(--fs-small);color:var(--text-sub-600);box-shadow:inset 0 0 0 1px var(--stroke-sub-300);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.toggle:hover span{color:var(--text-strong-950)}.toggle input:checked+span{background:var(--bg-strong-950);color:var(--text-white-0);box-shadow:none}.toggle input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.text-field{height:36px;box-shadow:inset 0 0 0 1px var(--stroke-sub-300);align-items:center;gap:12px;margin-left:auto;padding:0 12px;display:flex}.text-field input{width:160px;font-size:var(--fs-small);background:0 0;border:0;outline:0;font-weight:500}.text-field:focus-within{box-shadow:inset 0 0 0 1px var(--brand), 0 0 0 3px var(--brand-alpha-16)}.canvas{margin-top:var(--gap-tile);height:var(--canvas-h);background:var(--bg-weak-50);background-image:radial-gradient(circle,#17171712 1px,#0000 1px);background-position:50%;background-size:16px 16px;place-items:center;display:grid;position:relative;overflow:hidden}.spec{align-items:center;gap:12px;max-width:calc(100% - 32px);display:flex}.measure-num{text-align:right;width:24px;color:var(--brand);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.measure-line{width:1px;height:var(--mh,48px);background:var(--brand);transition:height .2s var(--ease)}.spec .u-btn{max-width:100%}.spec-field{align-items:flex-start;width:349px}.spec-field .measure-num,.spec-field .measure-line{margin-top:var(--mt,24px)}.spec-field .measure-num{line-height:var(--mh,40px)}.spec-field>div{flex:1;min-width:0}.spec-field .u-field{width:100%}.spec .u-btn-text{text-overflow:ellipsis;overflow:hidden}.chip{left:var(--gutter);bottom:var(--gutter);max-width:calc(100% - 2 * var(--gutter));background:var(--bg-strong-950);color:var(--text-white-0);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--base) var(--ease);padding:8px 12px;font-size:12px;font-weight:500;line-height:16px;position:absolute;overflow:hidden}.chip.copied{background:var(--brand)}.pg-foot{margin-top:var(--gap-tile);justify-content:space-between;align-items:center;gap:var(--gutter);display:flex}.pg-foot p{max-width:400px;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-sub-600)}.pg-foot kbd{color:var(--text-strong-950);font-size:12px}.grid4{gap:var(--gap-tile);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid2{gap:var(--gap-tile);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid3{gap:var(--gap-tile);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-states{gap:var(--gap-tile);grid-template-columns:repeat(3,minmax(0,196fr)) minmax(0,156fr);display:grid}.tile{padding:var(--pad-tile);background:var(--bg-weak-50);text-align:left;cursor:pointer;transition:background-color var(--base) var(--ease);border:0;flex-direction:column;display:flex;position:relative}.tile:hover{background:var(--bg-soft-200)}.tile-static{cursor:default}.tile-static:hover{background:var(--bg-weak-50)}.tile-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tile-body{flex:1;place-items:center;display:grid}.tile-v{height:var(--tile-sm)}.tile-big{height:var(--tile-lg)}.tile-field{height:var(--tile-field)}.tile-area{height:var(--tile-area)}.tile-field .tile-body,.tile-area .tile-body{padding-top:12px}.tile-body .u-field{width:min(300px,100%)}.big{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-h2);font-weight:600}.copy-hint{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--brand);opacity:0;transition:opacity var(--base) var(--ease), transform var(--base) var(--ease);font-weight:500;transform:translateY(2px)}.tile>.copy-hint{position:absolute;bottom:16px;right:16px}.tile:hover .copy-hint,.tile:focus-visible .copy-hint,.tile.done .copy-hint{opacity:1;transform:none}.tile-v .tile-top .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:none){.copy-hint{opacity:1;transform:none}}.note{padding-top:var(--pad-tile);align-content:start;gap:10px;display:grid}.note p:last-child{font-size:var(--fs-small);color:var(--text-sub-600);line-height:22px}.usage-head{align-items:center;gap:10px;margin-bottom:20px;display:flex}.sq{background:var(--bg-strong-950);width:10px;height:10px}.sq.blue{background:var(--brand)}.label.dark{color:var(--text-strong-950)}.usage ol{counter-reset:u;gap:16px;margin:0;padding:0;list-style:none;display:grid}.usage li{counter-increment:u;grid-template-columns:24px 1fr;gap:16px;display:grid}.usage li:before{content:counter(u, decimal-leading-zero);font-size:var(--fs-small);color:var(--text-soft-400);font-weight:500;line-height:24px}.dd{margin:0}.dd-canvas{height:var(--dd-h);background:var(--bg-weak-50);border-top:4px solid var(--brand);justify-content:center;align-items:center;gap:12px;display:flex}.dont .dd-canvas{border-top-color:var(--error)}.dont .label{color:var(--error)}.dd figcaption{gap:8px;padding-top:16px;display:grid}.table{font-size:var(--fs-small);line-height:var(--lh-small)}.tr{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;min-height:52px;padding:0 16px;display:grid}.tr.th{min-height:40px}.tr:not(.th):nth-child(2n){background:var(--bg-weak-50)}.token{font:inherit;text-align:left;cursor:copy;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;border-bottom:1px dashed #0000;padding:0}.token:hover{color:var(--brand);border-bottom-color:currentColor}.val{align-items:center;gap:8px;display:inline-flex}.swatch{width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}.tile-rel{height:var(--tile-md);justify-content:space-between}.tile-rel svg{color:var(--text-strong-950);transition:transform .2s var(--ease)}.tile-rel:hover svg{transform:translate(4px)}.tile-rel>span{gap:4px;display:grid}.tile-rel strong{font-size:18px;font-weight:600;line-height:24px}.tile-rel>span span{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-sub-600)}.pager{gap:var(--gap-tile);padding:var(--space-pager-top) 0 var(--space-pager-bottom);grid-template-columns:1fr 1fr;display:grid}.pager-item{padding:var(--gutter);background:var(--bg-weak-50);cursor:pointer;transition:background-color var(--base) var(--ease);border:0;justify-items:start;gap:8px;display:grid}.pager-item.next{justify-items:end}.pager-item:hover{background:var(--bg-soft-200)}.pager-title{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-h2);font-weight:600}.toc{top:var(--topbar);padding-top:var(--space-section);align-self:start;position:sticky}.toc>.label{margin-bottom:16px}.toc ul{margin:0;padding:0;list-style:none}.toc a{height:28px;font-size:var(--fs-small);color:var(--text-sub-600);transition:color var(--fast) var(--ease), box-shadow var(--base) var(--ease);align-items:center;padding-left:12px;display:flex;box-shadow:inset 2px 0 #0000}.toc a:hover{color:var(--text-strong-950)}.toc a.active{color:var(--brand);box-shadow:inset 2px 0 0 var(--brand);font-weight:600}@media (width<=1279px){.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr)}.main-row{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media (width<=1023px){.shell{display:block}.sidebar{z-index:30;height:100dvh;width:var(--drawer);max-height:none;padding:calc(var(--topbar) + 24px) var(--margin) 48px;background:var(--bg-white-0);overscroll-behavior:contain;border-right:var(--line);visibility:hidden;transition:transform var(--slow) var(--ease), visibility 0s var(--slow);position:fixed;top:0;left:0;transform:translate(-100%)}body.nav-open .sidebar{visibility:visible;transition:transform var(--slow) var(--ease);transform:none}.drawer-nav{border-bottom:var(--line);margin-bottom:32px;padding-bottom:24px;display:grid}.drawer-nav a,.drawer-nav button{letter-spacing:-.02em;height:44px;color:var(--text-strong-950);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:20px;font-weight:600;display:flex}.drawer-nav a[aria-current=page]{color:var(--brand)}.scrim{z-index:29;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease);display:block;position:fixed;inset:0}body.nav-open .scrim{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}}@media (width<=767px){.page-head h1{margin-top:24px}.intro{flex-direction:column;align-items:flex-start;gap:24px}.meta{flex-wrap:wrap;row-gap:16px}.meta div{width:auto;min-width:120px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.text-field{width:100%;margin-left:0}.text-field input{flex:1;width:auto}.pg-foot{flex-direction:column;align-items:stretch}.grid4,.grid-states,.fields[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr}.spec-field{width:100%}.note{grid-column:span 2;padding-top:4px}.grid2{grid-template-columns:1fr;gap:40px}.tr{grid-template-columns:1fr 1fr;row-gap:4px;padding:12px 16px}.tr.th{display:none}.tr>:first-child{grid-column:span 2;font-weight:500}.pager{grid-template-columns:1fr}.pager-item.next{justify-items:start}.pager-title{font-size:24px;line-height:32px}}@media (width<=399px){.grid4{grid-template-columns:1fr 1fr;gap:8px}.tile-v .tile-top .label{font-size:9px}}.canvas-fill{width:calc(100% - 2 * var(--gutter));justify-content:center;display:flex}.canvas-tools{right:var(--gutter);bottom:var(--gutter);gap:8px;display:flex;position:absolute}.tile-wide{height:auto;min-height:var(--tile-sm)}.tile-wide .tile-body{place-items:center start;padding:24px 0 8px}.tile-stack{justify-items:start;gap:16px;width:100%;min-width:0;display:grid}.tile-stack.center{justify-items:center}.tile-auto{height:auto;min-height:var(--tile-lg)}.tile-auto .tile-body{padding:20px 0}.surface{background:var(--bg-white-0);justify-content:center;width:100%;padding:20px 16px;display:flex}.dd-canvas>.surface{width:calc(100% - 2 * var(--gutter))}.tile-stack>.tile{justify-self:stretch}.canvas-fill .u-pg{justify-content:center}.tile-row{align-items:center;gap:16px;display:flex}.canvas-tall{height:auto;min-height:var(--canvas-h);padding:48px 0 96px}@media (width<=767px){.canvas-tools{top:var(--gutter);bottom:auto}.canvas-tall{padding-top:80px}}.stage{width:100%;min-height:var(--stage-h,480px);padding:32px var(--gutter);justify-content:center;align-items:center;display:flex;position:relative}.stage:has([data-arrow^=top]){align-items:flex-start}.stage:has([data-arrow^=bottom]){align-items:flex-end}.stage:has([data-arrow^=left]){justify-content:flex-start}.stage:has([data-arrow^=right]){justify-content:flex-end}.stage:has([data-arrow$=-left]){justify-content:flex-start;padding-left:15%}.stage:has([data-arrow$=-right]){justify-content:flex-end;padding-right:15%}.stage:has([data-arrow$=-top]){align-items:flex-start}.stage:has([data-arrow$=-bottom]){align-items:flex-end}.stage.short{--stage-h:240px}.rows{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px 20px;width:100%;display:grid}.rows>.label{text-align:right}.ring-grid{grid-template-columns:56px repeat(5,minmax(0,1fr));place-items:center;gap:20px 12px;width:100%;display:grid}.ring-grid>.label:first-child,.ring-grid>.label.row-head{justify-self:start}.tile-wrap{flex-wrap:wrap;align-items:center;gap:12px;max-width:100%;display:flex}.range{height:36px;box-shadow:inset 0 0 0 1px var(--stroke-sub-300);align-items:center;gap:12px;padding:0 12px;display:flex}.range input{width:160px;accent-color:var(--brand)}.range input:disabled{opacity:.4}.range output{min-width:32px;font-size:var(--fs-small);font-variant-numeric:tabular-nums;font-weight:500}.canvas-fill>.u-banner,.tile-body>.u-banner,.dd-canvas>.u-banner{width:100%}.dd-canvas>.u-alert,.dd-canvas>.u-progress{width:min(360px,100% - 48px)}.tile-stack.fill{justify-items:stretch}@media (width<=767px){.stage:has([data-arrow$=-left]){padding-left:var(--gutter)}.stage:has([data-arrow$=-right]){padding-right:var(--gutter)}.ring-grid{grid-template-columns:40px repeat(5,minmax(0,1fr));gap:16px 4px}.range{width:100%}.range input{flex:1;width:auto}}.tile-body{grid-template-columns:minmax(0,1fr)}.u-btn[hidden]{display:none}@media (width>=768px){.canvas:has(>.canvas-tools .u-btn:not([hidden]))>.chip{max-width:calc(100% - 2 * var(--gutter) - 136px)}}.canvas-fill>*,.tile-body>*,.dd-canvas>*{min-width:0}.canvas{grid-template-columns:minmax(0,1fr)}.canvas>[data-host]:not(.canvas-fill):not(.stage){max-width:calc(100% - 2 * var(--gutter));justify-self:center}@media (width<=767px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}}.skip[data-astro-cid-hkbrpulz]{z-index:100;background:var(--bg-strong-950);color:#fff;padding:8px 12px;font-size:14px;position:absolute;top:8px;left:-9999px}.skip[data-astro-cid-hkbrpulz]:focus{left:8px}.topbar[data-astro-cid-hkbrpulz]{z-index:40;height:var(--topbar);backdrop-filter:blur(12px);border-bottom:var(--line);background:#ffffffeb;position:sticky;top:0}.topbar-inner[data-astro-cid-hkbrpulz]{height:100%;max-width:calc(var(--container) + 2 * var(--margin));padding:0 var(--margin);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;display:grid}.brand[data-astro-cid-hkbrpulz]{justify-self:start;align-items:center;gap:16px;display:inline-flex}.brand[data-astro-cid-hkbrpulz] span[data-astro-cid-hkbrpulz]{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:12px}.topnav[data-astro-cid-hkbrpulz]{white-space:nowrap;gap:32px;display:flex}.topnav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz],.topnav[data-astro-cid-hkbrpulz] button[data-astro-cid-hkbrpulz]{color:var(--text-strong-950);cursor:pointer;transition:color .12s var(--ease);background:0 0;border:0;padding:0;font-size:14px;font-weight:500;line-height:20px}.topnav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz][aria-current=page],.topnav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover,.topnav[data-astro-cid-hkbrpulz] button[data-astro-cid-hkbrpulz]:hover{color:var(--brand)}.search[data-astro-cid-hkbrpulz]{background:var(--bg-weak-50);width:240px;height:40px;color:var(--text-sub-600);cursor:pointer;transition:background-color .12s var(--ease);border:0;justify-self:end;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}.search[data-astro-cid-hkbrpulz]:hover{background:var(--bg-soft-200)}.search-text[data-astro-cid-hkbrpulz]{text-align:left;flex:1}kbd[data-astro-cid-hkbrpulz]{color:var(--text-soft-400);font:500 12px/16px Inter,sans-serif}.menu[data-astro-cid-hkbrpulz]{display:none}@media (width<=1279px){.topnav[data-astro-cid-hkbrpulz]{gap:24px}.search[data-astro-cid-hkbrpulz]{width:160px}}@media (width<=1023px){.topbar-inner[data-astro-cid-hkbrpulz]{grid-template-columns:1fr auto auto;gap:8px}.topnav[data-astro-cid-hkbrpulz]{display:none}.search[data-astro-cid-hkbrpulz]{justify-content:center;width:40px;padding:0}.search-text[data-astro-cid-hkbrpulz],.search[data-astro-cid-hkbrpulz] kbd[data-astro-cid-hkbrpulz]{display:none}.menu[data-astro-cid-hkbrpulz]{background:var(--bg-strong-950);cursor:pointer;border:0;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:0 11px;display:inline-flex}.menu[data-astro-cid-hkbrpulz] span[data-astro-cid-hkbrpulz]{height:1.5px;transition:transform .2s var(--ease);background:#fff}body.nav-open .menu[data-astro-cid-hkbrpulz] span[data-astro-cid-hkbrpulz]:first-child{transform:translateY(3.75px)rotate(45deg)}body.nav-open .menu[data-astro-cid-hkbrpulz] span[data-astro-cid-hkbrpulz]:last-child{transform:translateY(-3.75px)rotate(-45deg)}}.palette[data-astro-cid-hkbrpulz]{background:0 0;border:0;width:min(560px,100% - 32px);max-height:none;margin:12vh auto auto;padding:0;overflow:visible}.palette[data-astro-cid-hkbrpulz]::backdrop{background:#17171752}.palette[data-astro-cid-hkbrpulz][open] .palette-box[data-astro-cid-hkbrpulz]{animation:pop .16s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.palette-box[data-astro-cid-hkbrpulz]{background:#fff;box-shadow:0 16px 48px #00000029}.palette-input[data-astro-cid-hkbrpulz]{border-bottom:var(--line);height:56px;color:var(--text-sub-600);align-items:center;gap:12px;padding:0 16px;display:flex}.palette-input[data-astro-cid-hkbrpulz] input[data-astro-cid-hkbrpulz]{color:var(--text-strong-950);background:0 0;border:0;outline:0;flex:1;font-size:16px}.palette-list[data-astro-cid-hkbrpulz]{max-height:360px;margin:0;padding:8px;list-style:none;overflow:auto}.palette-list[data-astro-cid-hkbrpulz] li[data-astro-cid-hkbrpulz]{cursor:pointer;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:14px;display:flex}.palette-list[data-astro-cid-hkbrpulz] li[data-astro-cid-hkbrpulz][aria-selected=true]{background:var(--bg-weak-50)}.palette-list[data-astro-cid-hkbrpulz] li[data-astro-cid-hkbrpulz][data-href=""]>span[data-astro-cid-hkbrpulz]:first-child{color:var(--text-soft-400)}.palette-list[data-astro-cid-hkbrpulz] li[data-astro-cid-hkbrpulz][hidden]{display:none}.palette-empty[data-astro-cid-hkbrpulz]{color:var(--text-sub-600);padding:24px 20px;font-size:14px}.toast[data-astro-cid-hkbrpulz]{z-index:60;opacity:0;pointer-events:none;background:var(--bg-strong-950);color:#fff;max-width:calc(100% - 32px);transition:opacity .18s var(--ease), transform .18s var(--ease);align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.toast[data-astro-cid-hkbrpulz].show{opacity:1;transform:translate(-50%)}.toast[data-astro-cid-hkbrpulz] kbd{color:#ffffff8f}