:root{color-scheme:light dark;--m3e-color-primary: light-dark(#006b5a, #79d7c0);--m3e-color-on-primary: light-dark(#ffffff, #00382e);--m3e-color-primary-container: light-dark(#95f4dc, #005143);--m3e-color-on-primary-container: light-dark(#005143, #95f4dc);--m3e-color-inverse-primary: light-dark(#79d7c0, #006b5a);--m3e-color-secondary: light-dark(#79536a, #e8b9d4);--m3e-color-on-secondary: light-dark(#ffffff, #46263b);--m3e-color-secondary-container: light-dark(#ffd8ed, #5f3c52);--m3e-color-on-secondary-container: light-dark(#5f3c52, #ffd8ed);--m3e-color-tertiary: light-dark(#735280, #e0b9ee);--m3e-color-on-tertiary: light-dark(#ffffff, #41244f);--m3e-color-tertiary-container: light-dark(#f7d8ff, #593b67);--m3e-color-on-tertiary-container: light-dark(#593b67, #f7d8ff);--m3e-color-error: light-dark(#ba1a1a, #ffb4ab);--m3e-color-on-error: light-dark(#ffffff, #690005);--m3e-color-error-container: light-dark(#ffdad6, #93000a);--m3e-color-on-error-container: light-dark(#93000a, #ffdad6);--m3e-color-surface: light-dark(#fff7fd, #161219);--m3e-color-surface-dim: light-dark(#e1d7e2, #161219);--m3e-color-surface-bright: light-dark(#fff7fd, #3d373f);--m3e-color-surface-container-lowest: light-dark(#ffffff, #110d14);--m3e-color-surface-container-low: light-dark(#fbf0fb, #1f1a21);--m3e-color-surface-container: light-dark(#f5ebf6, #231e25);--m3e-color-surface-container-high: light-dark(#efe5f0, #2d2830);--m3e-color-surface-container-highest: light-dark(#eadfea, #38333b);--m3e-color-on-surface: light-dark(#1f1a21, #eadfea);--m3e-color-surface-variant: light-dark(#ecdef0, #4d4351);--m3e-color-on-surface-variant: light-dark(#4d4351, #cfc2d3);--m3e-color-outline: light-dark(#7e7383, #988d9d);--m3e-color-outline-variant: light-dark(#cfc2d3, #4d4351);--m3e-color-inverse-surface: light-dark(#342e37, #eadfea);--m3e-color-inverse-on-surface: light-dark(#f8edf9, #342e37);--m3e-color-shadow: light-dark(#000000, #000000);--m3e-color-scrim: light-dark(#000000, #000000);--m3e-effects-fast-duration: .15s;--m3e-effects-fast-easing: linear(0, .0345 3.1%, .1147 6.3%, .2154 9.4%, .3214 12.5%, .4235 15.6%, .5172 18.8%, .6001 21.9%, .6718 25%, .7327 28.1%, .7837 31.3%, .826 34.4%, .8606 37.5%, .8889 40.6%, .9117 43.8%, .9301 46.9%, .9448 50%, .9565 53.1%, .9658 56.3%, .9732 59.4%, .979 62.5%, .9836 65.6%, .9872 68.8%, .9901 71.9%, .9923 75%, .994 78.1%, .9954 81.3%, .9964 84.4%, .9972 87.5%, .9978 90.6%, .9983 93.8%, .9987 96.9%, 1);--m3e-effects-default-duration: .24s;--m3e-effects-default-easing: linear(0, .0369 3.1%, .1219 6.3%, .2275 9.4%, .3374 12.5%, .4422 15.6%, .5372 18.8%, .6204 21.9%, .6916 25%, .7513 28.1%, .8009 31.3%, .8414 34.4%, .8743 37.5%, .9008 40.6%, .922 43.8%, .9389 46.9%, .9523 50%, .9628 53.1%, .9711 56.3%, .9776 59.4%, .9826 62.5%, .9866 65.6%, .9897 68.8%, .992 71.9%, .9939 75%, .9953 78.1%, .9964 81.3%, .9972 84.4%, .9979 87.5%, .9984 90.6%, .9988 93.8%, .9991 96.9%, 1);--m3e-spatial-fast-duration: .36s;--m3e-spatial-fast-easing: linear(0, .0444 3.1%, .1544 6.3%, .3001 9.4%, .458 12.5%, .611 15.6%, .7479 18.8%, .8624 21.9%, .952 25%, 1.0172 28.1%, 1.0603 31.3%, 1.0846 34.4%, 1.0942 37.5%, 1.0929 40.6%, 1.0842 43.8%, 1.0713 46.9%, 1.0565 50%, 1.0417 53.1%, 1.0281 56.3%, 1.0165 59.4%, 1.0072 62.5%, 1.0002 65.6%, .9955 68.8%, .9926 71.9%, .9912 75%, .9911 78.1%, .9917 81.3%, .9928 84.4%, .9942 87.5%, .9956 90.6%, .9969 93.8%, .9981 96.9%, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--m3e-color-surface);color:var(--m3e-color-on-surface);line-height:1.5;-webkit-font-smoothing:antialiased}:target,.docs-showcase-anchor{scroll-margin-top:84px;outline:none}.docs-skip-link{position:fixed;top:10px;inset-inline-start:16px;z-index:200;padding:8px 16px;border-radius:9999px;background-color:var(--m3e-color-primary);color:var(--m3e-color-on-primary);font-size:13px;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .14s ease-out}.docs-skip-link:focus-visible{transform:translateY(0);outline:2.5px solid var(--m3e-color-on-surface);outline-offset:2px}.docs-top-app-bar{position:sticky;top:0;z-index:50;background-color:color-mix(in srgb,var(--m3e-color-surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--m3e-color-outline-variant)}.docs-top-app-bar[data-elevated]{background-color:color-mix(in srgb,var(--m3e-color-surface-container) 92%,transparent)}.docs-top-app-bar>.m3e-top-app-bar__top-row{max-width:1420px;margin-inline:auto;gap:14px}.docs-top-app-bar .m3e-top-app-bar__inline-titles{overflow:visible}.docs-top-app-bar .m3e-top-app-bar__title{overflow:visible;white-space:normal;font-weight:400;display:flex;justify-content:center}.docs-brand-cluster{display:inline-flex;align-items:center;gap:10px}.docs-brand-link{display:inline-flex;align-items:center;gap:9px;color:var(--m3e-color-on-surface);text-decoration:none}.docs-brand__title{font-size:16px;font-weight:750;letter-spacing:-.015em}.docs-mobile-menu-btn{display:none}.docs-header-search-wrap{width:100%;max-width:380px}.docs-global-search{width:100%}.docs-header-actions{display:inline-flex;align-items:center;gap:8px}.docs-seed-dot{display:inline-block;width:13px;height:13px;border-radius:9999px;border:1.5px solid color-mix(in srgb,var(--m3e-color-on-surface) 30%,transparent);flex-shrink:0}.docs-color-picker-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border-radius:8px;border:1px solid var(--m3e-color-outline);background-color:var(--m3e-color-surface-container-low);font-size:12.5px;font-weight:600;cursor:pointer}.docs-color-input{width:20px;height:20px;border:0;padding:0;background:transparent;cursor:pointer}.docs-theme-popover-body{display:flex;flex-direction:column;gap:14px;margin-top:8px}.docs-studio-sheet-content{display:flex;flex-direction:column;gap:16px;padding-inline-end:6px}.docs-studio-field{display:flex;flex-direction:column;gap:6px}.docs-studio-field__label{font-size:11.5px;font-weight:700;color:var(--m3e-color-on-surface-variant);letter-spacing:.02em}@media(max-width:1260px){.docs-header-desktop-only,.docs-brand__chip{display:none}}@media(max-width:960px){.docs-mobile-menu-btn{display:inline-flex}.docs-header-search-wrap{display:none}}.docs-shell{max-width:1460px;margin:0 auto;padding:32px 32px 120px;display:grid;grid-template-columns:308px minmax(0,1fr);gap:40px;align-items:start}.docs-sidebar-container{position:sticky;top:80px;min-width:0}.docs-sidebar-scroll.m3e-scroll-area{border-radius:28px}.docs-sidebar-scroll .m3e-scroll-area__content{padding:0;width:100%;max-width:100%}.docs-sidebar-scroll .m3e-scroll-area__scrollbar[data-orientation=vertical]{padding-block:20px;inset-inline-end:3px!important}.docs-nav-drawer.m3e-nav-drawer{width:100%!important;max-width:100%;padding-block:14px!important;padding-inline-start:12px!important;padding-inline-end:18px!important;border:0;background-color:transparent}.docs-nav-drawer .m3e-nav-drawer__items{overflow-y:visible;min-width:0;gap:4px}.docs-nav-drawer .m3e-wide-rail__item{min-width:0;padding-inline:12px;gap:9px;font-size:13px}@media(max-width:960px){.docs-shell{grid-template-columns:minmax(0,1fr);padding:18px 16px 72px;gap:20px}.docs-sidebar-container{display:none}}.docs-main{display:flex;flex-direction:column;gap:72px;min-width:0;outline:none}.docs-hero-card.m3e-card{border-radius:28px!important;border:1px solid var(--m3e-color-outline-variant);background-color:var(--m3e-color-surface-container-low)}.docs-hero-card>.m3e-card__body{padding:28px!important}.docs-hero-card>.m3e-card__body>.m3e-card__content{display:flex;flex-direction:column;gap:20px}.docs-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.docs-hero__copy{display:flex;flex-direction:column;gap:14px;min-width:0;flex:1 1 auto}.docs-hero__chips{display:flex;flex-wrap:wrap;gap:8px}.docs-hero__title{margin:0;font-size:clamp(24px,2.8vw,32px);line-height:1.22;letter-spacing:-.02em}.docs-hero__desc{margin:0;max-width:780px;font-size:14.5px;color:var(--m3e-color-on-surface-variant)}.docs-hero__emblem.m3e-card{flex-shrink:0;background-color:var(--m3e-color-surface-container)}.docs-hero__emblem .m3e-card__content{display:flex;flex-direction:column;align-items:center;gap:8px}.docs-hero__emblem-caption{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;color:var(--m3e-color-on-surface-variant)}.docs-hero__studio-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 22px}.docs-hero__studio-group{display:flex;flex-direction:column;gap:6px}@media(max-width:760px){.docs-hero__top{flex-direction:column}}.docs-category{display:flex;flex-direction:column;gap:36px;scroll-margin-top:84px}.docs-category__header{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.docs-category__divider{margin-bottom:12px}.docs-category__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.docs-category__index-chip.m3e-chip{background-color:var(--m3e-color-primary-container);color:var(--m3e-color-on-primary-container);border-color:transparent;font-weight:800;font-variant-numeric:tabular-nums}.docs-category__count-chip.m3e-chip{font-size:11.5px}.docs-category__title{margin:0;font-size:21px;font-weight:750;letter-spacing:-.01em}.docs-category__subtitle{margin:0;font-size:14px;color:var(--m3e-color-on-surface-variant)}.docs-showcase-card.m3e-card{border-radius:24px!important;background-color:var(--m3e-color-surface-container-lowest);overflow:hidden}.docs-showcase-card>.m3e-card__body{padding:0!important}.docs-card__head{padding:24px 28px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background-color:var(--m3e-color-surface-container-low)}.docs-card__meta{display:flex;flex-direction:column;gap:6px;min-width:0}.docs-card__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.docs-card__title{margin:0;font-size:16.5px;font-weight:700}.docs-primitive-chip.m3e-chip{height:26px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background-color:var(--m3e-color-surface-container-high)}.docs-card__desc{margin:0;font-size:13.5px;color:var(--m3e-color-on-surface-variant)}.docs-card__tablist{background-color:var(--m3e-color-surface-container-low);padding-inline:20px}.docs-card__preview{padding:32px 28px;display:flex;flex-direction:column;gap:28px}.docs-code-wrap{background-color:var(--m3e-color-surface-container);padding:16px 22px 20px;display:flex;flex-direction:column;gap:12px}.docs-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.docs-code-lang-chip.m3e-chip{height:26px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.docs-code-pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;color:var(--m3e-color-on-surface)}.docs-api-wrap{padding:14px 18px 18px;background-color:var(--m3e-color-surface-container-lowest)}.docs-api-prop{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:650;color:var(--m3e-color-primary)}.docs-api-type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--m3e-color-tertiary)}.docs-api-default{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--m3e-color-on-surface-variant)}.docs-inline-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 20px}.demo-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.demo-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.context-canvas{padding:22px 20px;border-radius:18px;border:1.5px dashed var(--m3e-color-outline);background-color:var(--m3e-color-surface-container-low);color:var(--m3e-color-on-surface-variant);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:13.5px;cursor:context-menu;-webkit-user-select:none;user-select:none;transition:background-color .14s ease-out,border-color .14s ease-out}.context-canvas:hover{background-color:var(--m3e-color-surface-container);border-color:var(--m3e-color-primary)}.demo-panel{padding:20px 22px;border-radius:18px;background-color:var(--m3e-color-surface-container-low);border:1px solid var(--m3e-color-outline-variant);display:flex;flex-direction:column;gap:16px}.demo-panel__label{font-size:12px;font-weight:600;color:var(--m3e-color-on-surface-variant)}.surface-ramp{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.surface-swatch-card .m3e-card__body{padding:14px!important}.surface-swatch-card .m3e-card__content{display:flex;flex-direction:column;gap:4px;font-size:12.5px}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px}.shape-tile-card .m3e-card__body{padding:10px 6px!important}.shape-tile-card .m3e-card__content{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;text-align:center}.shape-tile-card--selected.m3e-card{border:1.5px solid var(--m3e-color-primary)}.docs-footer-card.m3e-card{border-radius:24px!important;border:1px solid var(--m3e-color-outline-variant)}.docs-footer__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.docs-footer__brand{display:flex;align-items:center;gap:12px}.docs-footer__sub{font-size:12.5px;color:var(--m3e-color-on-surface-variant)}
