@import"https://fonts.googleapis.com/css2?family=Inter:wght@350;450;550&family=Noto+Sans+SC:wght@350;450;550&display=swap";:root{font-family:Inter,Noto Sans SC,sans-serif;font-weight:350;color:#11110f;background:#fff;font-synthesis:none;--header-height: 64px;--content-max-width: 1920px;--line: #deded9;--muted: #6e6e67;--ui-bg: #fff;--ui-text: #000;--ui-muted: #8e8e8e;--ui-surface: #f1f1f1;--ui-hover: #f0f0f0;--ui-selected: #e8e8e8;--ui-selected-hover: #dcdcdc;--ui-subtle: #f7f7f7;--ui-line: #f1f1f1;--preview-grid: #b2b2ac;--guide-safe: #568819;--guide-wide: #6657d5;--guide-circle: #d24950;--guide-core: #c13baa}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth;overflow-x:clip;scrollbar-gutter:stable;scrollbar-color:var(--ui-muted) var(--ui-bg)}body{margin:0;min-width:320px;overflow-x:clip}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}.shell{min-height:100vh}.shell>main{padding-top:var(--header-height)}.header{width:100%;height:var(--header-height);padding:24px max(48px,calc((100% - var(--content-max-width)) / 2 + 48px)) 0;display:grid;grid-template-columns:1fr 1fr;align-items:start;position:fixed;inset:0 0 auto;z-index:20;isolation:isolate;background:transparent;font-family:Inter,Noto Sans SC,sans-serif}.header:before{position:absolute;inset:0 0 -32px;z-index:-1;background:linear-gradient(180deg,#fff,#fffffffa 58%,#ffffffd6 74%,#fff0);content:"";pointer-events:none}.header.is-library:before{inset:0;background:#fff}.wordmark{height:36px;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:inherit;cursor:pointer;font-size:20px;font-weight:450;line-height:20px;text-decoration:none}.wordmark:hover{color:var(--ui-muted)}.mark{width:24px;height:24px;display:grid;place-items:center}.mark img{width:24px;height:24px;display:block;filter:brightness(0)}.header>nav{height:36px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.header-nav-surface{height:36px;display:flex;gap:2px;padding:3px;border-radius:10px;background:#f1f1f1}.header nav :is(button,a){height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;position:relative;z-index:1;border:0;border-radius:7px;background:transparent;color:#8e8e8e;cursor:pointer;font-size:15px;font-weight:350;line-height:18px;white-space:nowrap;text-decoration:none}.header nav :is(button,a):hover{color:var(--ui-text)}.header nav :is(button,a).active{color:#000;box-shadow:none}.count{margin-left:4px;color:#8e8e8e}.header-tools{justify-self:end;display:flex;gap:10px}.header-tool-compact{width:36px;height:36px;display:none;place-items:center;padding:3px;border:0;border-radius:10px;background:var(--ui-surface);color:var(--ui-text);cursor:pointer;font-size:14px;font-weight:450;line-height:20px}.sliding-surface{position:relative}.sliding-indicator{position:absolute;top:4px;bottom:4px;left:0;z-index:0;border-radius:8px;background:#fff;opacity:0;pointer-events:none}.segmented-control{height:36px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:#f1f1f1}.segmented-control button{width:30px;height:30px;position:relative;z-index:1;display:grid;place-items:center;padding:3px;border:0;border-radius:7px;background:transparent;color:#8e8e8e;cursor:pointer;font-size:14px;font-weight:450;line-height:20px}.header .segmented-control .ui-icon-slot,.header-tool-compact .ui-icon-slot{--ui-icon-size: 18px}.header-nav-surface .sliding-indicator,.header .segmented-control .sliding-indicator{top:3px;bottom:3px;border-radius:7px}.segmented-control button:hover:not(.is-active){background:transparent;color:var(--ui-text)}.segmented-control button.is-active{color:#000}.segmented-control:has(button.is-active:hover) .sliding-indicator,.header-nav-surface:has(:is(button,a).active:hover) .sliding-indicator{background:var(--ui-selected-hover)}.ui-icon-slot{--ui-icon-size: clamp(20px, 3vw, 24px);width:var(--ui-icon-size);height:var(--ui-icon-size);flex:0 0 var(--ui-icon-size);display:grid;place-items:center;overflow:hidden}.ui-icon-slot>svg,.ui-icon-slot>img{width:100%;height:100%;display:block}.ui-icon-slot.is-placeholder:after{width:calc(var(--ui-icon-size) / 3);height:calc(var(--ui-icon-size) / 3);border:1px solid currentColor;border-radius:2px;content:"";opacity:.45}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}:where(button,input,select):focus-visible{outline:2px solid currentColor;outline-offset:2px}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.1em;font:450 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}h1,h2,h3,p{margin-top:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.home-hero{width:min(var(--content-max-width),100%);min-height:calc(100svh - var(--header-height));margin:0 auto;padding:clamp(40px,5vw,72px) 48px 48px;display:flex;align-items:center;overflow:hidden}.home-hero-layout{width:100%;min-height:640px;margin:0 auto;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);align-items:stretch;gap:clamp(48px,7vw,112px)}.home-hero-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.home-hero h1{max-width:660px;margin:20px 0 0;color:var(--ui-text);font-size:clamp(64px,6.2vw,104px);line-height:.9;letter-spacing:-.068em;font-weight:450}.home-intro{max-width:440px;margin:28px 0 0;color:var(--ui-muted);font-size:clamp(16px,1.2vw,19px);line-height:1.55;letter-spacing:-.02em}.home-release{padding:5px 6px 5px 10px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-bg);color:var(--ui-muted);cursor:pointer;font-size:11px;line-height:16px;text-decoration:none}.home-release strong{padding:3px 6px;border-radius:5px;background:var(--ui-surface);color:var(--ui-text);font:450 10px ui-monospace,SFMono-Regular,Menlo,monospace}.home-release:hover span{color:var(--ui-text)}.home-actions{margin-top:32px;display:flex;align-items:center;gap:12px}.home-install{width:100%;max-width:620px;margin-top:20px}.install-command{min-width:0;height:52px;flex:1;padding:0 6px 0 16px;display:grid;grid-template-columns:auto minmax(0,1fr) 40px;align-items:center;gap:14px;border:0;border-radius:13px;background:var(--ui-surface)}.install-command>span{color:var(--ui-muted);text-transform:uppercase;font:350 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.install-command code{overflow:hidden;color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap}.install-command button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--ui-muted)}.install-command button:hover{background:var(--ui-hover);color:var(--ui-text)}.install-copy-icon{width:17px;height:17px;position:relative;display:block}.install-copy-icon svg{position:absolute;inset:0;transition:opacity .22s ease,filter .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.install-copy-default{opacity:1;filter:blur(0);transform:scale(1)}.install-copy-success,.install-command button.is-copied .install-copy-default{opacity:0;filter:blur(5px);transform:scale(.82)}.install-command button.is-copied .install-copy-success{opacity:1;filter:blur(0);transform:scale(1)}@media(prefers-reduced-motion:reduce){.install-copy-icon svg{transition:none}}.explore-link{flex:none;min-width:170px;height:52px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;border:0;border-radius:13px;background:var(--ui-text);color:var(--ui-bg);cursor:pointer;font-size:13px;text-decoration:none}.explore-link:hover{opacity:.82}.home-svg-download{min-height:52px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:var(--ui-muted);cursor:pointer;font-size:13px;line-height:18px;text-decoration:none}.home-svg-download:hover{color:var(--ui-text)}.home-svg-download svg{flex:0 0 16px}.home-visual{min-width:0;min-height:640px;padding:8px;display:grid;grid-template-rows:40px minmax(0,1fr);border-radius:24px;background:var(--ui-subtle)}.home-visual-header{padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ui-muted);font-size:11px;line-height:16px}.home-visual-header span:first-child{color:var(--ui-text)}.home-physics{min-width:0;min-height:0}.icon-showcase{width:100%;height:100%;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:var(--ui-bg)}.physics-showcase{touch-action:manipulation;overscroll-behavior:contain;cursor:pointer;-webkit-user-select:none;user-select:none}.physics-showcase.is-dragging{cursor:grabbing;touch-action:none}.physics-icon{width:40px;height:40px;position:absolute;left:0;top:0;z-index:3;display:grid;place-items:center;opacity:0;color:var(--ui-text);will-change:transform;pointer-events:none}.principles{padding:clamp(80px,10vw,150px) clamp(24px,6vw,96px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-heading h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;line-height:1;font-weight:450;margin:0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle-grid article{min-height:270px;padding:24px 32px 32px 0;border-right:1px solid var(--line)}.principle-grid article+article{padding-left:32px}.principle-grid article:last-child{border-right:0}.principle-grid article>span{font:350 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#999991}.principle-grid h3{margin:100px 0 15px;font-size:20px;font-weight:450}.principle-grid p{color:var(--muted);line-height:1.6;max-width:340px;font-size:14px}.library-page{width:min(var(--content-max-width),100%);min-height:calc(100vh - 64px);margin:0 auto;padding:24px 48px 120px;font-family:Inter,Noto Sans SC,sans-serif}.library-toolbar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:calc(var(--header-height) + 24px);z-index:15;isolation:isolate}.library-toolbar:before{position:absolute;inset:-24px -48px -28px;z-index:-1;background:linear-gradient(180deg,#fff 0% 68%,#fffffff0 78%,#fff0);content:"";pointer-events:none}.icon-search{width:159px;height:40px;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;background:#f1f1f1;color:#8e8e8e}.icon-search:hover,.icon-search:focus-within{color:var(--ui-text);background:var(--ui-hover)}.icon-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#000;font-size:16px;font-weight:350;line-height:20px}.icon-search input::placeholder{color:#8e8e8e;opacity:1}.search-clear{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.search-clear:hover{background:var(--ui-hover);color:var(--ui-text)}.library-toolbar-actions{display:flex;align-items:center;gap:12px}.library-download{height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-bg);color:var(--ui-text);cursor:pointer;font-size:14px;font-weight:450;line-height:20px;white-space:nowrap;text-decoration:none}.library-download:hover{background:var(--ui-subtle)}.library-download svg{width:18px;height:18px;flex:0 0 18px}.select-menu{position:relative}.select-trigger{min-width:142px;height:40px;padding:0 8px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-bg);color:var(--ui-text);cursor:pointer;font-size:14px;font-weight:450;line-height:20px}.select-trigger:hover:not([aria-expanded=true]){background:var(--ui-subtle)}.select-trigger[aria-expanded=true]{background:var(--ui-selected)}.select-trigger[aria-expanded=true]:hover{background:var(--ui-selected-hover)}.select-trigger svg{width:18px;height:18px;flex:0 0 18px}.select-popover{width:100%;padding:4px;position:absolute;top:calc(100% + 8px);right:0;z-index:4;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-bg)}.select-option{width:100%;min-height:36px;padding:0 8px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);cursor:pointer;text-align:left;font-size:12px;font-weight:350}.select-option:hover:not([aria-selected=true]),.select-option:focus-visible:not([aria-selected=true]){background:var(--ui-subtle);color:var(--ui-text)}.select-option[aria-selected=true]{background:var(--ui-selected);color:var(--ui-text)}.select-option[aria-selected=true]:hover,.select-option[aria-selected=true]:focus-visible{background:var(--ui-selected-hover)}.select-option:active:not([aria-selected=true]){background:var(--ui-hover)}.view-control{gap:8px}.icon-collection{margin-top:28px;display:grid;gap:48px}.collection-group{min-width:0}.collection-heading{margin-bottom:16px;display:flex;align-items:baseline;gap:16px}.collection-heading h2{margin:0;color:#000;font-size:24px;font-weight:450;line-height:24px}.collection-heading>span{color:#8e8e8e;font-size:16px;font-weight:450;line-height:16px}.collection-subgroups{display:grid;gap:0}.collection-subgroup{min-width:0;padding-top:24px;margin-top:24px;border-top:1px solid var(--ui-line)}.collection-subgroup:first-child{padding-top:0;margin-top:0;border-top:0}.collection-subheading{margin:0 0 16px;display:flex;align-items:baseline;gap:12px}.collection-subheading h3{margin:0;color:#4a4a4a;font-size:18px;font-weight:450;line-height:18px}.collection-subheading>span{color:#a3a3a3;font-size:14px;font-weight:450;line-height:14px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:16px;width:100%}.icon-grid-tile{width:48px;height:48px;justify-self:center;display:grid;place-items:center;padding:8px;border:0;border-radius:10px;background:transparent;color:#000;cursor:pointer;text-decoration:none;content-visibility:auto;contain-intrinsic-size:48px 48px}.icon-grid-tile:hover,.icon-grid-tile:focus-visible{background:var(--ui-hover)}.empty{text-align:center;padding:120px 20px;color:var(--muted)}.empty h2{color:#11110f;margin:20px 0 8px;font-weight:450}.route-loading{min-height:calc(100svh - var(--header-height));display:grid;place-items:center;color:var(--ui-muted);font:13px/1.5 Inter,Noto Sans SC,sans-serif}.route-error{width:min(720px,calc(100% - 40px));min-height:calc(100svh - var(--header-height));margin:0 auto;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;font-family:Inter,Noto Sans SC,sans-serif}.route-error h1{margin:0;color:var(--ui-text);font-size:clamp(28px,5vw,44px);font-weight:450;letter-spacing:-.03em}.route-error p{max-width:480px;margin-top:16px;color:var(--ui-muted);font-size:15px;line-height:1.7}.route-error>div{margin-top:28px;display:flex;gap:10px}.route-error button{min-height:42px;padding:0 16px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-subtle);color:var(--ui-text);cursor:pointer}.route-error button:hover{background:var(--ui-surface)}.not-found{width:min(720px,calc(100% - 40px));min-height:calc(100svh - var(--header-height));margin:0 auto;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;font-family:Inter,Noto Sans SC,sans-serif}.not-found>p{margin:0 0 16px;color:var(--ui-muted);font-size:13px;letter-spacing:.08em}.not-found h1{margin:0;color:var(--ui-text);font-size:clamp(48px,8vw,88px);font-weight:450;line-height:.98;letter-spacing:-.05em}.not-found>span{max-width:480px;margin-top:24px;color:var(--ui-muted);font-size:15px;line-height:1.7}.not-found>div{margin-top:32px;display:flex;gap:10px}.not-found :is(button,a){min-height:42px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-subtle);color:var(--ui-text);cursor:pointer;text-decoration:none}.not-found :is(button,a):hover{background:var(--ui-surface)}.page-heading{margin-top:28px;padding-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ui-line)}.page-heading-copy{min-width:0}.page-heading-label{margin:0 0 12px;color:var(--ui-muted);font-size:14px;line-height:20px}.page-heading h1{margin:0;color:var(--ui-text);font-size:32px;font-weight:450;line-height:1.2;overflow-wrap:anywhere}.page-heading-description{max-width:720px;margin:12px 0 0;color:var(--ui-muted);font-size:16px;line-height:1.6}.page-heading-meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.page-heading-meta span,.status{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;background:var(--ui-surface);color:var(--ui-muted);font-size:12px;line-height:16px}.page-heading-actions{flex:none}.status{color:var(--ui-text)}.icon-detail-overlay{position:fixed;inset:0;z-index:60;padding:12px;display:flex;align-items:flex-end;justify-content:center;background:#00000038}.icon-detail-drawer{width:min(1120px,calc(100vw - 24px));height:min(820px,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--ui-bg);color:var(--ui-text)}.icon-detail-drawer:focus{outline:0}.drawer-topbar{min-height:84px;padding:22px 24px 14px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:20px;background:var(--ui-bg)}.drawer-topbar:after{height:24px;position:absolute;top:100%;right:0;left:0;background:linear-gradient(180deg,var(--ui-bg),transparent);content:"";pointer-events:none}.drawer-topbar button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:var(--ui-surface);color:var(--ui-text);cursor:pointer}.drawer-topbar button:hover{background:var(--ui-hover)}.drawer-title{min-width:0}.drawer-title-line{min-width:0;display:flex;align-items:center;gap:12px}.drawer-title h1{min-width:0;margin:0;overflow:hidden;color:var(--ui-text);font-size:22px;font-weight:450;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.drawer-title.is-single-line h1{font-size:24px;line-height:32px}.drawer-topbar .drawer-name-copy{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);cursor:pointer;opacity:0;pointer-events:none}.drawer-title:hover .drawer-name-copy,.drawer-title:focus-within .drawer-name-copy{opacity:1;pointer-events:auto}.drawer-name-copy:hover,.drawer-name-copy:focus-visible{background:var(--ui-hover);color:var(--ui-text)}.drawer-name-copy:active{background:var(--ui-surface)}.drawer-title p{margin:2px 0 0;overflow:hidden;color:var(--ui-muted);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.drawer-content{width:100%;min-height:0;flex:1;padding:24px 24px 160px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.drawer-content::-webkit-scrollbar{display:none}.detail-preview{min-width:0;height:520px;min-height:520px;display:grid;grid-template-columns:520px minmax(0,1fr);overflow:hidden;border-radius:16px;background:var(--ui-subtle)}.preview-canvas{width:min(100%,520px);min-width:0;aspect-ratio:1;align-self:center;position:relative;overflow:hidden;background:transparent}.preview-size-label{position:absolute;top:16px;left:16px;z-index:2;color:var(--ui-muted);font-size:12px;line-height:16px;pointer-events:none}.preview-master{width:min(256px,calc(100% - 48px));aspect-ratio:1;position:absolute;top:50%;left:50%;overflow:hidden;color:var(--ui-text);transform:translate(-50%,-50%)}.preview-master.is-actual{width:var(--preview-actual-size);height:var(--preview-actual-size);aspect-ratio:auto;overflow:visible}.preview-grid-svg,.preview-guide-svg,.preview-motion-target,.preview-motion-layer,.preview-icon{position:absolute;inset:0;width:100%;height:100%;display:block}.preview-grid-svg{z-index:0;color:var(--preview-grid);pointer-events:none}.preview-motion-target{z-index:1}.preview-motion-target.is-active{will-change:filter,opacity,transform}.preview-guide-svg{z-index:2;overflow:visible;pointer-events:none}.preview-guide-svg *{vector-effect:non-scaling-stroke}.preview-guide-svg .guide-safe-area{stroke:var(--guide-safe);stroke-width:.14;opacity:.96}.preview-guide-svg .guide-safe-area .guide-wide{stroke:var(--guide-wide)}.preview-guide-svg .guide-safe-area circle{stroke:var(--guide-circle)}.preview-guide-svg .guide-axis{stroke:var(--ui-muted);stroke-width:.14;opacity:.86}.preview-guide-svg .guide-core{stroke:var(--guide-core);stroke-width:.14;opacity:.94}.preview-master.is-skeleton .preview-icon{opacity:.12}.icon-skeleton-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:block;overflow:visible;color:var(--ui-text);pointer-events:none}.skeleton-geometry>*{fill:none!important;stroke:var(--ui-text)!important;stroke-width:.09!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:none!important;opacity:.72}.skeleton-handle{fill:none;stroke:var(--ui-muted)}.skeleton-control{fill:var(--ui-bg);stroke:var(--ui-muted)}.skeleton-anchor{fill:var(--ui-bg);stroke:var(--ui-text)}.preview-controls{min-width:0;height:100%;padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;background:transparent;scrollbar-width:none}.preview-controls::-webkit-scrollbar{display:none}.preview-mode-control{width:100%;gap:4px}.preview-mode-control button{width:auto;min-width:0;flex:1;padding-inline:10px;font-size:11px;font-weight:350}.preview-mode-summary{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.preview-reset{min-width:96px;height:36px;padding:0 12px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-bg);color:var(--ui-muted);cursor:pointer;font-size:11px}.preview-reset:hover,.preview-reset:focus-visible{border-color:color-mix(in srgb,var(--ui-muted) 36%,var(--ui-line));background:var(--ui-hover);color:var(--ui-text)}.preview-reset:active{background:var(--ui-selected)}.preview-mode-copy{min-width:0;display:grid;gap:2px}.preview-mode-copy strong{color:var(--ui-text);font-size:12px;font-weight:450;line-height:18px}.preview-mode-copy span{color:var(--ui-muted);font-size:11px;line-height:16px}.preview-range-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--ui-muted);font-size:12px}.preview-range-control output{color:var(--ui-text)}.preview-range-control input{grid-column:1 / -1;width:100%;height:18px;margin:0;appearance:none;border:0;outline:0;background:linear-gradient(to right,var(--ui-text) 0 var(--range-progress),var(--ui-line) var(--range-progress) 100%) center / 100% 2px no-repeat;cursor:pointer}.preview-range-control input::-webkit-slider-runnable-track{height:2px;border:0;background:transparent}.preview-range-control input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px;appearance:none;border:0;border-radius:50%;background:var(--ui-text)}.preview-range-control input::-moz-range-track{height:2px;border:0;background:transparent}.preview-range-control input::-moz-range-progress{height:2px;background:transparent}.preview-range-control input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--ui-text)}.preview-range-control input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ui-text);outline-offset:2px}.preview-range-control input:focus-visible::-moz-range-thumb{outline:2px solid var(--ui-text);outline-offset:2px}.preview-canvas-inspection{position:absolute;right:16px;bottom:16px;left:16px;z-index:5;display:flex;align-items:center;justify-content:center}.preview-actions{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px}.preview-color-control{width:36px;height:36px;flex:0 0 36px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-bg);cursor:pointer}.preview-color-control:hover,.preview-color-control:focus-within{border-color:color-mix(in srgb,var(--ui-muted) 36%,var(--ui-line));background:var(--ui-hover)}.preview-color-control:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}.preview-color-swatch{width:22px;height:22px;display:block;border:1px solid rgb(0 0 0 / 8%);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff59;pointer-events:none}.preview-color-control:hover .preview-color-swatch{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px color-mix(in srgb,var(--ui-bg) 90%,transparent)}.preview-color-picker{width:272px;z-index:80;padding:12px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-bg);color:var(--ui-text);box-shadow:0 16px 40px #0000001a;font-family:Inter,Noto Sans SC,sans-serif}.preview-color-picker-sv{height:148px;position:relative;overflow:hidden;border-radius:10px;cursor:crosshair;touch-action:none}.preview-color-picker-sv:before,.preview-color-picker-sv:after{position:absolute;inset:0;content:"";pointer-events:none}.preview-color-picker-sv:before{background:linear-gradient(to right,#fff,transparent)}.preview-color-picker-sv:after{background:linear-gradient(to top,#000,transparent)}.preview-color-picker-sv-thumb{width:14px;height:14px;position:absolute;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #0000002e;transform:translate(-50%,-50%);pointer-events:none}.preview-color-picker-hue{width:100%;height:12px;margin:12px 0 0;appearance:none;border:0;border-radius:999px;outline:0;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer}.preview-color-picker-hue::-webkit-slider-thumb{width:14px;height:14px;appearance:none;border:2px solid #fff;border-radius:999px;background:transparent;box-shadow:0 0 0 1px #0000002e}.preview-color-picker-hue::-moz-range-thumb{width:14px;height:14px;border:2px solid #fff;border-radius:999px;background:transparent;box-shadow:0 0 0 1px #0000002e}.preview-color-picker-hue:focus-visible{outline:2px solid var(--ui-text);outline-offset:3px}.preview-color-picker-models{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.preview-color-picker-models button{min-height:28px;padding:0 8px;border:0;border-radius:8px;background:var(--ui-surface);color:var(--ui-muted);cursor:pointer;font:inherit;font-size:12px}.preview-color-picker-models button:hover,.preview-color-picker-models button:focus-visible,.preview-color-picker-models button.is-active{background:var(--ui-hover);color:var(--ui-text)}.preview-color-picker-values{min-width:0;margin-top:8px;display:flex;align-items:center;gap:6px}.preview-color-picker-value-swatch{width:28px;height:28px;flex:0 0 28px;border:1px solid rgb(0 0 0 / 8%);border-radius:8px}.preview-color-picker-field{width:100%;min-width:0;min-height:32px;padding:0 6px;border:1px solid var(--ui-line);border-radius:8px;outline:0;background:var(--ui-subtle);color:var(--ui-text);font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-color-picker-field.is-hex{flex:1;padding-inline:8px;font-size:12px}.preview-color-picker-field:focus{border-color:color-mix(in srgb,var(--ui-text) 32%,var(--ui-line));outline:2px solid color-mix(in srgb,var(--ui-text) 10%,transparent)}.preview-color-picker-field[aria-invalid=true]{color:#b42318}.preview-color-picker-channel{min-width:0;flex:1;display:grid;gap:2px}.preview-color-picker-channel span{color:var(--ui-muted);font-size:10px;line-height:1;text-transform:uppercase}.preview-toggle{min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-bg);color:var(--ui-muted);cursor:pointer;font-size:12px;white-space:nowrap}.preview-toggle:hover:not([aria-pressed=true]),.preview-toggle:focus-visible:not([aria-pressed=true]){border-color:color-mix(in srgb,var(--ui-muted) 36%,var(--ui-line));color:var(--ui-text);background:var(--ui-hover)}.preview-toggle[aria-pressed=true]{color:var(--ui-text);background:var(--ui-selected)}.preview-toggle[aria-pressed=true]:hover,.preview-toggle[aria-pressed=true]:focus-visible{background:var(--ui-selected-hover)}.preview-toggle:disabled{cursor:not-allowed;opacity:.4}.preview-motion-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-motion-ranges{display:grid;gap:12px}.preview-motion-option{min-width:0;display:grid;gap:8px;color:var(--ui-muted);font-size:12px}.preview-motion-option .select-trigger{width:100%;min-width:0;height:36px;border-color:transparent;background:var(--ui-bg);font-size:12px;font-weight:350}.preview-motion-option .select-popover{max-height:180px;overflow-y:auto;background:var(--ui-bg)}.preview-direction-control{width:100%;height:36px}.preview-direction-control button{width:auto;min-width:0;height:28px;flex:1;font-size:11px;font-weight:350}.motion-timeline{display:grid;gap:10px}.motion-timeline-track-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.motion-timeline-time{min-width:34px;color:var(--ui-muted);font-size:10px;font-variant-numeric:tabular-nums;text-align:center}.motion-timeline-track{position:relative;height:28px;display:flex;align-items:center;touch-action:none;cursor:pointer}.motion-timeline-rail{width:100%;height:2px;border-radius:999px;background:var(--ui-line)}.motion-timeline-fill{position:absolute;left:0;height:2px;border-radius:999px;background:color-mix(in srgb,var(--ui-text) 72%,var(--ui-line));pointer-events:none}.motion-timeline-playhead{width:12px;height:12px;position:absolute;border-radius:50%;background:var(--ui-text);transform:translate(-50%);box-shadow:0 0 0 2px var(--ui-subtle);pointer-events:none}.motion-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.motion-timeline-transport{display:flex;align-items:center;gap:6px}.motion-timeline-transport button{width:30px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:var(--ui-bg);color:var(--ui-muted);cursor:pointer}.motion-timeline-transport button:hover,.motion-timeline-transport button:focus-visible{background:var(--ui-hover);color:var(--ui-text)}.motion-timeline-transport-primary{color:var(--ui-text)!important}.motion-timeline-loop{display:inline-flex;align-items:center;gap:6px;color:var(--ui-muted);font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.motion-timeline-loop input{width:14px;height:14px;margin:0;accent-color:var(--ui-text)}.motion-timeline-duration{margin-top:2px}.preview-motion-notice{margin:-4px 0 0;color:var(--ui-muted);font-size:10px;line-height:15px}.preview-motion-panel{display:grid;gap:12px;padding-top:4px;border-top:1px solid var(--ui-line)}.preview-motion-hint{margin:-4px 0 0;color:var(--ui-muted);font-size:10px;line-height:15px}.switch-control{width:100%;min-height:36px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;color:var(--ui-muted);cursor:pointer;font-size:12px;text-align:left}.switch-control:hover,.switch-control:focus-visible{color:var(--ui-text)}.switch-control[aria-checked=true]{color:var(--ui-text)}.switch-track{width:36px;height:20px;flex:0 0 36px;padding:2px;display:block;border-radius:999px;background:color-mix(in srgb,var(--ui-muted) 42%,var(--ui-bg))}.switch-control[aria-checked=true] .switch-track{background:var(--ui-text)}.switch-control[aria-checked=true]:hover .switch-thumb,.switch-control[aria-checked=true]:focus-visible .switch-thumb{background:var(--ui-selected-hover)}.switch-thumb{width:16px;height:16px;display:block;border-radius:50%;background:var(--ui-bg)}.drawer-reference{margin-top:8px;padding:16px;border-radius:12px;background:var(--ui-subtle)}.drawer-description{max-width:720px;margin:0 0 16px;color:var(--ui-muted);font-size:13px;line-height:1.6}.drawer-specs{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.drawer-specs div{min-width:0}.drawer-specs dt{color:var(--ui-muted);font-size:11px;line-height:16px}.drawer-specs dd{margin:5px 0 0;overflow:hidden;color:var(--ui-text);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.drawer-more{margin-top:8px;border-radius:12px;background:var(--ui-subtle)}.drawer-more-toggle{width:100%;min-height:44px;padding:0 14px;display:flex;align-items:center;border:0;border-radius:12px;background:transparent;color:var(--ui-muted);cursor:pointer;font-size:12px;text-align:left}.drawer-more-toggle:hover{background:var(--ui-hover);color:var(--ui-text)}.drawer-more-toggle:after{margin-left:auto;content:"+";color:var(--ui-muted);font-size:16px}.drawer-more.is-open .drawer-more-toggle{border-radius:12px 12px 0 0;background:var(--ui-selected);color:var(--ui-text)}.drawer-more.is-open .drawer-more-toggle:hover{background:var(--ui-selected-hover)}.drawer-more.is-open .drawer-more-toggle:after{content:"−"}.drawer-more-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1)}.drawer-more.is-open .drawer-more-content{grid-template-rows:1fr}.drawer-more-content-inner{min-height:0;overflow:hidden}.drawer-metadata{padding:4px 14px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.drawer-metadata span{color:var(--ui-muted);font-size:11px}.drawer-metadata p{margin:6px 0 0;color:var(--ui-text);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.drawer-code-dock{min-height:64px;position:relative;z-index:2;isolation:isolate;flex:none;background:var(--ui-bg);will-change:transform}.drawer-code-dock:before{height:20px;position:absolute;right:0;bottom:100%;left:0;z-index:0;background:linear-gradient(0deg,var(--ui-bg),transparent);content:"";pointer-events:none}.drawer-code-panel{height:120px;padding:14px 16px 16px;position:absolute;top:calc(100% + 8px);right:24px;left:24px;z-index:1;overflow:hidden;border-radius:14px 14px 16px 16px;background:var(--ui-surface);pointer-events:none}.drawer-code-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ui-muted);font-size:11px;line-height:16px}.drawer-code-panel pre{max-height:64px;margin:10px 0 0;overflow:auto;color:var(--ui-text);font-size:11px;line-height:1.6;white-space:pre;scrollbar-width:none}.drawer-code-panel pre::-webkit-scrollbar{display:none}.drawer-code-panel code{font:inherit}.drawer-copybar{min-height:64px;padding:12px 24px;position:relative;z-index:2;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;gap:16px;background:var(--ui-bg)}.drawer-format-control{gap:4px}.drawer-format-control button{width:auto;min-width:52px;padding:0 10px;font-size:11px;font-weight:350}.drawer-copy-primary{min-width:124px;height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--ui-text);color:var(--ui-bg);cursor:pointer;font-size:12px;font-weight:350;white-space:nowrap}.drawer-copy-primary:hover{opacity:.82}.drawer-copy-primary:disabled{cursor:not-allowed;opacity:.45}.docs-page{--docs-sticky-top: calc(var(--header-height) + 48px);--docs-rail-space: 96px;width:min(var(--content-max-width),100%);min-height:calc(100vh - 64px);margin:0 auto;padding:48px;display:grid;grid-template-columns:240px minmax(0,760px) 184px;justify-content:space-between;gap:48px;font-family:Inter,Noto Sans SC,sans-serif}.docs-index{width:100%;min-width:0;height:calc(100vh - var(--header-height) - var(--docs-rail-space));overflow:hidden;position:sticky;top:var(--docs-sticky-top);align-self:start}.docs-mobile-index,.docs-mobile-back{display:none}.docs-index nav{--docs-nav-inline: 12px;width:100%;min-width:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.docs-index-scroll{min-height:0;padding-block:16px;display:grid;gap:24px;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}.docs-index-scroll::-webkit-scrollbar{display:none}.docs-index-group{width:100%;min-width:0}.docs-index-group h2{margin:0 0 8px;padding-inline:var(--docs-nav-inline);color:var(--ui-text);font-size:12px;font-weight:350;line-height:20px}.docs-index nav :is(button,a){width:100%;min-width:0;max-width:100%;min-height:40px;padding:8px var(--docs-nav-inline);display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;overflow:hidden;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);text-align:left;cursor:pointer;text-decoration:none}.docs-index nav :is(button,a)>b{color:inherit;font-size:12px;font-weight:350}.docs-index nav :is(button,a) span{min-width:0}.docs-index nav :is(button,a) span strong{display:block;overflow:hidden;color:inherit;font-size:12px;font-weight:350;text-overflow:ellipsis;white-space:nowrap}.docs-index nav :is(button,a):hover:not(.active){background:var(--ui-subtle);color:var(--ui-text)}.docs-index nav :is(button,a).active{background:var(--ui-selected);color:var(--ui-text)}.docs-index nav :is(button,a).active:hover{background:var(--ui-selected-hover)}.docs-index-fixed{width:100%;min-width:0;position:relative;z-index:2;display:grid;gap:8px;background:var(--ui-bg)}.docs-index-fixed-top{padding-bottom:8px}.docs-index-fixed-bottom{padding-top:8px}.docs-index-fixed-top:after,.docs-index-fixed-bottom:before{height:24px;position:absolute;right:0;left:0;background:linear-gradient(180deg,var(--ui-bg) 0%,var(--ui-bg) 28%,color-mix(in srgb,var(--ui-bg) 78%,transparent) 62%,transparent 100%);content:"";pointer-events:none}.docs-index-fixed-top:after{top:100%}.docs-index-fixed-bottom:before{bottom:100%;transform:rotate(180deg)}.docs-index nav :is(button,a).docs-index-featured{width:100%;min-height:48px;padding:8px 12px;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-radius:12px;background:var(--ui-subtle)}.docs-index nav :is(button,a).docs-index-featured:hover:not(.active){background:var(--ui-surface)}.docs-index nav :is(button,a).docs-index-featured.active{background:var(--ui-selected)}.docs-index nav :is(button,a).docs-index-featured.active:hover{background:var(--ui-selected-hover)}.docs-index nav :is(button,a).docs-index-featured>strong{overflow:hidden;color:var(--ui-text);font-size:13px;font-weight:450;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.docs-index-featured-badge{min-width:34px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:7px;background:var(--ui-bg);color:var(--ui-muted);font-size:9px;font-weight:450;line-height:12px;letter-spacing:.04em}.docs-index nav :is(button,a).docs-index-featured.active .docs-index-featured-badge{background:var(--ui-text);color:var(--ui-bg)}.docs-article{min-width:0}.docs-article .page-heading{margin-top:0;padding-bottom:32px}.docs-toc-desktop{height:fit-content;position:sticky;top:var(--docs-sticky-top);align-self:start}.docs-toc-desktop nav,.docs-toc-mobile nav{display:grid;gap:2px}.docs-toc-desktop a,.docs-toc-mobile a{min-height:36px;display:flex;align-items:center;padding:8px 12px;border-radius:8px;color:var(--ui-muted);text-decoration:none;font-size:12px;line-height:1.4}.docs-toc-desktop a:hover,.docs-toc-mobile a:hover{background:var(--ui-surface);color:var(--ui-text)}.docs-toc-desktop a[aria-current=location],.docs-toc-mobile a[aria-current=location],.docs-toc-desktop a.is-visible,.docs-toc-mobile a.is-visible{color:var(--ui-text)}.docs-toc-desktop a.depth-3,.docs-toc-mobile a.depth-3{padding-left:24px}.docs-toc-mobile{display:none;margin:32px 0}.docs-toc-mobile summary{height:40px;padding:0 12px;display:flex;align-items:center;border-radius:8px;background:var(--ui-surface);color:var(--ui-muted);cursor:pointer;font-size:14px}.docs-toc-mobile summary:hover{background:var(--ui-hover);color:var(--ui-text)}.docs-toc-mobile nav{padding-top:8px}.markdown-body{color:var(--ui-muted);font-size:16px;line-height:1.75}.markdown-body>h2{margin:0;padding:40px 0 16px;border-top:1px solid var(--ui-line);color:var(--ui-text);font-size:24px;line-height:1.35;font-weight:450;scroll-margin-top:calc(var(--header-height) + 48px)}.markdown-body>h2:first-child{border-top:0}.markdown-body h3{margin:32px 0 12px;color:var(--ui-text);font-size:18px;line-height:1.4;font-weight:450;scroll-margin-top:calc(var(--header-height) + 48px)}.markdown-body p{max-width:720px;margin:0 0 20px}.markdown-body h2+p,.markdown-body h3+p{margin-top:0}.markdown-body ul,.markdown-body ol{margin:20px 0 32px;padding-left:24px}.markdown-body li{margin:8px 0;padding-left:4px}.markdown-body li::marker{color:var(--ui-muted)}.markdown-body li>strong:first-child:not(.normative-level){display:inline-block;margin-right:3px;color:var(--ui-text);font-weight:450}.markdown-body .normative-level{min-height:22px;display:inline-flex;align-items:center;margin:0 3px 0 0;padding:1px 7px;border-radius:6px;color:var(--normative-color);background:var(--normative-fill);font-size:12px;font-weight:550;line-height:20px;vertical-align:1px}.markdown-body .normative-level[data-level=required]{--normative-color: #2457c5;--normative-fill: #edf3ff}.markdown-body .normative-level[data-level=recommended]{--normative-color: #8a5a00;--normative-fill: #fff3cf}.markdown-body .normative-level[data-level=allowed]{--normative-color: #18733c;--normative-fill: #e8f7ed}.markdown-body .normative-level[data-level=forbidden]{--normative-color: #bd2c2c;--normative-fill: #ffeded}.markdown-body a{color:var(--ui-text);text-decoration-color:var(--ui-muted);text-underline-offset:3px}.markdown-body a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.markdown-body code{padding:2px 5px;border-radius:5px;background:var(--ui-surface);color:var(--ui-text)}.markdown-code-block{margin:24px 0 32px;overflow:hidden;border-radius:10px;background:var(--ui-surface)}.markdown-code-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px 6px 16px;color:var(--ui-muted);font-size:11px;font-weight:450;line-height:16px}.markdown-code-copy{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);cursor:pointer}.markdown-code-copy:hover,.markdown-code-copy:focus-visible{background:var(--ui-hover);color:var(--ui-text)}.markdown-code-copy:active{background:var(--ui-selected)}.markdown-body pre{margin:0;padding:16px 20px 20px;overflow-x:auto;border:0;border-radius:0;background:transparent;color:var(--ui-text);line-height:1.7}.markdown-body pre code{padding:0;background:none;color:inherit}.markdown-body table{width:100%;margin:24px 0 32px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--ui-line);border-radius:10px;font-size:14px}.markdown-body th,.markdown-body td{padding:12px;border-bottom:1px solid var(--ui-line);text-align:left;vertical-align:top}.markdown-body tr:last-child td{border-bottom:0}.markdown-body th{background:var(--ui-subtle);color:var(--ui-text);font-weight:450}.markdown-body blockquote{margin:24px 0 32px;padding:16px;border:0;border-radius:10px;background:var(--ui-subtle)}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body hr{margin:40px 0;border:0;border-top:1px solid var(--ui-line)}.changelog-version-select{display:none;margin:28px 0 8px}.changelog-version-select .select-trigger{width:100%}.changelog-version-select .select-popover{right:auto;left:0;width:100%}.changelog-body>h2{padding-top:56px;scroll-margin-top:calc(var(--header-height) + 32px)}.changelog-body>h2:first-child{padding-top:40px}.changelog-body>h3{margin-top:24px;color:var(--ui-muted);font-size:12px;line-height:18px;font-weight:350;text-transform:uppercase;letter-spacing:.04em}.changelog-versions a{overflow-wrap:anywhere}.guide-body section>h2{margin:0;padding:40px 0 16px;border-top:1px solid var(--ui-line);color:var(--ui-text);font-size:24px;line-height:1.35;font-weight:450;scroll-margin-top:calc(var(--header-height) + 48px)}.guide-body section:first-child>h2{border-top:0}.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-links :is(button,a){min-width:0;min-height:128px;padding:16px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-subtle);color:var(--ui-muted);text-align:left;cursor:pointer;text-decoration:none}.guide-links :is(button,a):hover{border-color:var(--ui-muted);background:var(--ui-surface)}.guide-links strong{color:var(--ui-text);font-size:14px;font-weight:450}.guide-links span{font-size:12px;line-height:1.6}@media(max-width:1100px){.home-hero{padding:clamp(72px,11vh,112px) 48px 64px;align-items:flex-start}.home-hero-layout{min-height:0;grid-template-columns:1fr;gap:0}.home-hero-content{width:100%;max-width:760px;margin:0 auto;align-items:center;text-align:center}.home-hero h1{font-size:clamp(60px,9vw,84px)}.home-visual{display:none}}@media(max-width:1200px){.docs-page{--docs-sticky-top: calc(var(--header-height) + 40px);--docs-rail-space: 80px;padding:40px;grid-template-columns:220px minmax(0,760px);justify-content:center;gap:48px}.docs-toc-desktop{display:none}.docs-toc-mobile,.changelog-version-select{display:block}}@media(max-width:900px){.detail-preview{height:460px;min-height:460px;grid-template-columns:minmax(0,1fr) 300px}.preview-canvas{width:min(100%,460px)}.preview-controls{padding:20px;gap:18px}.docs-page{grid-template-columns:1fr;gap:24px}.docs-index{height:auto;padding-right:0;overflow:visible;position:static}.docs-index-desktop{display:none}.docs-index nav{height:auto;display:block}.docs-index-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;overflow:visible}.docs-index-fixed-top{margin-bottom:24px;padding-bottom:0}.docs-index-fixed-bottom{margin-top:24px;padding-top:0}.docs-mobile-index .docs-index-fixed{background:transparent}.docs-index-fixed-top:after,.docs-index-fixed-bottom:before{display:none}.docs-mobile-index{width:100%;max-width:760px;display:block}.docs-mobile-index-heading{margin-bottom:40px}.docs-mobile-index-heading p{margin:0 0 12px;color:var(--ui-muted);font-size:12px;line-height:18px}.docs-mobile-index-heading h1{margin:0;color:var(--ui-text);font-size:40px;font-weight:450;line-height:1.05;letter-spacing:-.03em}.docs-mobile-index .docs-index nav{padding:24px;border-radius:16px;background:var(--ui-subtle)}.docs-mobile-index .docs-index nav :is(button,a).docs-index-featured{border:1px solid var(--ui-line);background:var(--ui-bg)}.docs-mobile-index .docs-index nav :is(button,a).docs-index-featured:hover:not(.active){background:var(--ui-surface)}.docs-mobile-index .docs-index-featured-badge{background:var(--ui-subtle)}.docs-mobile-index .docs-index nav :is(button,a).docs-index-featured.active{border-color:var(--ui-text)}.docs-mobile-back{width:fit-content;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px 7px 8px;border:0;border-radius:8px;background:var(--ui-subtle);color:var(--ui-muted);cursor:pointer;font-size:12px;text-decoration:none}.docs-mobile-back:hover{background:var(--ui-surface);color:var(--ui-text)}.docs-mobile-back svg{width:16px;height:16px}.docs-article{width:100%;max-width:760px}.docs-page-mobile-index>:not(.docs-index-desktop,.docs-mobile-index){display:none}.docs-page-mobile-article .docs-mobile-index{display:none}}@media(max-width:760px){.header{padding:12px 20px 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:16px}.header>nav{min-width:0;position:static;justify-self:center;transform:none}.header-tools{justify-self:auto;gap:8px}.library-page{min-height:calc(100vh - var(--header-height));padding:20px 20px 88px}.library-toolbar{top:calc(var(--header-height) + 20px);align-items:stretch;flex-direction:column;gap:12px}.library-toolbar:before{inset:-20px -20px -28px}.icon-search{width:100%}.library-toolbar-actions{justify-content:space-between}.library-download{width:40px;padding:0;justify-content:center}.library-download span{display:none}.select-popover{right:auto;left:0}.icon-collection{margin-top:36px}.home-hero{width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(56px,8svh,72px) 20px 48px;overflow:visible}.home-hero-layout{gap:0}.home-hero-content{width:100%;margin:0;align-items:center;text-align:center}.home-hero h1{max-width:560px;margin-top:18px;font-size:clamp(44px,10vw,60px);line-height:.94}.home-intro{max-width:420px;margin-top:20px;font-size:15px}.home-actions{margin-top:28px;justify-content:center}.home-install{width:100%;max-width:520px;margin-top:18px}.install-command{height:52px}.explore-link{width:fit-content;height:52px}.home-visual{display:none}.section-heading{display:block}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{min-height:auto;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.principle-grid h3{margin-top:60px}.detail-preview{height:440px;min-height:440px;grid-template-columns:minmax(0,1fr) 240px}.preview-canvas{width:min(100%,440px);min-height:0}}@media(max-width:680px){.icon-detail-overlay{padding:12px 0 0}.icon-detail-drawer{width:100vw;height:calc(100dvh - 12px);border-radius:18px 18px 0 0}.drawer-topbar{min-height:78px;padding:20px 16px 10px;gap:12px}.drawer-title h1{font-size:20px}.drawer-content{padding:24px 12px 152px}.detail-preview{height:auto;min-height:0;grid-template-columns:1fr}.preview-canvas{width:100%;min-height:0}.preview-master{width:min(256px,calc(100% - 40px))}.preview-master.is-actual{width:var(--preview-actual-size);height:var(--preview-actual-size)}.preview-controls{height:auto;padding:16px;gap:20px;overflow:visible}.preview-motion-ranges,.preview-motion-playback{grid-template-columns:1fr;gap:16px}.preview-mode-copy span{display:none}.drawer-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.drawer-metadata{grid-template-columns:1fr;gap:14px}.drawer-code-panel{right:12px;left:12px}.drawer-copybar{min-height:64px;padding:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px}.drawer-format-control{width:100%;justify-self:stretch}.drawer-format-control button{min-width:0;padding-inline:5px}.drawer-copy-primary{min-width:96px;padding-inline:10px}}@media(max-width:680px){.docs-page{padding:32px 20px 72px;gap:40px}.docs-index-scroll,.docs-index-fixed,.guide-links{grid-template-columns:1fr}.guide-links :is(button,a){min-height:0}.docs-article .page-heading{align-items:flex-start;flex-direction:column}.markdown-body pre{padding:16px}.markdown-body table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:640px){.header{padding-inline:12px;column-gap:8px}.header .wordmark{font-size:0}.header nav :is(button,a){padding-inline:6px;font-size:13px}.header nav .count{display:none}.header-tools .segmented-control{display:none}.header-tool-compact{display:grid}}@media(max-width:440px){.home-actions{width:100%;flex-direction:column}.explore-link{width:100%}.home-svg-download{min-height:40px}}[data-theme=dark]{color-scheme:dark;--line: #30302d;--muted: #9b9b93;--ui-bg: #11110f;--ui-text: #f3f3ef;--ui-muted: #9b9b93;--ui-surface: #242421;--ui-hover: #30302d;--ui-selected: #3a3a35;--ui-selected-hover: #4a4a44;--ui-subtle: #1a1a18;--ui-line: #30302d;--preview-grid: #686862;--guide-safe: #a8d273;--guide-wide: #aaa0f0;--guide-circle: #f08a8e;--guide-core: #e282d0;background:#11110f;color:#f3f3ef}[data-theme=dark] body{background:#11110f}[data-theme=dark] .header{background:transparent}[data-theme=dark] .header:before{background:linear-gradient(180deg,#11110f,#11110ffa 58%,#11110fd6 74%,#11110f00)}[data-theme=dark] .header.is-library:before{background:#11110f}[data-theme=dark] .library-toolbar:before{background:linear-gradient(180deg,#11110f 0% 68%,#11110ff0 78%,#11110f00)}[data-theme=dark] .mark img{filter:brightness(0) invert(1)}[data-theme=dark] .header-nav-surface,[data-theme=dark] .segmented-control,[data-theme=dark] .header-tool-compact,[data-theme=dark] .icon-search{background:#242421}[data-theme=dark] .sliding-indicator{background:#3a3a35}[data-theme=dark] .header nav :is(button,a).active,[data-theme=dark] .segmented-control button.is-active{color:#fff}[data-theme=dark] .icon-search input,[data-theme=dark] .collection-heading h2,[data-theme=dark] .collection-subheading h3,[data-theme=dark] .icon-grid-tile{color:#f3f3ef}[data-theme=dark] .collection-subheading>span{color:#7f7f7b}[data-theme=dark] .icon-grid-tile:hover,[data-theme=dark] .icon-grid-tile:focus-visible{background:#242421}[data-theme=dark] .primary{background:#f3f3ef;color:#11110f}[data-theme=dark] .icon-card:hover{background:#1b1b19}[data-theme=dark] .category-filter button:hover:not(.active){border-color:#f3f3ef;background:transparent;color:#f3f3ef}[data-theme=dark] .category-filter button.active{border-color:#f3f3ef;background:#f3f3ef;color:#11110f}[data-theme=dark] .preview-grid-svg{color:var(--preview-grid)}[data-theme=dark] .empty h2,[data-theme=dark] .docs-index nav :is(button,a):hover,[data-theme=dark] .docs-index nav :is(button,a).active,[data-theme=dark] .docs-index nav :is(button,a).active>b,[data-theme=dark] .docs-toc-desktop a:hover,[data-theme=dark] .docs-toc-mobile a:hover,[data-theme=dark] .docs-toc-desktop a[aria-current=location],[data-theme=dark] .docs-toc-mobile a[aria-current=location],[data-theme=dark] .markdown-body>h2,[data-theme=dark] .markdown-body h3,[data-theme=dark] .markdown-body th,[data-theme=dark] .markdown-body li>strong:first-child:not(.normative-level),[data-theme=dark] .markdown-body a{color:#f3f3ef}[data-theme=dark] .markdown-body pre{background:transparent;color:var(--ui-text)}[data-theme=dark] .markdown-body code{background:var(--ui-surface);color:var(--ui-text)}[data-theme=dark] .markdown-body pre code{background:none;color:inherit}[data-theme=dark] .markdown-body blockquote{background:var(--ui-subtle)}[data-theme=dark] .markdown-body .normative-level[data-level=required]{--normative-color: #a9c7ff;--normative-fill: #1d3157}[data-theme=dark] .markdown-body .normative-level[data-level=recommended]{--normative-color: #f3ce78;--normative-fill: #453814}[data-theme=dark] .markdown-body .normative-level[data-level=allowed]{--normative-color: #95d9aa;--normative-fill: #183c26}[data-theme=dark] .markdown-body .normative-level[data-level=forbidden]{--normative-color: #ffaaaa;--normative-fill: #512525}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}