@font-face{font-family:manrope;src:url(../media/manrope_latin-s.p.1p_a2k8qd5zhp.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.JmG9Gq_className{font-family:manrope,manrope Fallback,Arial}.JmG9Gq_variable{--font-manrope:"manrope", "manrope Fallback", Arial}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-manrope);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#75569e;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#5d5d5d;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#fff;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--shell:var(--sidebar);--canvas:var(--muted);--ink:var(--foreground);--text-secondary:var(--muted-foreground);--text-muted:var(--muted-foreground);--line:var(--border);--hover:var(--accent);--brand:var(--primary);--brand-hover:#64468d;--brand-soft:var(--primary)}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(39.68% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(100% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}@supports (color:color-mix(in lab, red, red)){:root{--brand-soft:color-mix(in srgb, var(--primary) 12%, var(--background))}}:root{--on-brand:var(--primary-foreground);--danger:var(--destructive)}html[data-theme=dark]{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#262626;--popover-foreground:#fafafa;--primary:#8063a7;--primary-foreground:#fafafa;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--destructive-foreground:#fafafa;--border:#282828;--input:#343434;--ring:#737373;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#282828;--sidebar-ring:#525252;--shell:var(--sidebar);--canvas:var(--background);--ink:var(--foreground);--text-secondary:var(--muted-foreground);--text-muted:var(--muted-foreground);--line:var(--border);--hover:var(--accent);--brand:var(--primary);--brand-hover:#75569e;--brand-soft:var(--primary)}@supports (color:lab(0% 0 0)){html[data-theme=dark]{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(15.204% 0 -.00000596046);--popover-foreground:lab(98.26% 0 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--destructive-foreground:lab(98.26% 0 0);--border:lab(15.9% 0 .00000596046);--input:lab(21.7% 0 0);--ring:lab(48.496% 0 0);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.9% 0 .00000596046);--sidebar-ring:lab(34.924% 0 0)}}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark]{--brand-soft:color-mix(in srgb, var(--primary) 22%, var(--background))}}html[data-theme=dark]{--on-brand:var(--primary-foreground);--danger:var(--destructive)}:root{--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--type-xs:12px;--type-sm:14px;--type-base:16px;--type-lg:18px;--type-xl:20px;--type-2xl:24px;--type-3xl:30px;--type-4xl:36px;--type-5xl:48px;--type-6xl:60px;--type-7xl:72px;--type-8xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--ease-ui:cubic-bezier(.32, .72, 0, 1);--duration-feedback:.2s;--duration-layout:.7s;--layer-sticky:40;--layer-menu:50;--layer-overlay:60;--layer-skip:70;--shadow-floating:0 8px 32px #3228411a;--shadow-raised:0 16px 48px #32284124}html[data-theme=dark]{--shadow-floating:0 8px 32px #1312095c;--shadow-raised:0 16px 48px #1312097a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-manrope), Arial, sans-serif;font-size:var(--type-base);-webkit-font-smoothing:antialiased;margin:0;line-height:24px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}svg{stroke-width:1.7px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:5px}::selection{background:var(--brand-soft)}.wrap{max-width:1320px;padding-inline:var(--space-40);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-24);height:102px;display:flex}.wordmark{align-items:center;gap:var(--space-12);font-size:var(--type-2xl);letter-spacing:-.8px;font-weight:700;line-height:32px;display:inline-flex}.site-header nav{font-size:var(--type-sm);color:var(--muted-foreground);align-items:center;line-height:20px;display:flex}.site-header nav a:hover,.site-footer nav a:hover{color:var(--foreground)}.header-actions{align-items:center;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-8);background:var(--primary);color:var(--primary-foreground);white-space:nowrap;border:1px solid #0000;transition:background-color .2s;display:inline-flex}.button:hover{background:var(--brand-hover)}.skip-link{background:var(--foreground);color:var(--background);padding:var(--space-8) var(--space-16);position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.hero-actions{align-items:center;gap:var(--space-24);flex-wrap:wrap;display:flex}.text-link{align-items:center;gap:var(--space-8);font-size:var(--type-sm);font-weight:500;line-height:20px;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.product-image{min-width:0;position:relative;overflow:hidden}.product-image img{width:100%;height:auto;display:block}.theme-dark-image,html[data-theme=dark] .theme-light-image{display:none!important}html[data-theme=dark] .theme-dark-image{display:block!important}.save-demo{padding:var(--space-16) var(--space-16) var(--space-16);border-top:1px solid var(--border);background:var(--background)}.demo-label{color:var(--muted-foreground);font-size:var(--type-xs);margin-bottom:var(--space-8);justify-content:space-between;align-items:center;line-height:16px;display:flex}.demo-label button{width:24px;height:24px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.demo-label button:disabled{opacity:.3}.demo-track{align-items:center;gap:var(--space-12);font-size:var(--type-xs);line-height:16px;display:flex}.demo-source{align-items:center;width:42%;min-height:35px;display:flex}.demo-tab{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:1px solid var(--border);background:var(--muted);font-size:var(--type-xs);white-space:nowrap;border-radius:8px;line-height:16px;display:flex}.demo-collection{flex:1;min-width:0;display:flex}.demo-collection>span{align-items:center;gap:var(--space-8);font-size:var(--type-xs);color:var(--muted-foreground);line-height:16px;display:flex}.demo-empty,.demo-arrow{color:var(--muted-foreground)}.saved-tab{background:var(--brand-soft);border-color:var(--primary);font-size:var(--type-xs);line-height:16px}.demo-save{font-size:var(--type-xs);padding:var(--space-4) 0;align-items:center;gap:var(--space-4);margin-top:var(--space-8);background:0 0;border:0;font-weight:600;line-height:16px;display:flex}.demo-save:disabled{color:var(--muted-foreground)}.workflow-strip{justify-content:space-between;align-items:center;gap:var(--space-24);border-block:1px solid var(--border);display:flex}.workflow-strip p{align-items:center;gap:var(--space-12);font-size:var(--type-sm);margin:0;line-height:20px;display:flex}.workflow-strip svg{color:var(--muted-foreground)}.section-heading{justify-content:space-between;gap:var(--space-40);display:flex}.section-heading p{max-width:390px;color:var(--muted-foreground);font-size:var(--type-base);line-height:24px}h2{font-size:var(--type-4xl);letter-spacing:-1.5px;margin:0;font-weight:600;line-height:40px}h3{font-size:var(--type-base);letter-spacing:-.2px;font-weight:600;line-height:24px}.developer-grid{display:grid}.developer-copy>p{font-size:var(--type-base);color:var(--muted-foreground);margin:var(--space-24) 0;line-height:24px}.feature-lines{margin-block:var(--space-32)}.feature-lines>div{align-items:flex-start;gap:var(--space-16);margin-top:var(--space-24);display:flex}.feature-lines>div>svg{margin-top:var(--space-4);color:var(--muted-foreground)}.feature-lines h3{margin:0 0 var(--space-8);font-size:var(--type-sm);line-height:20px}.feature-lines p{color:var(--muted-foreground);margin:0}.developer-shot{border:1px solid var(--border);background:var(--background);border-radius:16px;margin:0;overflow:hidden}.developer-shot figcaption{padding:var(--space-16) var(--space-24);border-top:1px solid var(--border);color:var(--muted-foreground)}.local-section{align-items:center;display:grid}.local-section p{font-size:var(--type-base);color:var(--muted-foreground);max-width:550px;margin:var(--space-24) 0;line-height:24px}code{font-size:var(--type-sm);background:var(--muted);padding:var(--space-2) var(--space-4);overflow-wrap:anywhere;border-radius:4px;line-height:20px}.site-footer{justify-content:space-between;align-items:start;gap:var(--space-48);border-top:1px solid var(--border);padding-block:var(--space-40) var(--space-48);display:flex}.site-footer p{color:var(--muted-foreground);font-size:var(--type-xs);margin:var(--space-12) 0 var(--space-4);line-height:16px}.site-footer small{color:var(--muted-foreground);font-size:var(--type-xs);line-height:16px}.site-footer nav{align-items:center;gap:var(--space-24);font-size:var(--type-xs);color:var(--muted-foreground);padding-top:var(--space-12);flex-wrap:wrap;line-height:16px;display:flex}.site-footer nav a{align-items:center;gap:var(--space-4);display:inline-flex}.document{padding:var(--space-64) var(--space-32) var(--space-96);margin:auto}.document .release-line{margin-bottom:var(--space-16)}.document h1{font-size:var(--type-4xl);letter-spacing:-1.8px;margin:0 0 var(--space-32);font-weight:600;line-height:40px}.document h2{margin-top:var(--space-48);margin-bottom:var(--space-16);letter-spacing:-.7px}.document h3{margin-top:var(--space-32)}.document p,.document li{font-size:var(--type-base);color:var(--muted-foreground);line-height:24px}.document ul,.document ol{padding-left:var(--space-24)}.document li{margin-block:var(--space-8)}.document a:not(.button){color:var(--primary);text-underline-offset:3px;text-decoration:underline}.document .lead{font-size:var(--type-lg);color:var(--foreground);line-height:28px}.document pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--muted);padding:var(--space-16);font-size:var(--type-xs);border-radius:12px;line-height:16px}.document .notice{background:var(--muted);border:1px solid var(--border);padding:var(--space-16) var(--space-24);margin:var(--space-24) 0;border-radius:12px}.document .notice p{margin:0}.doc-links{gap:var(--space-12);margin:var(--space-24) 0;flex-wrap:wrap;display:flex}.not-found{text-align:center;min-height:65vh;padding:var(--space-64) var(--space-24)}.not-found img{margin:0 auto var(--space-24)}.not-found h1{font-size:var(--type-4xl);letter-spacing:-1.4px;line-height:40px}.not-found p{color:var(--muted-foreground);margin:var(--space-16) 0 var(--space-24)}@media (max-width:1100px){.wrap{padding-inline:var(--space-32)}.site-header nav{gap:var(--space-16)}.header-actions{gap:var(--space-12)}.demo-collection{gap:var(--space-4);flex-wrap:wrap}.developer-grid{gap:var(--space-40)}.developer-shot .product-image{height:540px}.workflow-strip p{font-size:var(--type-xs);line-height:16px}}@media (max-width:850px){.site-header nav{display:none}.hero-actions{gap:var(--space-16)}.save-demo{padding:var(--space-12)}.demo-track{gap:var(--space-4);flex-wrap:wrap}.demo-source{width:auto;min-width:120px}.demo-collection{min-width:120px}.demo-arrow{display:none}.section{padding-block:var(--space-80)}.section-heading{align-items:start}.section-heading p{max-width:310px;font-size:var(--type-sm);line-height:20px}.developer-grid{gap:var(--space-32);grid-template-columns:1fr 1fr}.developer-shot .product-image{height:610px}.local-section{gap:var(--space-40)}.local-section p{font-size:var(--type-sm);line-height:20px}.site-footer nav{gap:var(--space-16)}}@media (max-width:650px){.wrap{padding-inline:var(--space-24)}.site-header{gap:var(--space-16);height:78px}.wordmark{font-size:var(--type-xl);gap:var(--space-8);line-height:28px}.wordmark img{width:33px;height:33px}.header-install{display:none}.header-actions{gap:0}.desktop-break{display:none}.hero-actions{gap:var(--space-16)}.hero-actions .button{padding-inline:var(--space-16)}.hero-actions .text-link{font-size:var(--type-xs);line-height:16px}.save-demo{padding:var(--space-12) var(--space-16)}.demo-label{font-size:var(--type-xs);line-height:16px}.demo-track{gap:var(--space-8);flex-wrap:nowrap}.demo-source{width:44%;min-width:0}.demo-collection{flex:1;min-width:0}.demo-collection>span{font-size:var(--type-xs);line-height:16px}.demo-tab{font-size:var(--type-xs);padding:var(--space-8) var(--space-8);line-height:16px}.saved-tab{padding:var(--space-4);font-size:var(--type-xs);line-height:16px}.demo-arrow{display:block}.demo-empty{font-size:var(--type-xs);line-height:16px}.demo-save{min-height:30px;font-size:var(--type-xs);line-height:16px}.workflow-strip{align-items:start;gap:var(--space-16);padding-block:var(--space-24);flex-direction:column}.workflow-strip p{font-size:var(--type-xs);line-height:16px}.section{padding-block:var(--space-64)}.section-heading{gap:var(--space-16);margin-bottom:var(--space-24);flex-direction:column}h2{font-size:var(--type-3xl);letter-spacing:-1px;line-height:36px}.section-heading p{font-size:var(--type-sm);max-width:unset;margin:0;line-height:20px}.developer-grid{align-items:stretch;gap:var(--space-32);flex-direction:column;display:flex}.developer-copy>img{width:96px;height:96px;margin-bottom:var(--space-16)}.developer-copy>p{font-size:var(--type-sm);line-height:20px}.feature-lines{margin-block:var(--space-24)}.developer-shot .product-image{height:390px}.developer-shot .product-image img{object-position:right top}.developer-shot figcaption{font-size:var(--type-xs);padding:var(--space-16);line-height:16px}.local-section{gap:var(--space-32);flex-direction:column-reverse;align-items:stretch;display:flex}.local-section p{font-size:var(--type-sm);margin:var(--space-24) 0;line-height:20px}.local-section .secondary-copy{font-size:var(--type-xs);line-height:16px}.site-footer{gap:var(--space-16);padding-block:var(--space-32);flex-direction:column}.site-footer nav{gap:var(--space-16) var(--space-24)}.document{padding:var(--space-32) var(--space-24) var(--space-64)}.document h1{font-size:var(--type-3xl);line-height:36px}.document .lead{font-size:var(--type-base);line-height:24px}.document h2{font-size:var(--type-2xl);margin-top:var(--space-40);line-height:32px}.document p,.document li{font-size:var(--type-sm);line-height:20px}.not-found{min-height:65svh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}@media (forced-colors:active){.button{border-color:buttontext}.demo-tab,.developer-shot{border-color:canvastext}}.demo-label,.demo-track,.demo-tab,.demo-collection>span,.demo-empty,.saved-tab,.demo-save{font-size:var(--type-xs);line-height:16px}.demo-track{min-height:70px}.demo-collection{align-items:flex-start;gap:var(--space-4);flex-direction:column}.demo-save{color:var(--foreground);min-height:30px}html[data-theme=dark] .document a:not(.button){color:#bea3df}.demo-label button,.demo-save{border:1px solid #0000}@media (forced-colors:active){.demo-label button,.demo-save{border-color:buttontext}}small{font-size:var(--type-xs);line-height:16px}kbd{font-variant-numeric:tabular-nums;font-family:inherit}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.site-header nav{gap:var(--space-24)}.button:disabled{background:var(--brand-soft);color:var(--foreground);border-color:color-mix(in srgb, var(--primary) 24%, var(--border));opacity:1}.hero-actions .button{min-height:50px;padding-inline:var(--space-24);font-size:var(--type-sm);line-height:20px}.gradient-scene{isolation:isolate;background:var(--background);position:relative;overflow:hidden}.gradient-ground,.gradient-streaks,.gradient-grain,.gradient-dots{pointer-events:none;z-index:-1;position:absolute;inset:0}.gradient-ground{background:radial-gradient(100% 100% at 0 0,#e3e9ef 0%,#f8fbff 49%,#fff 90%)}.gradient-streaks{opacity:.75;height:1050px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.streak{background:linear-gradient(#00ace23b,#8e78c81f 40%,#0000 85%);animation:24s ease-in-out infinite alternate beam-drift;position:absolute;inset:-30% -10%;transform:skew(42deg);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0000 36%,#000 55%,#0002 67%,#000 78%,#0000 97%);mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0000 36%,#000 55%,#0002 67%,#000 78%,#0000 97%)}.streak-1{opacity:.6;animation-delay:-6s;-webkit-mask-image:linear-gradient(90deg,#0000 11%,#000 25%,#0008 41%,#0002 67%,#000 78%,#0000 97%);mask-image:linear-gradient(90deg,#0000 11%,#000 25%,#0008 41%,#0002 67%,#000 78%,#0000 97%)}.streak-2{opacity:.55;animation-delay:-12s;-webkit-mask-image:linear-gradient(90deg,#0000 9%,#000 20%,#0008 28%,#0006 40%,#000 48%,#0004 54%,#0002 78%,#000 88%,#0000 97%);mask-image:linear-gradient(90deg,#0000 9%,#000 20%,#0008 28%,#0006 40%,#000 48%,#0004 54%,#0002 78%,#000 88%,#0000 97%)}.streak-3{opacity:.45;animation-delay:-18s;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 17%,#0008 26%,#000 35%,#0000 47%,#0002 69%,#000 79%,#0000 97%);mask-image:linear-gradient(90deg,#0000 0%,#000 17%,#0008 26%,#000 35%,#0000 47%,#0002 69%,#000 79%,#0000 97%)}.streak-4{opacity:.5;animation-duration:30s;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0008 27%,#000 42%,#0000 48%,#0002 67%,#000 74% 82%,#0007 88%,#0000 97%);mask-image:linear-gradient(90deg,#0000 0%,#000 20%,#0008 27%,#000 42%,#0000 48%,#0002 67%,#000 74% 82%,#0007 88%,#0000 97%)}.gradient-grain{opacity:.075;mix-blend-mode:multiply;background:url(/textures/grain.svg) 0 0/150px}.gradient-dots{opacity:.4;background-image:radial-gradient(circle at 1px 1px,#6b748833 1px,#0000 0);background-size:22px 22px;-webkit-mask-image:linear-gradient(#0003,#0000 65%);mask-image:linear-gradient(#0003,#0000 65%)}.gradient-content{position:relative}.hero-v2:after{content:"";z-index:-1;background:linear-gradient(transparent, var(--background));height:160px;position:absolute;inset:auto 0 0}html[data-theme=dark] .gradient-ground{background:radial-gradient(100% 100% at 0 0,#242a33 0%,#080a0f 55%,#090909 100%)}html[data-theme=dark] .streak{background:linear-gradient(#00cfff2e,#75569e21 45%,#0000 85%)}html[data-theme=dark] .gradient-grain{mix-blend-mode:screen;opacity:.035}html[data-theme=dark] .gradient-dots{background-image:radial-gradient(circle at 1px 1px,#fff4 1px,#0000 0)}.hero-v2-copy{text-align:center;padding-top:var(--space-96);padding-bottom:var(--space-96);max-width:1020px}.hero-eyebrow{justify-content:center;align-items:center;gap:var(--space-8);font-size:var(--type-xs);color:var(--text-secondary);margin:0 0 var(--space-24);font-weight:500;line-height:16px;display:flex}.hero-eyebrow span{background:var(--primary);width:6px;height:6px;box-shadow:0 0 0 4px var(--brand-soft);border-radius:50%}.hero-v2 h1{margin:0 auto var(--space-24)}.hero-v2-description{color:var(--text-secondary);margin:0 auto var(--space-32)}.hero-v2 .hero-actions{justify-content:center;gap:var(--space-24)}.hero-explore{font-size:var(--type-sm);gap:var(--space-12);align-items:center;min-height:44px;font-weight:600;line-height:20px;display:inline-flex}.hero-explore:hover svg{transform:translateY(3px)}.hero-explore svg{transition:transform .2s}.hero-note{justify-content:center;align-items:center;gap:var(--space-8);color:var(--text-secondary);font-size:var(--type-xs);margin-top:var(--space-16);line-height:16px;display:flex}.hero-scene{max-width:1140px;padding-inline:var(--space-32);perspective:1400px;padding-bottom:var(--space-32);margin:0 auto;position:relative}.scene-browser{border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);background:var(--background);transform-style:preserve-3d;z-index:2;will-change:transform;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 35px 80px #16233921}.scene-browser-bar{height:43px;padding-inline:var(--space-16);background:var(--muted);border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.scene-browser-bar>span{align-items:center;gap:var(--space-8);font-size:var(--type-xs);line-height:16px;display:flex}.window-dots{gap:var(--space-4);align-items:center;display:flex}.window-dots i{border:1px solid var(--muted-foreground);opacity:.5;border-radius:50%;width:7px;height:7px}.scene-browser>.product-image{height:490px}.scene-browser>.product-image img{object-fit:cover;object-position:top left;width:100%;height:100%}.scene-browser .save-demo{gap:var(--space-24);padding:var(--space-16) var(--space-24);grid-template-columns:150px 1fr 170px;align-items:center;display:grid}.scene-browser .demo-label{gap:var(--space-16);margin:0}.scene-browser .demo-label button{display:none}.scene-browser .demo-track{gap:var(--space-24);min-height:55px}.scene-browser .demo-source{width:42%}.scene-browser .demo-save{white-space:nowrap;justify-content:center;margin:0}.scene-browser .demo-collection{align-items:center;gap:var(--space-8);flex-flow:wrap}.scene-browser .demo-collection>span,.scene-browser .saved-tab{font-size:var(--type-xs);line-height:16px}.scene-mascot{z-index:3;pointer-events:none;width:190px;height:190px;position:absolute;top:-126px;right:9%}.scene-mascot img{width:100%;height:auto}.scene-tab{align-items:center;gap:var(--space-12);z-index:4;background:color-mix(in srgb, var(--background) 93%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);padding:var(--space-16) var(--space-16);font-size:var(--type-sm);pointer-events:none;border-radius:16px;line-height:20px;display:flex;position:absolute;box-shadow:0 10px 30px #00000012}.scene-tab small{font-size:var(--type-xs);color:var(--text-secondary);margin-top:var(--space-4);line-height:16px;display:block}.scene-site-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.scene-tab-docs{top:125px;left:-34px}.scene-tab-repo{top:330px;right:-30px}.scene-caption{font-size:var(--type-xs);color:var(--text-secondary);text-align:center;margin:var(--space-24) 0 0;line-height:16px}.scene-line{border:1px dashed color-mix(in srgb, var(--primary) 26%, transparent);z-index:0;border-radius:45%;width:150px;height:180px;position:absolute}.scene-line-left{top:-25px;left:-35px;transform:rotate(-23deg)}.scene-line-right{top:200px;right:-30px;transform:rotate(25deg)}.section-kicker{color:var(--primary);margin:0 0 var(--space-16)}.section{padding-block:var(--space-96)}.section-heading{margin-bottom:var(--space-40);align-items:center}.section-heading h2,h2{font-size:var(--type-4xl);letter-spacing:-1.8px;font-weight:600;line-height:40px}.section-heading>p{max-width:380px;margin:0}.workflow-strip{padding-block:var(--space-32);border-top:0}.workspace-details{justify-content:center;gap:var(--space-32);margin-top:var(--space-24);font-size:var(--type-xs);color:var(--text-secondary);flex-wrap:wrap;line-height:16px}.workspace-details>div{align-items:center;gap:var(--space-8);display:flex}.workspace-details svg{color:var(--primary)}.developer-section{border-block:1px solid var(--border);position:relative;overflow:hidden}.developer-copy>.section-kicker{font-size:var(--type-xs);margin-bottom:var(--space-24);line-height:16px}.developer-copy>img{margin-bottom:var(--space-16)}.feature-frame-label{gap:var(--space-8);border-bottom:1px solid var(--border);font-size:var(--type-xs);letter-spacing:1px;padding:var(--space-16) var(--space-16);color:var(--text-secondary);background:var(--background);align-items:center;font-weight:600;line-height:16px;display:flex}.feature-frame-label>span{font-weight:400;font-size:var(--type-xs);letter-spacing:0;margin-left:auto;line-height:16px}.feature-lines p{font-size:var(--type-sm);line-height:20px}.developer-shot figcaption{font-size:var(--type-xs);line-height:16px}.local-section{grid-template-columns:1fr 1.2fr}.local-section .secondary-copy{font-size:var(--type-sm);line-height:20px}.local-section .section-kicker{font-size:var(--type-xs);line-height:16px}.home-guides{border-top:1px solid var(--border)}.home-guide-list{display:grid}.guide-art{border:1px solid var(--border);justify-content:center;align-items:center;gap:var(--space-24);border-radius:12px;transition:background-color .25s;display:flex;position:relative;overflow:hidden}.guide-art img{z-index:1;transition:transform .3s;position:relative}.guide-art>span{text-transform:uppercase;position:absolute}.guide-art-0:before,.guide-art-1:before,.guide-art-2:before{content:"";border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:var(--brand-soft);border-radius:16px;width:130px;height:130px;position:absolute;top:30px;left:25%;transform:rotate(-13deg)}.guide-art-1:before{border-radius:50%;width:140px;height:140px;transform:translate(15px)}.guide-art-2:before{transform:rotate(8deg)}.home-guide:hover .guide-art img{transform:translateY(-4px)rotate(2deg)}.home-guide>p{font-size:var(--type-xs);justify-content:space-between;gap:var(--space-12);color:var(--text-secondary);margin:var(--space-24) 0 var(--space-12);line-height:16px;display:flex}.home-guide h3{letter-spacing:-.6px;margin:0 0 var(--space-16);max-width:350px}.guide-read{align-items:center;gap:var(--space-8);display:flex}.home-guide:hover h3{text-underline-offset:5px;text-decoration:underline}.faq-section{border-top:1px solid var(--border);display:grid}.faq-section>div>img{margin-top:var(--space-32)}.install-v2{padding-top:var(--space-12)}.install-v2-inner{border:1px solid var(--border);justify-content:center;align-items:center;gap:var(--space-64);border-radius:24px}.install-v2-inner>img{width:180px;height:180px}.install-v2-inner h2{font-size:var(--type-4xl);line-height:40px}.install-v2-inner p:not(.section-kicker){font-size:var(--type-sm);margin:var(--space-24) 0 var(--space-24);line-height:20px}.install-v2-inner .text-link{margin-left:var(--space-24)}.document{max-width:730px}.document h2{font-size:var(--type-2xl);line-height:32px}.blog-index{padding-block:var(--space-48) var(--space-96)}.blog-intro{justify-content:space-between;align-items:center;gap:var(--space-64);padding-block:var(--space-32) var(--space-64);display:flex}.blog-intro h1{font-size:var(--type-5xl);letter-spacing:-2.3px;margin:0 0 var(--space-24);font-weight:600;line-height:48px}.blog-intro>div>p:last-child{max-width:560px;font-size:var(--type-base);color:var(--text-secondary);margin:0;line-height:24px}.blog-intro>img{width:180px;height:180px;margin-right:var(--space-24)}.guide-grid{gap:var(--space-64) var(--space-40);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guide-image{border:1px solid var(--border);background:var(--muted);height:310px;display:block;position:relative;overflow:hidden}.guide-image .product-image{height:100%;transition:transform .6s;transform:scale(1.01)}.guide-image img{object-fit:cover;object-position:left top;width:100%;height:100%}.guide-card:hover .guide-image .product-image{transform:scale(1.035)}.guide-image-mark{background:var(--background);border:1px solid var(--border);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:15px;right:15px}.guide-category{justify-content:space-between;gap:var(--space-16);color:var(--text-secondary);font-size:var(--type-xs);margin:var(--space-24) 0 var(--space-12);line-height:16px;display:flex}.guide-card h2{font-size:var(--type-2xl);letter-spacing:-.8px;line-height:32px}.guide-card h2 a{justify-content:space-between;align-items:start;gap:var(--space-16);display:flex}.guide-card h2 svg{margin-top:var(--space-8)}.guide-card>p:last-child{font-size:var(--type-sm);color:var(--text-secondary);margin-top:var(--space-16);max-width:540px;line-height:20px}.blog-bottom{margin-top:var(--space-80);padding-top:var(--space-32);border-top:1px solid var(--border);font-size:var(--type-sm);justify-content:space-between;align-items:center;line-height:20px;display:flex}.article-header{padding-top:var(--space-40);padding-bottom:var(--space-48);max-width:1030px}.article-back{align-items:center;gap:var(--space-8);font-size:var(--type-xs);color:var(--text-secondary);margin-bottom:var(--space-40);line-height:16px;display:inline-flex}.article-header h1{font-size:var(--type-5xl);letter-spacing:-2.4px;max-width:900px;margin:0 0 var(--space-24);font-weight:600;line-height:48px}.article-description{font-size:var(--type-lg);color:var(--text-secondary);max-width:760px;margin:0 0 var(--space-24);line-height:28px}.article-meta{align-items:center;gap:var(--space-24);font-size:var(--type-xs);color:var(--text-secondary);flex-wrap:wrap;line-height:16px;display:flex}.article-meta>span{align-items:center;gap:var(--space-8);display:flex}.article-image{max-width:1140px;margin:0 auto var(--space-64)}.article-image .product-image{border:1px solid var(--border);background:var(--muted);border-radius:16px;height:410px}.article-image img{object-fit:cover;object-position:top left;width:100%;height:100%}.article-image figcaption{font-size:var(--type-xs);color:var(--text-secondary);margin-top:var(--space-12);line-height:16px}.article-layout{justify-content:center;align-items:start;gap:var(--space-64);grid-template-columns:220px minmax(0,680px);display:grid}.article-toc{position:sticky;top:35px}.article-toc>p{font-size:var(--type-xs);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);margin:0 0 var(--space-16);line-height:16px}.article-toc nav{gap:var(--space-16);font-size:var(--type-xs);color:var(--text-secondary);border-left:1px solid var(--border);padding-left:var(--space-16);flex-direction:column;line-height:16px;display:flex}.article-toc a:hover{color:var(--foreground)}.article-body{min-width:0}.direct-answer{border-left:3px solid var(--primary);padding:var(--space-4) 0 var(--space-4) var(--space-24);margin-bottom:var(--space-48)}.direct-answer>span{font-size:var(--type-xs);letter-spacing:1.1px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;line-height:16px}.direct-answer p{font-size:var(--type-lg);margin:var(--space-12) 0 0;line-height:28px}.article-body section{margin-bottom:var(--space-40);scroll-margin-top:35px}.article-body h2{font-size:var(--type-2xl);letter-spacing:-.8px;margin:0 0 var(--space-24);line-height:32px}.article-body p,.article-body li{font-size:var(--type-base);color:var(--text-secondary);line-height:24px}.article-body p{margin:var(--space-16) 0}.article-body ol{padding-left:var(--space-24);margin-block:var(--space-24)}.article-body li{padding-left:var(--space-4);margin-top:var(--space-12)}.article-body a:not(.button){text-underline-offset:4px;color:var(--foreground);text-decoration:underline}.article-takeaway{border-top:1px solid var(--border);padding-top:var(--space-32);margin-top:var(--space-48)}.article-takeaway .button{margin-top:var(--space-12)}.related-guides{max-width:1070px;padding-block:var(--space-96)}.related-guides .section-heading{margin-bottom:var(--space-24)}.related-guides h2{font-size:var(--type-3xl);line-height:36px}.related-guide{gap:var(--space-24);padding-block:var(--space-24);border-top:1px solid var(--border);grid-template-columns:165px 1fr 24px;align-items:center;display:grid}.related-guide>span{font-size:var(--type-xs);color:var(--text-secondary);line-height:16px}.related-guide h3{font-size:var(--type-lg);margin:0;font-weight:500;line-height:28px}.related-guide:hover h3{text-underline-offset:5px;text-decoration:underline}@keyframes beam-drift{0%{transform:skew(42deg)translate(-3%)}to{transform:skew(42deg)translate(3%)}}@media (max-width:1200px){.scene-tab-docs{top:145px;left:5px}.scene-tab-repo{right:5px}.scene-tab{font-size:var(--type-xs);padding:var(--space-12) var(--space-12);line-height:16px}.hero-scene{max-width:1030px;padding-inline:var(--space-48)}.developer-grid{gap:var(--space-48)}.scene-mascot{right:12%}}@media (max-width:1000px){body:has(.hero-v2) .site-header{width:calc(100% - 40px);height:66px;padding-inline:var(--space-16);top:16px}.site-header nav{display:none}.hero-v2-copy{padding-top:var(--space-96);padding-bottom:var(--space-96)}.hero-v2 h1{font-size:var(--type-6xl);letter-spacing:-3px;line-height:60px}.hero-scene{padding-inline:var(--space-32)}.scene-tab{display:none}.scene-browser>.product-image{height:400px}.scene-browser .save-demo{gap:var(--space-12);padding:var(--space-12) var(--space-16);grid-template-columns:110px 1fr 145px}.scene-browser .demo-track{gap:var(--space-12)}.scene-browser .demo-tab{font-size:var(--type-xs);line-height:16px}.scene-line{display:none}.scene-mascot{width:160px;height:160px;top:-106px}.faq-section{gap:var(--space-48)}.section{padding-block:var(--space-80)}.section-kicker{font-size:var(--type-xs);letter-spacing:1.2px;line-height:16px}.home-guide-list{gap:var(--space-24)}.home-guide h3{font-size:var(--type-lg);line-height:28px}.home-guide>p{gap:var(--space-4);flex-direction:column}.blog-intro h1{font-size:var(--type-4xl);line-height:40px}.article-layout{gap:var(--space-32);grid-template-columns:180px minmax(0,650px)}.article-toc nav{font-size:var(--type-xs);line-height:16px}.article-image .product-image{height:350px}.guide-image{height:260px}}@media (max-width:700px){body:has(.hero-v2) .site-header{width:calc(100% - 28px);height:60px;padding-inline:var(--space-16);border-radius:16px;top:13px}.header-install{display:none}.hero-v2-copy{padding-inline:var(--space-24)}.hero-eyebrow{font-size:var(--type-xs);gap:var(--space-8);margin-bottom:var(--space-24);line-height:16px}.hero-v2 h1{margin-bottom:var(--space-24)}.hero-v2-description{font-size:var(--type-sm);max-width:360px;margin-bottom:var(--space-24);line-height:20px}.hero-v2 .hero-actions{gap:var(--space-16)}.hero-actions .button{font-size:var(--type-xs);min-height:45px;padding-inline:var(--space-16);line-height:16px}.hero-explore{font-size:var(--type-xs);gap:var(--space-8);line-height:16px}.hero-note{margin:var(--space-16) auto 0;align-items:flex-start}.hero-note svg{margin-top:var(--space-2);width:12px}.hero-scene{padding-inline:var(--space-16);padding-bottom:var(--space-24)}.scene-mascot{width:110px;height:110px;top:-74px;right:10%}.scene-browser{border-radius:12px}.scene-browser-bar{height:33px;padding-inline:var(--space-12)}.scene-browser-bar>span{font-size:var(--type-xs);gap:var(--space-4);line-height:16px}.scene-browser-bar>svg{width:12px}.window-dots{gap:var(--space-4)}.window-dots i{width:5px;height:5px}.scene-browser>.product-image{height:255px}.scene-browser .save-demo{padding:var(--space-12) var(--space-16);align-items:stretch;gap:var(--space-8);flex-direction:column;display:flex}.scene-browser .demo-label{font-size:var(--type-xs);justify-content:space-between;line-height:16px}.scene-browser .demo-label button{display:grid}.scene-browser .demo-track{gap:var(--space-12);min-height:50px}.scene-browser .demo-source{width:44%}.scene-browser .demo-collection{align-items:start;gap:var(--space-4);flex-direction:column}.scene-browser .demo-collection>span{font-size:var(--type-xs);line-height:16px}.scene-browser .demo-tab{font-size:var(--type-xs);padding:var(--space-8) var(--space-8);gap:var(--space-4);line-height:16px}.scene-browser .demo-save{font-size:var(--type-xs);justify-content:start;min-height:30px;line-height:16px}.scene-caption{margin:var(--space-16) var(--space-8) 0}.gradient-streaks{height:800px}.section{padding-block:var(--space-64)}.section-kicker{font-size:var(--type-xs);letter-spacing:1.1px;margin-bottom:var(--space-16);line-height:16px}.section-heading h2,h2{font-size:var(--type-3xl);letter-spacing:-1.4px;line-height:36px}.section-heading{gap:var(--space-24);margin-bottom:var(--space-24);align-items:stretch}.section-heading>p{max-width:unset;font-size:var(--type-sm);line-height:20px}.workflow-strip{gap:var(--space-16);padding-block:var(--space-32)}.workspace-details{justify-content:start;gap:var(--space-12) var(--space-24);font-size:var(--type-xs);line-height:16px}.developer-grid{gap:var(--space-32);display:flex}.developer-copy>.section-kicker{font-size:var(--type-xs);line-height:16px}.developer-copy>img{width:90px;height:90px}.developer-copy>p{font-size:var(--type-sm);max-width:unset;line-height:20px}.developer-shot{border-radius:12px;transform:none}.feature-frame-label{padding:var(--space-12);gap:var(--space-8)}.developer-shot figcaption{font-size:var(--type-xs);line-height:16px}.feature-lines p{font-size:var(--type-sm);line-height:20px}.local-section .section-kicker{font-size:var(--type-xs);line-height:16px}.local-section .secondary-copy{font-size:var(--type-sm);line-height:20px}.home-guide-list{gap:var(--space-32);flex-direction:column;display:flex}.home-guide{gap:var(--space-8) var(--space-16);grid-template-columns:110px 1fr;align-items:start;display:grid}.guide-art{border-radius:12px;grid-row:1/4}.guide-art>span{display:none}.guide-art img{width:90px;height:90px}.guide-art:before{width:85px;height:85px;top:20px;left:12%}.guide-art-1:before{width:90px;height:90px;transform:none}.home-guide>p{font-size:var(--type-xs);margin:var(--space-4) 0 0;gap:var(--space-12);flex-flow:wrap;line-height:16px}.home-guide h3{font-size:var(--type-base);letter-spacing:-.4px;max-width:unset;margin:0;line-height:24px}.guide-read{font-size:var(--type-xs);gap:var(--space-4);line-height:16px}.faq-section{gap:var(--space-32);grid-template-columns:1fr}.faq-section>div>img{display:none}.install-v2{padding-top:var(--space-12)}.install-v2-inner{align-items:start;gap:var(--space-16);border-radius:16px;flex-direction:column}.install-v2-inner>img{width:100px;height:100px}.install-v2-inner p:not(.section-kicker){font-size:var(--type-sm);line-height:20px}.install-v2-inner .text-link{font-size:var(--type-xs);margin-left:var(--space-16);line-height:16px}.install-v2-inner .button{font-size:var(--type-xs);padding-inline:var(--space-16);line-height:16px}.blog-index{padding-block:var(--space-24) var(--space-64)}.blog-intro{padding-block:var(--space-12) var(--space-32);gap:var(--space-16);align-items:start}.blog-intro h1{font-size:var(--type-4xl);letter-spacing:-1.7px;line-height:40px}.blog-intro>div>p:last-child{font-size:var(--type-sm);line-height:20px}.blog-intro>img{width:80px;height:80px;margin:0;display:none}.guide-grid{gap:var(--space-40)}.guide-image{height:250px}.guide-card h2{font-size:var(--type-2xl);line-height:32px}.guide-card>p:last-child{font-size:var(--type-sm);line-height:20px}.guide-category{font-size:var(--type-xs);line-height:16px}.blog-bottom{margin-top:var(--space-48);padding-top:var(--space-24)}.article-header{padding-top:var(--space-24);padding-bottom:var(--space-32)}.article-back{margin-bottom:var(--space-24)}.article-header h1{font-size:var(--type-4xl);letter-spacing:-1.6px;line-height:40px}.article-description{font-size:var(--type-base);line-height:24px}.article-meta{gap:var(--space-12) var(--space-16);font-size:var(--type-xs);line-height:16px}.article-image{margin-bottom:var(--space-32)}.article-image .product-image{border-radius:12px;height:260px}.article-image figcaption{font-size:var(--type-xs);line-height:16px}.article-layout{gap:var(--space-24);flex-direction:column;display:flex}.article-toc{width:100%;padding-bottom:var(--space-24);border-bottom:1px solid var(--border);position:static}.article-toc>p{font-size:var(--type-xs);margin-bottom:var(--space-12);line-height:16px}.article-toc nav{font-size:var(--type-xs);gap:var(--space-12);line-height:16px}.direct-answer{padding-left:var(--space-16);margin-bottom:var(--space-32)}.direct-answer>span{font-size:var(--type-xs);line-height:16px}.direct-answer p{font-size:var(--type-base);line-height:24px}.article-body h2{font-size:var(--type-2xl);line-height:32px}.article-body p,.article-body li{font-size:var(--type-base);line-height:24px}.article-body section{margin-bottom:var(--space-32)}.related-guides{padding-block:var(--space-64)}.related-guide{gap:var(--space-8);padding-block:var(--space-24);grid-template-columns:1fr 22px}.related-guide>span{font-size:var(--type-xs);grid-column:1;line-height:16px}.related-guide h3{font-size:var(--type-base);grid-area:2/1;line-height:24px}.related-guide>svg{grid-area:1/2/3}.related-guides h2{font-size:var(--type-2xl);line-height:32px}.related-guides .section-heading{flex-direction:row;align-items:center}.related-guides .text-link{font-size:var(--type-xs);line-height:16px}}@media (max-width:360px){.hero-v2 h1{font-size:var(--type-4xl);letter-spacing:-2px;line-height:40px}.hero-v2 .hero-actions{gap:var(--space-12)}.hero-explore,.hero-note{font-size:var(--type-xs);line-height:16px}.scene-browser>.product-image{height:225px}.scene-caption{font-size:var(--type-xs);line-height:16px}.feature-frame-label>span{display:none}.install-v2-inner .text-link{margin:var(--space-24) 0 0;display:flex}.home-guide{gap:var(--space-8) var(--space-12);grid-template-columns:90px 1fr}.guide-art{height:120px}.home-guide h3{font-size:var(--type-base);line-height:24px}}@media (prefers-reduced-motion:reduce){.streak{animation:none}.scene-browser{will-change:auto}.home-guide:hover .guide-art img,.guide-card:hover .guide-image .product-image{transform:none}}@media (forced-colors:active){.gradient-ground,.gradient-streaks,.gradient-grain,.gradient-dots{display:none}.scene-browser,.scene-tab{border-color:canvastext}.scene-site-icon,.guide-image-mark{border:1px solid canvastext}.button:disabled{color:graytext;border-color:graytext}}html[data-theme=dark] .section-kicker{color:#bea3df}.site-header{z-index:var(--layer-sticky);border:1px solid color-mix(in srgb, var(--foreground) 11%, transparent);width:calc(100% - 64px);max-width:1200px;height:70px;padding-inline:var(--space-24);background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000000b}body:has(.hero-v2) .site-header{z-index:var(--layer-sticky);border:1px solid color-mix(in srgb, var(--foreground) 11%, transparent);width:calc(100% - 64px);max-width:1200px;height:70px;padding-inline:var(--space-24);background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000000b}html{scroll-padding-top:115px}.developer-shot{transform:none;box-shadow:0 20px 55px #00000010}.developer-shot .product-image{height:auto}.developer-shot .product-image img{object-fit:contain;object-position:center;width:100%;height:auto}@media (max-width:1000px){.site-header{width:calc(100% - 40px);height:64px;padding-inline:var(--space-16);top:15px}body:has(.hero-v2) .site-header{width:calc(100% - 40px);height:64px;padding-inline:var(--space-16);top:15px}.developer-copy>img{float:right;margin:0 0 var(--space-16) var(--space-24)}.developer-copy .feature-lines{gap:var(--space-32)}.developer-copy .feature-lines>div{margin-top:0}}@media (max-width:700px){.site-header{width:calc(100% - 28px);height:60px;padding-inline:var(--space-16);border-radius:16px;top:12px}body:has(.hero-v2) .site-header{width:calc(100% - 28px);height:60px;padding-inline:var(--space-16);border-radius:16px;top:12px}body:not(:has(.hero-v2)){padding-top:var(--space-96)}.developer-copy>img{float:none;margin:0 0 var(--space-24)}.developer-shot .product-image{height:auto}.feature-frame-label{font-size:var(--type-xs);letter-spacing:.6px;line-height:16px}.feature-frame-label>span{font-size:var(--type-xs);line-height:16px}}.developer-shot .product-image{aspect-ratio:auto}.guide-art{isolation:isolate;background:#121522;height:245px}.guide-art:before{display:none}.guide-art .guide-background{object-fit:cover;z-index:-1;width:100%;height:100%;transition:transform 1.2s var(--ease-ui);opacity:1;inset:0;transform:scale(1.03)}.guide-art .guide-mascot{width:118px;height:118px;margin-top:var(--space-32);z-index:1;filter:drop-shadow(0 8px 10px #0006)}.guide-art>span{color:#f8f8ff;padding:var(--space-4) var(--space-8);font-size:var(--type-xs);letter-spacing:1px;background:#121522bb;border:1px solid #ffffff20;border-radius:6px;line-height:16px;bottom:13px;left:15px}.home-guide:hover .guide-background,.home-guide:focus-visible .guide-background{transform:scale(1.085)}.home-guide:hover .guide-mascot{transform:translateY(-5px)}.install-v2-inner{isolation:isolate;color:#f5f4fa;min-height:410px;padding:var(--space-64) var(--space-64);background:#111423;display:block;position:relative;overflow:hidden}.install-v2-inner:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 18%,#0e102330 40%,#10132280 65%);position:absolute;inset:0}.install-v2-inner .install-v2-background{object-fit:cover;z-index:-2;width:100%;height:100%;inset:0}.install-v2-inner .install-v2-mascot{filter:drop-shadow(0 9px 8px #0007);width:170px;height:170px;position:absolute;bottom:19%;left:14%}.install-v2-inner>div{max-width:570px;margin-left:42%;position:relative}.install-v2-inner .section-kicker{color:#c8b2e7}.install-v2-inner p:not(.section-kicker){color:#c8c8d3}.install-v2-inner .button:disabled{color:#f7f6fc;background:#77609044;border-color:#81719677}.install-v2-inner .text-link{color:#eeeaf7}@media (max-width:1000px){.install-v2-inner{padding:var(--space-48) var(--space-32)}.install-v2-inner>div{margin-left:38%}.install-v2-inner .install-v2-mascot{width:145px;height:145px;left:10%}.install-v2-inner h2{font-size:var(--type-4xl);line-height:40px}.guide-art{height:210px}.guide-art .guide-mascot{width:110px;height:110px}.guide-art>span{font-size:var(--type-xs);line-height:16px}}@media (max-width:700px){.guide-art{height:130px}.guide-art .guide-mascot{width:80px;height:80px;margin-top:var(--space-24)}.guide-art .guide-background{object-fit:cover;width:100%;height:100%}.install-v2-inner{padding:var(--space-96) var(--space-24) var(--space-32);min-height:0}.install-v2-inner>div{max-width:unset;margin:0}.install-v2-inner .install-v2-background{object-fit:cover;object-position:left center;height:235px!important}.install-v2-inner:after{background:linear-gradient(#0000 150px,#111423 235px)}.install-v2-inner .install-v2-mascot{width:115px;height:115px;top:118px;bottom:auto;left:39%}.install-v2-inner h2{font-size:var(--type-3xl);line-height:36px}}@media (prefers-reduced-motion:reduce){.home-guide:hover .guide-background,.home-guide:focus-visible .guide-background,.home-guide:hover .guide-mascot{transform:none}}.guide-card,.guide-image{min-width:0}.guide-card h2 a{overflow-wrap:anywhere}@media (max-width:700px){.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-image{width:100%}}.gradient-scene[data-animate=false] .streak{animation-play-state:paused}.mobile-nav{display:none;position:relative}.mobile-nav-trigger{background:var(--muted);color:var(--foreground);border:1px solid #0000;place-items:center;display:grid}.site-header nav.mobile-nav-panel{background:var(--background);border:1px solid var(--border);min-width:235px;padding:var(--space-8);font-size:var(--type-sm);color:var(--foreground);border-radius:12px;flex-direction:column;align-items:stretch;gap:0;line-height:20px;display:flex;position:absolute;top:48px;right:0;box-shadow:0 15px 40px #0002}.install-v2-background{transition:transform 1.4s var(--ease-ui)}.install-v2-inner:hover .install-v2-background{transform:scale(1.025)}@media (max-width:1000px){.mobile-nav{display:block}.header-actions{gap:var(--space-12)}.header-install{display:none}}@media (max-width:700px){.site-header .wordmark{font-size:var(--type-xl);gap:var(--space-8);line-height:28px}.site-header .wordmark img{width:30px;height:30px}.header-actions{gap:var(--space-8)}.mobile-nav-trigger{width:28px}.site-header nav.mobile-nav-panel{right:-7px}}@media (prefers-reduced-motion:reduce){.install-v2-inner:hover .install-v2-background{transform:none}}@media (forced-colors:active){.mobile-nav-trigger{border-color:buttontext}.site-header nav.mobile-nav-panel{border-color:canvastext}}.guide-image>.guide-art{width:100%;height:100%}.guide-image .guide-mascot{width:155px;height:155px;margin-top:var(--space-48)}.article-image .article-guide-art{border-radius:16px;height:410px}.article-guide-art .guide-mascot{width:170px;height:170px}.hero-note,.scene-caption{font-size:var(--type-xs);line-height:16px}.product-expand-trigger{background:var(--muted);text-align:left;width:100%;color:var(--foreground);cursor:zoom-in;border:0;padding:0;display:block;position:relative}.product-expand-hint{padding:var(--space-8) var(--space-12);gap:var(--space-8);border:1px solid var(--border);background:var(--background);color:var(--foreground);font-size:var(--type-xs);border-radius:8px;align-items:center;line-height:16px;display:flex;position:absolute;bottom:13px;right:13px;box-shadow:0 2px 8px #0001}.screenshot-lightbox{width:calc(100% - 28px);max-width:1500px;max-height:calc(100svh - 28px);padding:var(--space-16);border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:16px;margin:auto;overflow:auto;box-shadow:0 20px 70px #0005}.screenshot-lightbox::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000b}.screenshot-lightbox-heading{justify-content:space-between;align-items:center;gap:var(--space-24);font-size:var(--type-xs);margin-bottom:var(--space-16);line-height:16px;display:flex}.screenshot-lightbox-heading button{border:1px solid var(--border);background:var(--muted);width:32px;height:32px;color:var(--foreground);border-radius:8px;place-items:center;display:grid}.screenshot-pan{border:1px solid var(--border);border-radius:8px;max-height:calc(100svh - 160px);overflow:auto}.screenshot-pan .product-image{min-width:1000px;aspect-ratio:auto!important;height:auto!important;overflow:visible!important}.screenshot-pan .product-image img{width:100%;object-fit:contain!important;height:auto!important}.screenshot-lightbox>p{font-size:var(--type-xs);color:var(--text-secondary);margin:var(--space-12) 0 0;line-height:16px}@media (max-width:700px){.hero-v2-copy{padding-top:var(--space-96);padding-bottom:var(--space-64)}.hero-v2 h1{font-size:var(--type-4xl);letter-spacing:-1.8px;line-height:40px}.hero-v2 h1 br{display:none}.hero-note{font-size:var(--type-xs);max-width:330px;line-height:16px}.scene-caption{font-size:var(--type-xs);line-height:16px}.guide-image .guide-mascot{width:130px;height:130px}.article-image .article-guide-art{height:270px}.article-guide-art .guide-mascot{width:130px;height:130px}.product-expand-hint{font-size:var(--type-xs);line-height:16px;bottom:10px;right:10px}.screenshot-lightbox{padding:var(--space-12)}.screenshot-lightbox-heading{font-size:var(--type-xs);gap:var(--space-12);line-height:16px}.screenshot-pan .product-image{min-width:1000px}}@media (forced-colors:active){.product-expand-trigger,.product-expand-hint,.screenshot-lightbox{border:1px solid canvastext}}.feature-bento{gap:var(--space-24);margin-top:var(--space-48);grid-template-columns:1.15fr 1fr;display:grid}.bento-tile{border:1px solid var(--border);background:var(--card);isolation:isolate;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.bento-copy{z-index:1;position:relative}.bento-copy p{color:var(--muted-foreground);max-width:350px;margin:0}.bento-icon{display:inline-flex}.bento-link-board{gap:var(--space-16);margin:var(--space-40) 0 var(--space-32);grid-template-columns:1fr 1fr;min-height:166px;display:grid;position:relative}.bento-link{align-items:center;gap:var(--space-12);background:var(--background);border:1px solid var(--border);min-width:0;display:flex}.bento-link>svg{color:var(--primary);flex-shrink:0}.bento-link>span{min-width:0;font-size:var(--type-xs);white-space:nowrap;text-overflow:ellipsis;line-height:16px;overflow:hidden}.bento-link small{font-size:var(--type-xs);color:var(--muted-foreground);margin-top:var(--space-4);line-height:16px;display:block}.bento-link-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.bento-project-label{font-size:var(--type-xs);color:var(--primary);opacity:0;font-weight:600;line-height:16px;transition:opacity .3s;position:absolute;top:0}.is-grouped .bento-project-label{opacity:1}.label-frontend{left:0}.label-research{left:calc(50% + 7px)}.bento-bottom{justify-content:space-between;gap:var(--space-12);color:var(--muted-foreground);align-items:center;margin-top:auto;display:flex}.bento-bottom button{align-items:center;gap:var(--space-8);background:var(--background);color:var(--foreground);border:1px solid var(--border);padding:var(--space-12) var(--space-12);white-space:nowrap;display:flex}.bento-next-list{gap:var(--space-12);margin:var(--space-32) 0;display:grid}.bento-next-list>div,.bento-next-list>button{align-items:center;gap:var(--space-12);text-align:left;border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);padding:var(--space-16);font-size:var(--type-sm);border-radius:12px;min-height:52px;line-height:20px;display:flex}.bento-check{border:1px solid var(--muted-foreground);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.is-done .bento-check{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.is-done>span:last-child{color:var(--muted-foreground);text-decoration:line-through}.bento-search-field{align-items:center;gap:var(--space-12);margin:var(--space-24) 0 var(--space-12);border:1px solid var(--border);padding:var(--space-12);background:var(--background);color:var(--muted-foreground);display:flex}.bento-search-field input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0}.bento-search-field:focus-within{outline:2px solid var(--primary);outline-offset:3px}.bento-search-field kbd{font-size:var(--type-xs);line-height:16px}.bento-search-results{min-height:118px}.bento-search-results>div{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--type-xs);line-height:16px;display:flex}.bento-search-results>div>svg:last-child{margin-left:auto}.bento-search-results small{font-size:var(--type-xs);color:var(--muted-foreground);margin-left:var(--space-12);line-height:16px}.bento-search-results>p{font-size:var(--type-sm);color:var(--muted-foreground);padding:var(--space-16) 0;line-height:20px}.bento-session-stack{height:155px;margin:var(--space-24) 0 var(--space-16);place-items:center;display:grid;position:relative}.bento-session-stack>div{justify-content:center;align-items:center;gap:var(--space-8);border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--background);width:150px;height:103px;color:var(--primary);border-radius:12px;display:flex;position:absolute;box-shadow:0 12px 25px #00000012}.bento-session-stack>div>span{gap:var(--space-4);display:flex;position:absolute;top:10px;left:10px}.bento-session-stack i{background:var(--muted-foreground);border-radius:50%;width:4px;height:4px}.bento-session-stack small{color:var(--foreground);position:absolute;bottom:12px}.bento-disclosure{font-size:var(--type-xs);color:var(--muted-foreground);text-align:center;grid-column:1/-1;margin:0;line-height:16px}.workspace-details{display:none}.developer-section{padding-top:var(--space-64);padding-bottom:var(--space-64);background:0 0}.developer-grid{gap:var(--space-64);grid-template-columns:.82fr 1.18fr;align-items:center}.developer-copy h2{font-size:var(--type-4xl);line-height:40px}.developer-copy .feature-lines{gap:var(--space-24);margin:var(--space-32) 0}.developer-copy>p{max-width:430px}.developer-workbench{isolation:isolate;border:1px solid var(--border);background:#171527;min-width:0;position:relative;overflow:hidden}.developer-scene-bg{object-fit:cover;opacity:.48;z-index:-2}.developer-workbench:after{content:"";z-index:-1;background:linear-gradient(#14102015,#14102090);position:absolute;inset:0}.workbench-top{color:#faf7ff;justify-content:space-between;align-items:flex-start;gap:var(--space-12);height:100px;display:flex}.workbench-top>span{gap:var(--space-8);font-size:var(--type-xs);margin-top:var(--space-8);align-items:center;line-height:16px;display:flex}.workbench-top>img{margin-top:calc(-1 * var(--space-8))}.developer-workbench .developer-shot{background:var(--background);border:1px solid var(--border);margin:0;overflow:hidden;transform:none}.developer-workbench .feature-frame-label{font-size:var(--type-xs);padding:var(--space-16);line-height:16px}.developer-workbench .feature-frame-label>span{font-size:var(--type-xs);line-height:16px}.developer-workbench .developer-shot figcaption{font-size:var(--type-xs);padding:var(--space-16);line-height:16px}.workbench-destinations{gap:var(--space-8);margin-top:var(--space-24);flex-wrap:wrap;justify-content:center;display:flex}.workbench-destinations>span{align-items:center;gap:var(--space-8);font-size:var(--type-xs);color:#fff;padding:var(--space-8);background:#151223c9;border:1px solid #ffffff30;border-radius:8px;line-height:16px;display:flex}.local-archive-scene{isolation:isolate;border:1px solid var(--border);background:#29223c;min-width:0;height:450px;position:relative;overflow:hidden}.local-archive-scene>img:first-child{object-fit:cover;z-index:-2}.local-archive-scene:after{content:"";z-index:-1;background:linear-gradient(#12102120 40%,#121021df);position:absolute;inset:0}.archive-status{gap:var(--space-8);font-size:var(--type-xs);color:#f5f0ff;padding:var(--space-12) var(--space-12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171222b8;border:1px solid #ffffff30;align-items:center;line-height:16px;display:flex;position:absolute;top:22px;left:22px}.local-archive-scene .archive-mascot{object-fit:contain;filter:drop-shadow(0 16px 20px #0005);width:180px;height:180px;position:absolute;top:105px;left:50%;transform:translate(-50%)}.archive-file{align-items:center;gap:var(--space-12);padding:var(--space-16);color:#21182f;background:#faf8ffed;transition:transform .5s;display:flex;position:absolute;bottom:65px;left:24px;right:24px;transform:rotate(-2deg)}.local-archive-scene:hover .archive-file{transform:rotate(0)translateY(-5px)}.archive-file-icon{color:#6b4791;background:#e7dcf6;border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:48px;display:grid}.archive-file strong{font-size:var(--type-sm);font-weight:600;line-height:20px;display:block}.archive-file>div>span{font-size:var(--type-xs);color:#5f546d;margin-top:var(--space-4);line-height:16px;display:block}.archive-file>svg:last-child{color:#6b4791;flex-shrink:0;margin-left:auto}.archive-route{gap:var(--space-8);font-size:var(--type-xs);color:#f5edff;justify-content:center;align-items:center;line-height:16px;display:flex;position:absolute;bottom:24px;left:20px;right:20px}.local-section{gap:var(--space-64)}.local-section h2{font-size:var(--type-4xl);line-height:40px}@media (max-width:1000px){.developer-grid{gap:var(--space-32);grid-template-columns:1fr}.developer-copy{max-width:700px}.developer-copy .feature-lines{grid-template-columns:1fr 1fr;display:grid}.developer-copy>p{max-width:650px}.developer-workbench{width:100%;max-width:760px;margin:auto}.local-section{gap:var(--space-32)}.bento-tile{padding:var(--space-24)}.bento-link{padding:var(--space-16) var(--space-12);gap:var(--space-8)}.bento-bottom{flex-wrap:wrap}}@media (max-width:700px){.feature-bento{gap:var(--space-16);margin-top:var(--space-32);grid-template-columns:1fr}.bento-tile{padding:var(--space-24) var(--space-24);border-radius:24px}.bento-copy h3{font-size:var(--type-xl);line-height:28px}.bento-link-board{margin-top:var(--space-32);gap:var(--space-12)}.bento-link>span{font-size:var(--type-xs);line-height:16px}.bento-link>svg{width:16px}.bento-link small{font-size:var(--type-xs);line-height:16px}.bento-link-dot{display:none}.bento-bottom{font-size:var(--type-xs);gap:var(--space-12);line-height:16px}.bento-next-list{margin:var(--space-24) 0}.bento-session-stack{height:145px}.developer-section{padding-top:var(--space-48);padding-bottom:var(--space-48)}.developer-copy h2,.local-section h2{font-size:var(--type-4xl);line-height:40px}.developer-copy .feature-lines{gap:var(--space-24);grid-template-columns:1fr}.developer-workbench{padding:var(--space-16);border-radius:24px}.workbench-top{height:85px}.workbench-top>span{max-width:175px;line-height:1.5}.workbench-top>img{width:90px;height:90px}.developer-workbench .feature-frame-label{padding:var(--space-12);font-size:var(--type-xs);line-height:16px}.developer-workbench .feature-frame-label>span{display:none}.developer-workbench .developer-shot figcaption{padding:var(--space-12);font-size:var(--type-xs);line-height:16px}.workbench-destinations{gap:var(--space-8);margin-top:var(--space-16)}.workbench-destinations>span{font-size:var(--type-xs);padding:var(--space-8);line-height:16px}.workbench-destinations>span>svg{width:13px}.local-archive-scene{height:390px}.local-section{gap:var(--space-32)}.archive-status{font-size:var(--type-xs);max-width:calc(100% - 32px);line-height:16px;top:16px;left:16px}.local-archive-scene .archive-mascot{width:160px;height:160px;top:80px}.archive-file{padding:var(--space-12);gap:var(--space-12);bottom:64px;left:16px;right:16px}.archive-file strong{font-size:var(--type-sm);line-height:20px}.archive-file>div>span{font-size:var(--type-xs);line-height:16px}.archive-file-icon{width:33px;height:40px}.archive-route{font-size:var(--type-xs);gap:var(--space-4);line-height:16px;left:10px;right:10px}.archive-route>svg{width:12px}}@media (prefers-reduced-motion:reduce){.archive-file{transition:none;transform:none}.local-archive-scene:hover .archive-file{transform:none}.bento-project-label{transition:none}}@media (forced-colors:active){.bento-tile,.bento-link,.bento-next-list>button,.bento-next-list>div,.bento-search-field,.bento-session-stack>div,.developer-workbench,.local-archive-scene,.archive-file{border:1px solid canvastext}.archive-file,.archive-status,.archive-route,.workbench-top,.workbench-destinations>span{color:canvastext;background:canvas}.developer-scene-bg,.local-archive-scene>img:first-child{display:none}}.bento-search-field input:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:2px}.is-grouped .bento-link:first-of-type{grid-area:1/1}.is-grouped .bento-link:nth-of-type(2){grid-area:2/1}.is-grouped .bento-link:nth-of-type(3){grid-area:1/2}.is-grouped .bento-link:nth-of-type(4){grid-area:2/2}@media (forced-colors:active){.bento-search-field input{padding:var(--space-4);border:1px solid canvastext}}.hero-v2 h1{font-size:var(--type-7xl);letter-spacing:-.05em;text-wrap:balance;color:#0000;background-image:linear-gradient(90deg,#000,#666);-webkit-background-clip:text;background-clip:text;max-width:960px;margin-inline:auto;font-weight:600;line-height:72px}html[data-theme=dark] .hero-v2 h1{background-image:linear-gradient(90deg,#fff,#9b9b9b)}h1,h2,h3,dt{text-wrap:balance}p,li,dd{text-wrap:pretty}.hero-v2-description{max-width:40rem;font-size:var(--type-lg);line-height:28px}.hero-note{max-width:36rem}.section-heading h2,.developer-copy h2,.local-section h2,.faq-section h2,.install-v2-inner h2{font-size:var(--type-5xl);letter-spacing:-.045em;font-weight:600;line-height:48px}.section-kicker{text-transform:none;font-size:var(--type-sm);letter-spacing:.025em;font-weight:600;line-height:20px}.section-heading>p,.developer-copy>p,.local-section>div>p{max-width:65ch}.site-header{height:72px;padding-inline:var(--space-24);z-index:var(--layer-sticky);box-shadow:var(--shadow-floating);border-radius:9999px;top:24px}body:has(.hero-v2) .site-header{height:72px;padding-inline:var(--space-24);z-index:var(--layer-sticky);box-shadow:var(--shadow-floating);border-radius:9999px;top:24px}body:not(:has(.hero-v2)){padding-top:var(--space-96)}.site-header .desktop-nav{gap:var(--space-24);display:flex}.nav-link{min-height:40px;font-size:var(--type-sm);align-items:center;font-weight:500;line-height:20px;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:transform var(--duration-feedback) var(--ease-ui);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav-link[aria-current]{color:var(--foreground)}.nav-link[aria-current]:after,.nav-link:hover:after{transform:scaleX(1)}.header-actions{gap:var(--space-12)}.appearance-control{position:relative}.appearance-trigger{justify-content:center;align-items:center;gap:var(--space-8);min-height:40px;padding:var(--space-8) var(--space-12);background:var(--muted);color:var(--foreground);font-size:var(--type-sm);border:1px solid #0000;border-radius:9999px;font-weight:500;line-height:20px;display:inline-flex}.appearance-trigger>svg:last-child{color:var(--muted-foreground)}.appearance-menu{width:176px;padding:var(--space-8);background:var(--popover);border:1px solid var(--border);box-shadow:var(--shadow-floating);z-index:var(--layer-menu);border-radius:16px;position:absolute;top:calc(100% + 8px);right:0}.appearance-menu button{gap:var(--space-12);width:100%;padding:var(--space-12);color:var(--popover-foreground);font-size:var(--type-sm);background:0 0;border:0;border-radius:8px;align-items:center;line-height:20px;display:flex}.appearance-menu button[aria-checked=true],.appearance-menu button:hover{background:var(--accent)}.appearance-menu button>svg:last-child:not(:first-child){margin-left:auto}.mobile-nav-trigger{border-radius:9999px;width:40px;height:40px}.menu-lines{width:18px;height:16px;display:block;position:relative}.menu-lines>span{background:currentColor;border-radius:9999px;width:18px;height:2px;position:absolute;top:7px;left:0}.mobile-navigation{width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--space-32);background:color-mix(in srgb, var(--background) 92%, transparent);color:var(--foreground);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:var(--layer-overlay);border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow:auto}.mobile-navigation::backdrop{background:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-navigation-top{justify-content:space-between;align-items:center;gap:var(--space-24);pointer-events:none;display:flex}.mobile-navigation-top>a,.mobile-navigation-top>button{pointer-events:auto}.mobile-navigation-top .wordmark{font-size:var(--type-2xl);line-height:32px;display:block}.navigation-caption{font-size:var(--type-xs);color:var(--muted-foreground);letter-spacing:0;margin-top:var(--space-4);font-weight:400;line-height:16px;display:block}.site-header .mobile-navigation-links{margin:var(--space-64) 0;flex-direction:column;align-items:stretch;gap:0;display:flex}.mobile-navigation-links a{align-items:center;gap:var(--space-16);min-height:64px;padding-block:var(--space-16);border-bottom:1px solid var(--border);font-size:var(--type-3xl);letter-spacing:-.04em;font-weight:500;line-height:36px;display:flex}.mobile-navigation-links a>svg{color:var(--muted-foreground);margin-left:auto}.navigation-number{font-size:var(--type-xs);letter-spacing:0;color:var(--muted-foreground);font-variant-numeric:tabular-nums;line-height:16px}.mobile-navigation-links a[aria-current]{color:var(--primary)}.mobile-navigation-note{font-size:var(--type-sm);color:var(--muted-foreground);line-height:20px}.mobile-navigation-note>a{gap:var(--space-8);margin-top:var(--space-16);color:var(--foreground);text-underline-offset:4px;align-items:center;text-decoration:underline;display:flex}.faq-section{gap:var(--space-64);grid-template-columns:.7fr 1.3fr;align-items:start}.faq-answers{margin:0}.faq-answers>div{padding-block:var(--space-24);border-top:1px solid var(--border)}.faq-answers>div:first-child{border-top:0;padding-top:0}.faq-answers dt{gap:var(--space-16);font-size:var(--type-lg);letter-spacing:-.025em;align-items:baseline;font-weight:600;line-height:28px;display:flex}.faq-answers dt>span{font-size:var(--type-xs);letter-spacing:0;color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-weight:400;line-height:16px}.faq-answers dd{margin:var(--space-12) 0 0 var(--space-32);max-width:60ch;font-size:var(--type-base);color:var(--muted-foreground);line-height:24px}.bento-organize{background:var(--card)}.bento-session{background:var(--muted)}.bento-tile{box-shadow:none;padding:var(--space-32);border-radius:24px}.bento-icon{color:var(--primary);background:0 0;border-radius:0;padding:0}.bento-copy h3{font-size:var(--type-2xl);letter-spacing:-.035em;margin:var(--space-16) 0 var(--space-8);font-weight:600;line-height:32px}.bento-copy p{font-size:var(--type-base);line-height:24px}.bento-link{box-shadow:var(--shadow-floating);padding:var(--space-16) var(--space-12);border-radius:12px}.bento-bottom button{min-height:40px;font-size:var(--type-sm);border-radius:8px;font-weight:600;line-height:20px}.bento-bottom{font-size:var(--type-xs);line-height:16px}.bento-disclosure,.scene-caption{font-size:var(--type-sm);line-height:20px}.bento-link-board{padding-top:var(--space-24)}.bento-next-list>div,.bento-next-list>button{border-radius:12px}.bento-session-stack>div{box-shadow:var(--shadow-floating);border-radius:12px}.bento-session-stack small{font-size:var(--type-xs);line-height:16px}.bento-search-field{border-radius:12px}.bento-search-field input{font-size:var(--type-sm);line-height:20px}.bento-search-results small{overflow-wrap:anywhere}.developer-workbench{padding:var(--space-24);box-shadow:var(--shadow-raised);border-radius:24px}.developer-workbench .developer-shot{box-shadow:var(--shadow-raised);border-radius:12px}.local-archive-scene{border-radius:24px}.archive-file{box-shadow:var(--shadow-raised);border-radius:16px}.archive-status{border-radius:8px}.home-guide{flex-direction:column;align-items:stretch;display:flex}.home-guide h3{font-size:var(--type-2xl);font-weight:500;line-height:32px}.guide-read{font-size:var(--type-sm);margin-top:auto;font-weight:600;line-height:20px}.home-guide-list{gap:var(--space-32);grid-template-columns:1.12fr 1fr .88fr}.guide-image,.home-guide .guide-art{border-radius:16px}.button{font-size:var(--type-base);min-height:48px;padding:var(--space-8) var(--space-12);border-radius:12px;font-weight:600;line-height:24px}.button.small{font-size:var(--type-sm);min-height:40px;padding:var(--space-8) var(--space-12);border-radius:9999px;line-height:20px}.button:not(:disabled):hover{background:var(--brand-hover)}.bento-bottom button:hover,.bento-next-list>button:hover,.appearance-trigger:hover,.mobile-nav-trigger:hover,.screenshot-lightbox-heading button:hover{background:var(--accent);border-color:var(--primary)}.button,.appearance-trigger,.mobile-nav-trigger,.bento-bottom button,.bento-next-list>button,.demo-save,.screenshot-lightbox-heading button{transition:transform var(--duration-feedback) var(--ease-ui), background-color var(--duration-feedback) var(--ease-ui), border-color var(--duration-feedback) var(--ease-ui), color var(--duration-feedback) var(--ease-ui)}button:not(:disabled):active,.button:active{transform:scale(.98)}input,button,a{touch-action:manipulation}input::placeholder{color:var(--muted-foreground)}.skip-link{z-index:var(--layer-skip)}@media (min-width:1001px){.desktop-nav{display:flex}}@media (max-width:1000px){.site-header .desktop-nav{display:none}.site-header{width:calc(100% - 48px);padding-inline:var(--space-16);height:64px;top:16px}body:has(.hero-v2) .site-header{width:calc(100% - 48px);padding-inline:var(--space-16);height:64px;top:16px}.hero-v2 h1{font-size:var(--type-6xl);line-height:60px}.faq-section{gap:var(--space-40)}.home-guide-list{gap:var(--space-24)}.bento-tile{padding:var(--space-24)}}@media (max-width:700px){.site-header{width:calc(100% - 32px);height:64px;padding-inline:var(--space-12);border-radius:9999px}body:has(.hero-v2) .site-header{width:calc(100% - 32px);height:64px;padding-inline:var(--space-12);border-radius:9999px}body:not(:has(.hero-v2)){padding-top:var(--space-96)}.hero-v2-copy{padding-top:var(--space-96);padding-bottom:var(--space-48)}.hero-v2 h1{font-size:var(--type-4xl);letter-spacing:-.045em;max-width:24rem;line-height:40px}.hero-v2-description{font-size:var(--type-base);line-height:24px}.hero-note,.hero-eyebrow{font-size:var(--type-xs);line-height:16px}.hero-actions{gap:var(--space-16)}.hero-actions .button{font-size:var(--type-sm);padding:var(--space-8) var(--space-12);line-height:20px}.section-heading h2,.developer-copy h2,.local-section h2,.faq-section h2,.install-v2-inner h2{font-size:var(--type-4xl);line-height:40px}.section-kicker{font-size:var(--type-xs);line-height:16px}.faq-section{gap:var(--space-32);grid-template-columns:1fr}.faq-section>div>img{display:none}.faq-answers dd{margin-left:0}.faq-answers dt{gap:var(--space-12)}.home-guide-list{grid-template-columns:1fr}.home-guide h3{font-size:var(--type-xl);line-height:28px}.bento-tile{padding:var(--space-24)}.bento-copy h3{font-size:var(--type-2xl);line-height:32px}.bento-bottom button{font-size:var(--type-xs);line-height:16px}.developer-workbench{padding:var(--space-16)}.mobile-navigation{padding:var(--space-32) var(--space-24)}.mobile-navigation-links a{font-size:var(--type-3xl);line-height:36px}.appearance-trigger{padding:var(--space-8)}.wordmark{letter-spacing:-.04em}}@media (max-width:360px){.appearance-trigger>span{display:none}.mobile-navigation-links a{font-size:var(--type-2xl);line-height:32px}.mobile-navigation-links{margin-block:var(--space-40)}.bento-tile{padding:var(--space-24) var(--space-16)}}@media (prefers-reduced-motion:reduce){.mobile-navigation-links *,.menu-lines *{transition:none}button:not(:disabled):active,.button:active{transform:none}.nav-link:after{transition:none}}@media (forced-colors:active){.hero-v2 h1{color:canvastext;background:0 0!important}.appearance-trigger,.appearance-menu,.mobile-navigation,.mobile-nav-trigger{border:1px solid buttontext}.appearance-menu button[aria-checked=true]{outline:1px solid highlight}.menu-lines>span{background:buttontext}.nav-link:after{background:linktext}.nav-link[aria-current]{outline:1px solid highlight}.mobile-navigation{background:canvas}}.hero-v2-copy{padding-top:calc(var(--space-96) + var(--space-48))}.document p>a[href="/help/"]{align-items:center;min-height:24px;display:inline-flex}@media (max-width:700px){.hero-v2-copy{padding-top:calc(var(--space-96) + var(--space-24))}}