:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#253143;font-synthesis:none;--page:#fff;--text:#253143;--muted:#727c89;--subtle:#8a939f;--line:#e7eaef;--blue:#1767d2;--blue-soft:#edf4ff;--blue-line:#e0ecff;--surface:#f8f9fb;--surface-raised:#fcfcfd;--surface-hover:#f1f5f9;--header-bg:#ffffffed;--code-bg:#f1f4f8;--code-text:#345582;--input-bg:#fff;--input-line:#dfe5ed;--input-text:#49627d;--shadow:#00000012;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7edf6;--page:#101722;--text:#e7edf6;--muted:#a3afbf;--subtle:#93a1b2;--line:#2b3748;--blue:#7db1ff;--blue-soft:#182b45;--blue-line:#294668;--surface:#151f2c;--surface-raised:#192534;--surface-hover:#202e40;--header-bg:#101722ed;--code-bg:#202d3d;--code-text:#bdd7ff;--input-bg:#121b27;--input-line:#3a4a5d;--input-text:#c1d2e5;--shadow:#0000004d;background:#101722}*{box-sizing:border-box}body{color:var(--text);background:var(--page);margin:0}html{scroll-behavior:smooth}button,input,select,textarea{font:inherit}button,input,select{color:inherit}button,a,input,summary,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{background:0 0;border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}code,pre{font-family:var(--mono)}code{color:var(--code-text);background:var(--code-bg);border-radius:4px;padding:2px 4px;font-size:.88em}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.7px;margin-bottom:10px;font-size:24px;font-weight:620}h3{letter-spacing:-.3px;font-size:18px}section,[id]{scroll-margin-top:90px}.skip-link{z-index:20;color:var(--text);background:var(--surface-raised);padding:10px;position:fixed;top:-50px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:5;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.5px;align-items:center;gap:11px;font-size:16px;font-weight:650;display:flex}.wordmark img{border-radius:5px;width:24px;height:24px;display:block}.header-actions{align-items:center;gap:8px;display:flex}.header-version{color:var(--muted);font:11px var(--mono);margin-right:6px}.icon-button{width:32px;height:32px;color:var(--muted);border:1px solid #0000;border-radius:6px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.icon-button svg{width:17px;height:17px}.icon-button:hover{border-color:var(--line);color:var(--text);background:var(--surface-hover)}.lang-button{font-family:var(--mono);font-size:11px;font-weight:600}.doc-layout{gap:56px;max-width:1320px;margin:auto;padding:0 34px;display:flex}.sidebar{flex-direction:column;flex-shrink:0;width:212px;min-width:0;max-width:212px;height:calc(100vh - 66px);padding:36px 0;font-size:13px;transition:width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:66px;overflow:hidden}.doc-layout.sidebar-collapsed{gap:32px}.doc-layout.sidebar-collapsed .sidebar{width:36px!important;max-width:36px!important}.doc-layout.sidebar-collapsed .sidebar-top{justify-content:center}.doc-layout.sidebar-collapsed .sidebar-content{opacity:0;pointer-events:none}.sidebar-top{justify-content:space-between;align-items:center;min-width:0;height:28px;margin-bottom:14px;display:flex}.sidebar-label{color:var(--subtle);letter-spacing:1.2px;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600}.sidebar-toggle{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:var(--surface-raised);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.sidebar-toggle svg{width:14px;height:14px;display:block}.sidebar-toggle:hover{color:var(--text);border-color:var(--line);background:var(--surface-hover)}.sidebar-content{opacity:1;flex-direction:column;flex:1;width:212px;min-width:212px;min-height:0;transition:opacity .2s;display:flex}.sidebar-product{border:1px solid var(--blue-line);color:var(--blue);background:var(--blue-soft);border-radius:6px;margin-bottom:35px;padding:10px 12px;font-weight:600}.sidebar nav{border-left:1px solid var(--line);flex-direction:column;gap:2px;display:flex}.sidebar nav a{color:var(--muted);padding:9px 15px;transition:color .15s,background .15s}.sidebar nav a:hover{color:var(--blue);background:var(--surface-hover)}.sidebar-footer{color:var(--subtle);font:10px var(--mono);gap:8px;margin-top:auto;padding:26px 10px 0;display:grid}.doc-content{flex:1;min-width:0;padding:46px 0 0}.breadcrumb{color:var(--subtle);margin-bottom:23px;font-size:12px}.breadcrumb span{color:var(--line);margin:0 10px}h1{letter-spacing:-1.8px;margin:0 0 18px;font-size:44px;font-weight:650;line-height:1.2}.lead{max-width:650px;color:var(--muted);margin-bottom:20px;font-size:16px;line-height:1.85}.overview-meta{align-items:center;gap:8px;font-size:11px;display:flex}.overview-meta>span{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:4px;padding:4px 9px}.overview-meta>a{color:var(--blue);font-family:var(--mono);margin-left:6px}.quickstart{margin:25px 0 0}.quickstart>p{color:var(--subtle);margin:11px 0 0;font-size:12px}.doc-section{margin-top:62px}.section-heading p{color:var(--muted);margin:0 0 21px;font-size:13px}.section-heading h2 a:hover{color:var(--blue)}.example-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;overflow:hidden}.example-toolbar{border-bottom:1px solid var(--line);background:var(--surface-raised);justify-content:space-between;align-items:center;height:49px;padding:0 20px;display:flex}.view-tabs{align-self:stretch;gap:20px;display:flex}.view-tabs button{color:var(--subtle);padding:0 1px;font-size:12px;position:relative}.view-tabs button[aria-pressed=true]{color:var(--text);font-weight:600}.view-tabs button[aria-pressed=true]:after{background:var(--blue);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.example-tag{color:var(--subtle);font:10px var(--mono)}.example-canvas{min-width:0;padding:22px 22px 16px}.example-footer{border-top:1px solid var(--line);color:var(--subtle);font:11px var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;display:flex}.example-footer code{color:var(--input-text);background:0 0;margin-right:8px;padding:0;font-size:11px}.chart-legend{color:var(--subtle);flex-wrap:wrap;justify-content:center;gap:22px;padding:0 0 6px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.example-controls{border-top:1px solid var(--line);background:var(--surface);padding:21px 22px}.range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;display:grid}.range-control{min-width:0;font-size:11px;display:block}.range-control>span{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.number-input{align-items:center;gap:3px;display:flex}.number-input input{border:1px solid var(--input-line);background:var(--input-bg);width:39px;min-width:0;color:var(--input-text);text-align:right;font:11px var(--mono);-moz-appearance:textfield;border-radius:4px;padding:3px 0 3px 2px}.number-input input::-webkit-inner-spin-button{appearance:none}.number-input small{color:var(--subtle);font:9px var(--mono)}input[type=range]{width:100%;height:3px;accent-color:var(--blue);cursor:pointer;margin:0;display:block}.toggle-row{flex-wrap:wrap;align-items:center;gap:17px 23px;display:flex}.range-grid+.toggle-row,.toggle-row+.color-grid{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.toggle input{appearance:none;cursor:pointer;background:#8e99a8;border-radius:20px;width:25px;height:14px;margin:0;transition:background .15s;position:relative}.toggle input:checked{background:var(--blue)}.toggle input:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked:after{left:14px}.disabled{opacity:.4}.color-grid{grid-template-columns:1fr 1fr;gap:16px 30px;display:grid}.color-row{align-items:center;gap:10px;font-size:11px;display:flex}.color-row>span:first-child{width:38px;color:var(--muted)}.color-arrow{color:var(--subtle)}.color-value{border:1px solid var(--input-line);background:var(--input-bg);width:96px;color:var(--input-text);font:11px var(--mono);border-radius:4px;padding:4px 6px}input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:4px;width:24px;height:24px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:4px}input[type=color]::-moz-color-swatch{border:1px solid var(--line);border-radius:4px}select{border:1px solid var(--input-line);background:var(--input-bg);color:var(--input-text);border-radius:4px;padding:5px 6px;font-size:11px}.color-row select{margin-left:3px}.tooltip-code-editor{margin-top:16px}.tooltip-code-editor textarea{box-sizing:border-box;border:1px solid var(--input-line);background:var(--input-bg);width:100%;color:var(--input-text);font:12px/1.7 var(--mono);tab-size:2;resize:vertical;border-radius:8px;padding:14px 16px;display:block}.tooltip-code-editor textarea:focus{outline:2px solid var(--blue);outline-offset:-1px}.code-block{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.example-card>.code-block{border:0;border-radius:0}.code-bar{border-bottom:1px solid var(--line);color:var(--subtle);font:10px var(--mono);justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.code-bar button{color:var(--muted);padding:3px 5px;font-family:inherit;font-size:10px}.code-bar button:hover{background:var(--surface-hover);border-radius:3px}.code-block pre{max-height:400px;color:var(--input-text);font:12px/1.8 var(--mono);tab-size:2;margin:0;padding:17px 20px;overflow:auto}.code-block code{color:inherit;font:inherit;white-space:pre;background:0 0;padding:0}.data-editor summary{list-style:revert;font-size:12px;font-weight:500}.data-editor summary span{color:var(--subtle);font:10px var(--mono);margin-left:12px}.editor-top{color:var(--muted);padding:18px 0 12px;font-size:11px}.editor-top select{margin-left:10px}.data-editor textarea{border:1px solid var(--input-line);resize:vertical;background:var(--input-bg);width:100%;height:240px;color:var(--input-text);font:11px/1.8 var(--mono);border-radius:6px;padding:14px;display:block}.editor-bottom{color:var(--subtle);justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.primary-button{color:#fff;background:#276cbe;border-radius:5px;padding:8px 12px;font-size:11px}.primary-button:hover{background:#3480d6}.input-error{color:#d7645c;background:#5b252529;border-radius:5px;margin-bottom:0;padding:9px 12px;font-size:12px}.size-grid{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.size-grid>div{border-right:1px solid var(--line);padding:27px 24px}.size-grid>div:last-child{border-right:0}.size-grid>div>span{color:var(--subtle);font:10px var(--mono);letter-spacing:1px}.size-grid strong{color:var(--text);font:36px var(--mono);letter-spacing:-1.8px;margin-top:17px;display:block}.size-grid strong small{color:var(--subtle);letter-spacing:0;font-size:15px}.size-grid p{color:var(--muted);margin:9px 0 0;font-size:11px}.size-grid .size-primary{background:var(--blue-soft)}.size-primary strong{color:var(--blue)}.table-scroll{border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;color:var(--muted);text-align:left;font-size:12px;line-height:1.75}th{border-bottom:1px solid var(--line);color:var(--muted);background:var(--surface);white-space:nowrap;padding:13px 16px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top;padding:17px 16px}tr:last-child td{border-bottom:0}td code{overflow-wrap:anywhere;font-size:11px}.props-table{table-layout:fixed;min-width:620px}.props-table th:first-child{width:26%}.props-table th:nth-child(2){width:22%}.prop-name{color:var(--code-text);background:var(--code-bg);font-size:12px;font-weight:600}.prop-type{color:var(--subtle);overflow-wrap:anywhere;margin-top:8px;font-size:11px;line-height:1.6}.prop-type code{color:inherit;background:0 0;padding:0;font-size:10px}.prop-usage{margin-top:9px}.prop-usage code{color:var(--code-text);background:0 0;padding:0;font-size:10px}.type-reference{border:1px solid var(--line);border-radius:7px;margin-top:11px;overflow:hidden}.type-reference>summary{background:var(--surface);padding:16px 18px;font-size:12px}.type-reference>summary code{color:var(--input-text);background:0 0;padding:0;font-size:12px}.type-content{padding:18px}.type-content p{color:var(--muted);font-size:12px}.type-content td{padding:12px;font-size:11px}.type-content .code-block{margin-top:17px}.site-footer{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;margin-top:65px;padding:25px 0 35px;font-size:11px;display:flex}.site-footer a{color:var(--blue)}[hidden]{display:none!important}@media (width>=1500px){.doc-layout{gap:80px}.doc-layout.sidebar-collapsed{gap:40px}}@media (width<=1100px){.doc-layout{gap:35px;padding:0 25px}.doc-layout.sidebar-collapsed{gap:24px}.sidebar{width:175px;max-width:175px}.doc-layout.sidebar-collapsed .sidebar{width:36px;max-width:36px}.sidebar-content{width:175px;min-width:175px}.range-grid{grid-template-columns:1fr 1fr;gap:24px 35px}.size-grid>div{padding:23px 16px}.size-grid strong{font-size:29px}}@media (width<=760px){.site-header{height:58px;padding:0 20px}.header-actions{gap:4px}.header-version{margin-right:2px;font-size:10px}.sidebar-top{display:none}.doc-layout,.doc-layout.sidebar-collapsed{max-width:none;padding:0 20px;display:block}.sidebar{height:auto;padding:20px 0 0;position:relative;top:0}.sidebar-content,.sidebar.collapsed .sidebar-content{opacity:1;visibility:visible;pointer-events:auto;height:auto;display:flex;overflow:visible}.sidebar-product,.sidebar-footer{display:none}.sidebar nav{border:0;border-bottom:1px solid var(--line);white-space:nowrap;flex-direction:row;gap:16px;overflow-x:auto}.sidebar nav a{padding:6px 0 13px;font-size:11px}.doc-content{padding-top:28px}.breadcrumb{margin-bottom:17px;font-size:11px}h1{font-size:36px}.lead{font-size:14px}.overview-meta{flex-wrap:wrap}.doc-section{margin-top:43px}h2{font-size:21px}.section-heading p{font-size:12px}.example-canvas{padding:14px 9px 9px}.example-controls{padding:20px 16px}.example-toolbar{padding:0 17px}.example-footer{padding:12px 16px;font-size:9px}.example-footer code{font-size:9px}.color-grid{grid-template-columns:1fr;gap:15px}.color-row>span:first-child{width:48px}.size-grid>div{padding:20px 11px}.size-grid strong{letter-spacing:-1px;font-size:24px}.size-grid strong small{font-size:11px}.size-grid p{font-size:9px}.size-grid>div>span{letter-spacing:0;font-size:8px}.code-block pre{padding:14px;font-size:11px}.quickstart>p{font-size:11px}.props-table th,.props-table td{padding:13px 12px}.doc-content section,[id]{scroll-margin-top:78px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.tooltip-code-editor>summary{cursor:pointer;font-size:12px;font-weight:500}.tooltip-code-editor[open]>summary{margin-bottom:12px}