:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1d1f;--ink-2:#1d1d1fb8;--ink-3:#1d1d1f66;--page:#eceef3;--page-2:#fff;--hairline:#1d1d1f1a;--accent:#2b6bff;--accent-ink:#143fa8;--accent-tint:#2b6bff52;--danger:#e5484d;--accent-solid:#2b6bff;--danger-solid:#d6363b;--danger-tint:#e5484d47;--success:#2fb57a;--on-accent:#fff;--fill-lens:#ffffff0f;--fill-regular:#ffffff26;--fill-frost:#ffffff47;--fill-rim:#ffffff14;--fill-flat:#ffffff1a;--flat-1:#ffffff57;--flat-2:#ffffff85;--trough:#1d1d1f12;--separator:#ffffff4d;--rim-key:#fffffff5;--rim-side:#ffffff3d;--rim-counter:#ffffff8f;--edge:#0000001f;--glow-key:#fffc;--glow-counter:#ffffff59;--shadow:0 8px 28px #00000024, 0 1px 3px #00000014;--dim:#00000040;--spring:cubic-bezier(.34, 1.2, .4, 1);--spring-soft:cubic-bezier(.25, .9, .3, 1.04);--dur:.38s;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--ink-2:#ffffffa8;--ink-3:#ffffff6b;--page:#0b0b10;--page-2:#15151c;--hairline:#ffffff1a;--accent:#4c82ff;--accent-ink:#c4d7ff;--accent-tint:#4c82ff5c;--danger:#ff5a5f;--danger-tint:#ff5a5f52;--fill-lens:#12121824;--fill-regular:#1212184d;--fill-frost:#12121866;--fill-rim:#12121838;--fill-flat:#ffffff14;--flat-1:#ffffff1a;--flat-2:#ffffff2e;--trough:#00000047;--separator:#ffffff26;--rim-key:#ffffffad;--rim-side:#ffffff24;--rim-counter:#ffffff59;--edge:#00000052;--glow-key:#ffffff80;--glow-counter:#fff3;--shadow:0 10px 32px #00000059;--dim:#00000073}@media (prefers-reduced-motion:reduce){:root{--spring:ease;--spring-soft:ease;--dur:1ms}}.glass{isolation:isolate;border-radius:var(--radius);box-shadow:0 0 0 1px var(--edge), var(--shadow);color:var(--ink);appearance:none;font:inherit;text-align:inherit;background:0 0;border:0;margin:0;padding:0;display:inline-block;position:relative}.glass>.glass__optic,.glass>.glass__glow,.glass>.glass__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass>.glass__defs{pointer-events:none;width:0;height:0;position:absolute}.glass__optic{background:var(--fill-regular);-webkit-backdrop-filter:blur(var(--blur-fallback,12px)) saturate(1.5);backdrop-filter:blur(var(--blur-fallback,12px)) saturate(1.5);transition:background-color .2s}.glass__glow{box-shadow:inset 2px 3px 8px -4px var(--glow-key), inset -2px -3px 8px -4px var(--glow-counter);transition:opacity .2s}.glass__rim{box-shadow:inset 1.5px 1.5px 0 -.5px var(--rim-key), inset -1.5px -1.5px 0 -.5px var(--rim-counter), inset 0 0 0 .5px var(--rim-side);transition:opacity .2s}.glass__content{z-index:1;border-radius:inherit;display:block;position:relative}.glass--lens>.glass__optic{background:var(--fill-lens)}.glass--regular>.glass__optic{background:var(--fill-regular)}.glass--frost>.glass__optic{background:var(--fill-frost)}.glass--rim>.glass__optic{background:var(--fill-rim)}.glass--tint>.glass__optic{background:var(--glass-tint,var(--accent-tint))}.glass--flat{box-shadow:none}.glass--flat>.glass__optic{background:var(--fill-flat);-webkit-backdrop-filter:none;backdrop-filter:none}.glass--flat>.glass__glow{opacity:0}.glass--flat>.glass__rim{opacity:.5}.glass--interactive{cursor:pointer;transition:transform var(--dur) var(--spring);-webkit-tap-highlight-color:transparent;transform:scale(1)}.glass--interactive:hover>.glass__optic{filter:brightness(1.06)}.glass--interactive:hover>.glass__rim{filter:brightness(1.25)}.glass--interactive.is-pressed{transform:scale(1.05)}.glass--interactive.is-pressed>.glass__glow{filter:brightness(1.5)}.glass:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass[aria-disabled=true],.glass:disabled{cursor:default;pointer-events:none}.glass[aria-disabled=true]>.glass__content,.glass:disabled>.glass__content{opacity:.4}@media (prefers-reduced-transparency:reduce){.glass>.glass__optic{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f5f5f7eb!important}:root[data-theme=dark] .glass>.glass__optic{background:#1c1c22eb!important}}@media (prefers-contrast:more){.glass>.glass__rim{box-shadow:inset 0 0 0 1px #0003}:root[data-theme=dark] .glass>.glass__rim{box-shadow:inset 0 0 0 1px #ffffff59}}.muted{color:var(--ink-2)}.center{justify-content:center;align-items:center;width:100%;height:100%;display:flex!important}.rot-180{transform:rotate(180deg)}svg.lucide{transition:transform .26s var(--spring);flex:none}@keyframes pop-in{0%{transform:scale(.92)}}@keyframes pop-in-up{0%{transform:translate(-50%,4px)scale(.9)}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{transform:translateY(12px)scale(.96)}}.pop-in{animation:pop-in var(--dur) var(--spring)}.pop-in>.glass__content{animation:.16s fade-in}.pop-in-up{animation:pop-in-up var(--dur) var(--spring)}.fade-in{animation:.22s fade-in}.toast-in{animation:toast-in var(--dur) var(--spring)}@media (prefers-reduced-motion:reduce){.pop-in,.pop-in-up,.toast-in{animation:1ms fade-in}}.demo-col{flex-direction:column;align-items:center;gap:20px;display:flex}.demo-col--start{align-items:flex-start}.demo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.demo-row--wide{gap:20px}.demo-row--end{justify-content:flex-end}.demo-row--cards{align-items:stretch;gap:20px;width:100%}.demo-row--cards>*{flex:280px;max-width:420px}.demo-plate{min-width:230px}.demo-plate--wide{width:min(100%,340px)}.demo-plate__content{padding:14px 18px}.demo-plate__content--rows{flex-direction:column;gap:12px;display:flex}.demo-plate__content--list{padding:6px 0}.kv-row{grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:11px 18px;font-size:14px;font-weight:500;display:grid}.field-label{margin-bottom:6px;font-size:12.5px;font-weight:650;display:block}.btn{white-space:nowrap;justify-content:center;align-items:center;font-size:14.5px;font-weight:600;display:inline-flex}.btn--sm{font-size:13px}.btn--solid{color:var(--on-accent);background:var(--accent-solid);transition:transform var(--dur) var(--spring), filter .16s ease;border:0;border-radius:999px;gap:6px;padding:0 18px;box-shadow:0 6px 18px #2b6bff59,inset 0 1px #ffffff47}.btn--solid:hover{filter:brightness(1.06)}.btn--solid:active{transform:scale(1.04)}.btn--solid:disabled{opacity:.45}.btn--destructive{background:var(--danger-solid);box-shadow:0 6px 18px #e5484d59,inset 0 1px #ffffff40}.btn--flat{color:var(--ink);background:var(--flat-2);transition:transform var(--dur) var(--spring), background .16s ease;border:0;border-radius:999px;gap:6px;padding:0 18px}.btn--flat:active{transform:scale(.97)}.btn--sm.btn--solid{padding:0 14px}.btn__content{align-items:center;gap:6px;height:100%;padding:0 18px;display:inline-flex!important}.btn--sm .btn__content{padding:0 14px}.btn--lg .btn__content{padding:0 20px}.btn--danger{color:var(--danger)}:root[data-theme=dark] .btn--danger{color:#ffc2c4}.icon-btn__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex!important}.icon-btn.is-active{color:var(--accent)}:root[data-theme=dark] .icon-btn.is-active{color:#fff}.chip{height:32px;font-size:13.5px;font-weight:500}.chip__content{align-items:center;height:100%;padding:0 14px;display:flex!important}.chip--on{height:32px;color:var(--on-accent);background:var(--accent-solid);border:0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:700;box-shadow:0 4px 12px #2b6bff4d}.radio-group{flex-direction:column;gap:12px;display:flex}.radio{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.radio.is-disabled{opacity:.45;cursor:default}.radio__dot{flex:none;width:18px;height:18px}.radio__dot--on{background:var(--accent);box-shadow:inset 0 0 0 5px var(--accent), inset 0 0 0 9px #fff;border-radius:50%;display:inline-block}.radio input:focus-visible+*{outline:2px solid var(--accent);outline-offset:2px}.switch-row{justify-content:space-between;align-items:center;gap:16px;font-size:14.5px;font-weight:500;display:flex}.switch-row.is-disabled{opacity:.4}.switch{touch-action:none;background:#78788052;border:0;border-radius:999px;flex:none;padding:0;transition:background-color .24s;position:relative}:root[data-theme=dark] .switch:not(.is-on){background:#78788066}.switch.is-on{background:var(--accent)}.switch__knob{transition:transform var(--dur) var(--spring);background:#fff;border-radius:999px;display:block;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000038,0 0 0 .5px #0000000f}.switch__knob--lens{background:0 0;transition:none}.checkbox{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.checkbox.is-disabled{opacity:.4;cursor:default}.checkbox__box{flex:none;width:18px;height:18px}.checkbox__box--on{color:#fff;background:var(--accent);border-radius:5px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #2b6bff59}.checkbox input:focus-visible+*{outline:2px solid var(--accent);outline-offset:2px}.slider{width:100%}.slider__row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.slider__label{align-items:center;gap:6px;display:inline-flex}.slider__value{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.slider__track{background:var(--trough);touch-action:none;cursor:pointer;border-radius:999px;margin:8px 0;position:relative;box-shadow:inset 0 1px 2px #0000001f}.slider__fill{border-radius:inherit;background:var(--accent);position:absolute;top:0;bottom:0;left:0}.slider__thumb{transition:width .24s var(--spring), height .24s var(--spring), top .24s var(--spring);background:#fff;border-radius:999px;display:block;position:absolute;box-shadow:0 2px 8px #0003,0 0 0 .5px #0000000f}.slider__thumb--lens{background:0 0}.stepper-row{justify-content:space-between;align-items:center;gap:20px;width:240px;font-size:14.5px;font-weight:600;display:flex}.stepper{width:128px;height:40px}.stepper__content{grid-template-columns:40px 1fr 40px;align-items:center;height:100%;display:grid!important}.stepper__btn{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;height:32px;margin:0 4px;display:flex}.stepper__btn:active{background:var(--flat-1)}.stepper__btn:disabled{opacity:.35}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;font-weight:650}.tabs__content{height:100%}.tabs__row{align-items:center;height:100%;padding:0 3px;display:flex;position:relative}.tabs__indicator{transform-origin:50%;transition:transform var(--dur) var(--spring), width var(--dur) var(--spring);left:0;position:absolute!important}.tabs__item{z-index:1;white-space:nowrap;min-width:44px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.tabs__item.is-selected{color:var(--ink);font-weight:650}.progress{width:100%}.progress__row{justify-content:space-between;margin-bottom:8px;font-size:13.5px;font-weight:500;display:flex}.progress__value{color:var(--ink-2);font-variant-numeric:tabular-nums}.progress__track{background:var(--trough);border-radius:999px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress__fill{border-radius:inherit;background:var(--accent);transition:width .4s var(--spring-soft);position:absolute;inset:0 auto 0 0}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(260%)}}.is-indeterminate .progress__fill{width:38%;animation:1.4s ease-in-out infinite indeterminate}.badge{color:#fff;background:var(--danger-solid);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #0003}.badge--accent{background:var(--accent-solid)}.badge--dot{background:var(--success);width:10px;min-width:10px;height:10px;padding:0}.badge-host{display:inline-flex;position:relative}.badge--corner{z-index:2;position:absolute;top:-3px;right:-5px}.badge--dot-corner{top:auto;bottom:1px;right:1px;box-shadow:0 0 0 2px #fff}.avatar{flex:none;display:inline-block;position:relative}.avatar__content{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:650;display:flex!important}.avatar__photo{border-radius:50%;display:block;position:absolute;inset:3px}.avatar__presence{background:var(--success);z-index:2;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #fff}.avatar-stack{display:inline-flex}.avatar-stack__item{color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 0 2px #ffffffe6}.avatar-stack__item:first-child{margin-left:0}.separator{background:var(--separator);height:1px;display:block}.separator--v{align-self:stretch;width:1px;height:auto}.phone{background:#0d0d10;border-radius:48px;width:300px;height:520px;padding:8px;box-shadow:0 20px 50px #00000059,inset 0 0 0 1.5px #3a3a40}.phone__screen{background:var(--page-2);isolation:isolate;border-radius:40px;height:100%;position:relative;overflow:hidden}.phone__scroll{scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.phone__status{pointer-events:none;background:linear-gradient(var(--page-2) 30%, transparent);justify-content:space-between;align-items:center;height:44px;padding:0 26px;font-size:13px;font-weight:650;display:flex;position:absolute;top:0;left:0;right:0}.phone__island{background:#000;border-radius:999px;width:86px;height:24px}.phone__bars{align-items:flex-end;gap:2px;display:inline-flex}.phone__bars i{background:currentColor;border-radius:1px;width:3px}.phone__bars i:first-child{height:5px}.phone__bars i:nth-child(2){height:8px}.phone__bars i:nth-child(3){height:11px}.phone__home{background:var(--ink);opacity:.6;z-index:30;border-radius:999px;width:110px;height:4px;margin-left:-55px;position:absolute;bottom:6px;left:50%}.feed{padding:52px 14px 110px}.feed__title{letter-spacing:-.02em;margin:4px 4px 12px;font-size:26px;font-weight:750}.feed__card{background:var(--page);border-radius:18px;margin-bottom:14px;overflow:hidden}.feed__photo{background-size:260%;height:132px}.feed__meta{flex-direction:column;padding:10px 12px 12px;font-size:13px;display:flex}.feed__meta span{color:var(--ink-2);font-size:12px}.tabbar-dock{z-index:20;gap:8px;display:flex;position:absolute;bottom:18px;left:12px;right:12px}.tabbar-dock:before{content:"";background:linear-gradient(transparent, color-mix(in srgb, var(--page-2) 70%, transparent));pointer-events:none;z-index:-1;height:120px;position:absolute;bottom:-18px;left:-12px;right:-12px}.tabbar{flex:1;min-width:0}.tabbar__content{height:100%}.tabbar__row{height:100%;padding:0 4px;display:flex;position:relative}.tabbar__pill{transition:transform var(--dur) var(--spring), width var(--dur) var(--spring);left:0;position:absolute!important}.tabbar__item{z-index:1;color:var(--ink);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.tabbar__item.is-selected{color:var(--accent)}.tabbar__icon{display:inline-flex;position:relative}.tabbar__label{font-size:10.5px;font-weight:600}.tabbar__badge{position:absolute;top:-5px;right:-9px}.window{background:var(--page-2);isolation:isolate;border-radius:20px;flex:1;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.window__scroll{position:absolute;inset:0;overflow-y:auto}.window__scroll-edge{background:linear-gradient(color-mix(in srgb, var(--page-2) 75%, transparent), transparent);pointer-events:none;z-index:1;height:84px;position:absolute;top:0;left:0;right:0}.window__nav{z-index:2;position:absolute;top:12px;left:50%;transform:translate(-50%)}.page-mock{padding:0 0 24px}.page-mock__hero{background-image:var(--hero-scene);background-position:50% 65%;background-size:cover;height:260px}.page-mock h4{letter-spacing:-.02em;margin:20px 24px 8px;font-size:24px}.page-mock p{color:var(--ink-2);max-width:560px;margin:0 24px}.page-mock__grid .feed{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:20px 24px 0;display:grid}.page-mock__grid .feed__title{grid-column:1/-1;font-size:18px}.page-mock__grid .feed__card{margin:0}.navbar-wrap{align-items:center;gap:8px;display:flex}.navbar{height:46px}.navbar__content{align-items:center;gap:2px;height:100%;padding:0 8px 0 14px;display:flex!important}.navbar__brand{align-items:center;margin-right:8px;display:inline-flex}.navbar__link{white-space:nowrap;height:32px;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.navbar__link:hover,.navbar__link.is-open{background:var(--flat-1)}.navbar__link.is-current{color:var(--accent)}.navbar__menu{position:relative}.navbar__popup{z-index:5;top:calc(100% + 14px);left:0;position:absolute!important}.menu-panel{outline:none;min-width:224px}.menu-panel__content{flex-direction:column;padding:6px;display:flex!important}.menu-panel__section{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:8px 10px 4px 32px;font-size:11px;font-weight:650;display:block}.menu-panel__sep{background:var(--separator);height:1px;margin:5px 10px;display:block}.menu-row{text-align:left;height:32px;color:var(--ink);background:0 0;border:0;border-radius:9px;grid-template-columns:16px auto 1fr auto auto;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:14px;display:grid}.menu-row.is-active{background:var(--accent-tint)}.menu-row:disabled{opacity:.4}.menu-row.is-destructive{color:var(--danger)}.menu-row__icon{color:var(--ink-2);display:inline-flex}.is-destructive .menu-row__icon{color:inherit}.menu-row__label{white-space:nowrap;grid-column:3}.menu-row__check{grid-column:1;display:inline-flex}.menu-row__shortcut{grid-column:4;padding-left:18px}.menu-row__chevron{color:var(--ink-2);grid-column:5}.menu-anchor,.popover-anchor,.select,.search{position:relative}.menu-anchor__panel{z-index:5;top:calc(100% + 8px);left:0;position:absolute!important}.context-area{flex:1;min-height:100%;position:relative}.context-area__hint{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.7;font-size:12px;font-weight:650;position:absolute;bottom:18px;right:20px}.context-area__panel{z-index:5;position:absolute}.menubar-wrap{position:relative}.menubar{height:34px}.menubar__content{align-items:center;gap:2px;height:100%;padding:0 5px;display:flex!important}.menubar__slot{position:relative}.menubar__trigger{background:0 0;border:0;border-radius:999px;height:26px;padding:0 11px;font-size:13.5px;font-weight:550}.menubar__trigger.is-open{background:var(--flat-2)}.menubar__popup{z-index:5;top:calc(100% + 10px);left:-5px;position:absolute!important}.toolbar{max-width:100%;height:44px}.toolbar__content{align-items:center;gap:2px;height:100%;padding:0 6px;display:flex!important}.tool{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.tool:hover{background:var(--flat-1)}.tool.is-active{background:var(--accent-tint);color:var(--accent)}:root[data-theme=dark] .tool.is-active{color:#fff}.trough{background:var(--trough);border-radius:999px;align-items:center;gap:6px;height:30px;margin-left:4px;padding:0 10px;display:inline-flex;box-shadow:inset 0 1px 2px #0000001f}.trough input{background:0 0;border:0;outline:none;width:110px;font-size:13.5px}.trough--block{border-radius:12px;height:40px;margin:14px 0 0;display:flex}.trough--block input{width:100%}.trough:focus-within{box-shadow:inset 0 1px 2px #0000001f, 0 0 0 2px var(--accent)}.tool--text{width:auto;padding:0 12px;font-size:15px;font-weight:600}.toolbar-groups{align-items:center;gap:8px;max-width:100%;display:flex}.toolbar-groups__circle.is-active,:root[data-theme=dark] .toolbar-groups__circle.is-active{color:var(--accent-ink)}.toolbar-groups__prominent{--glass-tint:#2b6bff66;color:var(--ink)}:root[data-theme=dark] .toolbar-groups__prominent{--glass-tint:#4c82ff66}.toolbar-groups__prominent--text>.glass__content{white-space:nowrap;padding:0 18px;font-size:15px;font-weight:650}.sidebar{width:236px}.sidebar__content{flex-direction:column;gap:10px;height:100%;padding:12px 10px;display:flex!important}.sidebar__section{flex-direction:column;gap:2px;display:flex}.sidebar__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:4px 10px;font-size:11px;font-weight:650}.sidebar__row{text-align:left;height:34px;color:var(--ink);background:0 0;border:0;border-radius:10px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:grid}.sidebar__row:hover{background:var(--flat-1)}.sidebar__row.is-selected{background:var(--accent-tint)}.sidebar__icon{color:var(--accent);display:inline-flex}.sidebar__count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.search__field{width:250px;height:44px;transition:width var(--dur) var(--spring)}.search.is-focused .search__field{width:310px}.search__content{align-items:center;gap:8px;height:100%;padding:0 14px;display:flex!important}.search__content input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.search__content input::placeholder,.field input::placeholder,.field textarea::placeholder,.trough input::placeholder{color:var(--ink-2)}.search__field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search__clear{background:var(--flat-2);border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.search__list{z-index:5;width:310px;top:calc(100% + 6px);left:0;position:absolute!important}.search__list-content{flex-direction:column;padding:6px;display:flex!important}.search__hit{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;height:36px;padding:0 10px;font-size:14px;display:flex}.search__hit:hover{background:var(--accent-tint)}.dock{margin-bottom:0}.dock__content{align-items:flex-end;gap:10px;height:70px;padding:0 10px 8px;display:flex!important}.dock__app{transform-origin:bottom;transition:transform .22s var(--spring);background:0 0;border:0;padding:0;display:flex;position:relative}.dock__dot{background:0 0;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:-6px;left:50%}.dock__dot.is-on{background:var(--ink);opacity:.7}.select__trigger{width:230px;height:36px}.select__trigger-content{justify-content:space-between;align-items:center;height:100%;padding:0 12px 0 16px;font-size:14.5px;font-weight:550;display:flex!important}.select__list{z-index:5;width:230px;top:calc(100% + 6px);left:0;position:absolute!important}.select__list-content{padding:6px}.select__list .menu-panel__section{padding-left:12px}.select__option{text-align:left;background:0 0;border:0;border-radius:999px;align-items:center;width:100%;height:32px;padding:0 12px;font-size:14px;display:flex;position:relative}.select__option:hover:not(.is-selected):not(:disabled){background:var(--flat-1)}.select__option:disabled{opacity:.4}.select__option.is-selected{font-weight:650}.select__pill{width:100%;height:30px;inset:1px 0;position:absolute!important}.select__option-label,.select__check{z-index:1;position:relative}.select__check{color:var(--accent);margin-left:auto}.popover{z-index:5;transform-origin:top;width:280px;margin-left:-140px;top:calc(100% + 8px);left:50%;position:absolute!important}.popover__content{padding:16px}.popover__title{font-size:14px;font-weight:650}.popover__desc{color:var(--ink-2);margin-top:2px;font-size:13px}.popover__body{flex-direction:column;gap:10px;margin:14px 0;display:flex}.popover__foot{justify-content:flex-end;display:flex}.tooltip-anchor{display:inline-flex;position:relative}.tooltip{white-space:nowrap;z-index:6;pointer-events:none;height:26px;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);position:absolute!important}.tooltip__content{align-items:center;gap:8px;height:100%;padding:0 11px;font-size:12px;font-weight:600;display:flex!important}.tooltip__content kbd{color:var(--ink);font-weight:500}.modal-layer{z-index:10;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.dim{background:var(--dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.dialog{outline:none;width:min(400px,100%)}.dialog__content{padding:22px 22px 20px}.dialog__close{background:var(--flat-1);border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:14px;right:14px}.dialog__title{padding-right:32px;font-size:17px;font-weight:650}.dialog__body{color:var(--ink-2);margin-top:8px;font-size:14px}.dialog__body .trough{color:var(--ink)}.dialog__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dialog-host{flex:1;justify-content:center;align-items:center;display:flex}.phone--map .phone__screen{background:#dfe3da}.map-fill{background-position:50%;background-size:cover;position:absolute;inset:0}.sheet-dim{z-index:15;transition:opacity var(--dur) ease;pointer-events:none}.sheet{z-index:16;transition:height var(--dur) var(--spring);bottom:8px;left:8px;right:8px;position:absolute!important}.sheet.is-dragging{transition:none}.sheet>.glass__optic{background:rgba(255, 255, 255, var(--sheet-opacity,.24))}:root[data-theme=dark] .sheet>.glass__optic{background:rgba(18, 18, 24, calc(var(--sheet-opacity,.24) + .12))}.sheet__content{height:100%;overflow:hidden}.sheet__grabber{touch-action:none;cursor:grab;background:0 0;border:0;width:60px;height:20px;margin:0 auto;display:block;position:relative}.sheet__grabber:after{content:"";background:var(--ink-3);border-radius:999px;width:36px;height:5px;position:absolute;top:8px;left:12px}.sheet-body{padding:4px 18px 18px}.sheet-body h4{letter-spacing:-.01em;font-size:20px;font-weight:700}.sheet-body p{margin-top:10px;font-size:13.5px}.sheet-body .muted{margin-top:2px}.sheet-body__actions{gap:10px;margin-top:14px;display:flex}.sheet-body__actions>*{flex:1}.toast-demo{position:absolute;top:20px;left:20px}.toast-stack{flex-direction:column;gap:8px;width:min(330px,100% - 40px);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:20px;right:20px}.toast{touch-action:pan-y;width:100%;transition:transform var(--dur) var(--spring);display:block!important}.toast.is-dragging{transition:none}.toast__content{grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;min-height:60px;padding:10px 12px 10px 14px;display:grid!important}.toast__icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.toast__text{flex-direction:column;font-size:13px;line-height:1.3;display:flex}.toast__text span{color:var(--ink-2)}.toast__close{width:24px;height:24px;color:var(--ink-2);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.toast__close:hover{background:var(--flat-1)}.card{display:block}.card__content{flex-direction:column;gap:14px;height:100%;padding:18px 20px 20px;display:flex!important}.card__head{justify-content:space-between;align-items:baseline;display:flex}.card__head h4{font-size:16px;font-weight:650}.card__head .muted{font-size:12.5px}.card p{font-size:14px;line-height:1.5}.card .btn{align-self:flex-start}.card--list{width:min(100%,340px)}.card--list .card__content{padding:6px 0}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--flat-1);border-radius:14px;flex-direction:column;padding:10px 12px;display:flex}.stat__label{color:var(--ink-2);font-size:11.5px;font-weight:550}.stat__value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat__value small{color:var(--ink-2);margin-left:2px;font-size:12px;font-weight:600}.widget--small{width:158px;height:158px}.widget--medium{width:338px;height:158px}.widget__content{height:100%;padding:14px 16px}.w-weather,.w-battery{flex-direction:column;height:100%;display:flex}.w-weather__city{font-size:14px;font-weight:650}.w-weather__temp{letter-spacing:-.03em;font-size:44px;font-weight:300;line-height:1.05}.w-weather__meta{margin-top:auto;font-size:12px;font-weight:600;line-height:1.3}.w-battery .w-weather__temp{margin-top:8px}.w-chart{flex-direction:column;height:100%;display:flex}.w-chart__head{justify-content:space-between;align-items:baseline;font-size:13px;font-weight:650;display:flex}.w-chart__head strong{letter-spacing:-.02em;font-size:28px;font-weight:700}.w-chart__head small{font-size:13px;font-weight:600}.w-chart__bars{flex:1;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.w-chart__bars span{background:var(--flat-2);border-radius:6px;flex:1}.w-chart__bars span.is-peak{background:var(--accent)}.w-chart__days{gap:10px;margin-top:6px;display:flex}.w-chart__days span{text-align:center;color:var(--ink-2);flex:1;font-size:10.5px;font-weight:650}.list{margin:0;padding:0;list-style:none}.list__row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;display:flex}.list__row--button:active{background:var(--flat-1)}.list__icon{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.list__text{flex-direction:column;flex:1;min-width:0;display:flex}.list__title{font-size:15px;font-weight:550}.list__detail{color:var(--ink-2);font-size:12.5px}.list .switch-row__label{display:none}.accordion{flex-direction:column;gap:8px;width:min(100%,360px);display:flex}.accordion__row{transition:none;display:block}.accordion__row h4{margin:0}.accordion__trigger{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 16px;font-size:14px;font-weight:650;display:flex}.accordion__panel{color:var(--ink-2);padding:0 16px 14px;font-size:13.5px;line-height:1.5}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 20px;width:min(100%,620px);display:grid}.field__trough{width:100%;height:40px;transition:box-shadow .16s;display:block}.field__trough>.glass__optic{background:color-mix(in srgb, var(--fill-regular), #0000000f)}.field__trough--multi{height:auto}.field__trough.is-focused{outline:2px solid var(--accent);outline-offset:2px}.has-error .field__trough{outline:2px solid var(--danger);outline-offset:2px}.field__content{align-items:center;gap:8px;height:100%;padding:0 12px;display:flex!important}.field__content input,.field__content textarea{resize:none;background:0 0;border:0;outline:none;flex:1;width:100%;font-size:14.5px}.field__trough--multi .field__content{padding:10px 12px}.field__help{color:var(--ink-2);margin-top:6px;font-size:12px;display:block}.has-error .field__help{color:var(--danger);font-weight:600}.field:has(textarea){grid-row:span 2}.otp{gap:8px;display:flex}.otp__slot{width:40px;height:44px}.otp__slot input{text-align:center;background:0 0;border:0;outline:none;width:100%;height:100%;font-size:19px;font-weight:650}.otp__slot:focus-within{outline:2px solid var(--accent);outline-offset:2px}.media-frame{color:#fff;--ink:#fff;--ink-2:#ffffffb8;--trough:#ffffff47;--fill-lens:#ffffff0a;background-position:30% 60%;background-size:180%;flex-direction:column;flex:1;justify-content:flex-end;padding:20px;display:flex;position:relative}@keyframes pan{to{background-position:70% 40%}}.media-frame.is-playing{animation:40s linear infinite alternate pan}.media-frame__scrim{pointer-events:none;background:linear-gradient(#0000 30%,#00000073);position:absolute;inset:0}:root[data-theme=dark] .media-frame__scrim{background:linear-gradient(#0000 25%,#02030cb8)}.media-frame__title{text-shadow:0 1px 8px #0006;align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex;position:absolute;top:18px;left:20px}.media-controls{flex-direction:column;gap:14px;display:flex;position:relative}.media-controls__buttons{justify-content:center;align-items:center;gap:18px;display:flex}.media-controls .slider__row{text-shadow:0 1px 6px #0006}.icon-grid{grid-template-columns:repeat(auto-fill,74px);justify-content:center;gap:18px 14px;width:100%;display:grid}.icon-grid figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.icon-grid figcaption{text-transform:capitalize;font-size:11.5px;font-weight:600}.app-icon{filter:drop-shadow(0 6px 12px #00000038);display:block}@container sample (width<=560px){:is(.toolbar .trough,.toolbar .separator:has(+.trough)){display:none}.dock__content{gap:8px;height:60px}.dock__app:nth-child(n+7){display:none}.dock__app .app-icon{width:40px;height:40px}.menu-anchor__panel{transform-origin:top;left:50%;translate:-50%}.search__field,.search.is-focused .search__field,.search__list{width:min(290px,100cqw - 72px)}}.tab-accessory-slot{z-index:21;display:flex;position:absolute;bottom:88px;left:12px;right:12px}.tab-accessory-slot:before{content:"";background:linear-gradient(transparent, color-mix(in srgb, var(--page-2) 45%, transparent));pointer-events:none;z-index:-1;height:98px;position:absolute;bottom:-30px;left:-12px;right:-12px}.tab-accessory{flex:1;min-width:0}.tab-accessory__content{align-items:center;gap:10px;height:100%;padding:0 6px 0 9px;display:flex!important}.tab-accessory__art{border-radius:8px;flex:none;width:34px;height:34px;box-shadow:0 1px 3px #0000002e}.tab-accessory__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.tab-accessory__title,.tab-accessory__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tab-accessory__title{font-size:13.5px;font-weight:650}.tab-accessory__subtitle{color:var(--ink-2);font-size:12px;font-weight:500}.tab-accessory__btn{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tab-accessory__btn:hover{background:var(--flat-1)}.tab-accessory--inline .tab-accessory__content{gap:8px;padding:0 4px 0 9px}.tab-accessory--inline .tab-accessory__art{width:30px;height:30px}.tab-accessory--inline .tab-accessory__btn{width:36px;height:36px}.tab-accessory-row{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:12px;right:12px}.tab-accessory-row:before{content:"";background:linear-gradient(transparent, color-mix(in srgb, var(--page-2) 70%, transparent));pointer-events:none;z-index:-1;height:100px;position:absolute;bottom:-18px;left:-12px;right:-12px}.tab-accessory-row__tab,.tab-accessory-row__search{flex:none}.tab-accessory-row__tab,:root[data-theme=dark] .tab-accessory-row__tab{color:var(--accent-ink)}.tab-accessory-row .tab-accessory{height:48px}.tab-accessory-phone{width:340px}.map-callout-map{position:absolute;inset:0}.map-pin{z-index:1;--map-pin-size:26px;width:0;height:0;position:absolute}.map-pin.is-selected{--map-pin-size:34px}.map-pin__head{left:calc(var(--map-pin-size) / -2);bottom:calc(var(--map-pin-size) * .207);width:var(--map-pin-size);height:var(--map-pin-size);background:var(--map-pin-color);color:#fff;filter:drop-shadow(0 2px 4px #0000004d);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;display:flex;position:absolute;transform:rotate(-45deg);box-shadow:0 0 0 2px #fff}.map-pin__head>svg{width:calc(var(--map-pin-size) * .5);height:calc(var(--map-pin-size) * .5);transform:rotate(45deg)}.map-callout{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.map-callout__body{max-width:260px;height:36px}.map-callout--card .map-callout__body{height:auto}.map-callout__content{align-items:center;gap:8px;height:100%;padding:0 8px 0 7px;display:flex!important}.map-callout--card .map-callout__content{gap:10px;padding:10px 14px 10px 10px}.map-callout__glyph{background:var(--map-pin-color);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.map-callout__glyph>svg{width:13px;height:13px}.map-callout--card .map-callout__glyph{border-radius:6px;width:32px;height:32px}.map-callout--card .map-callout__glyph>svg{width:18px;height:18px}.map-callout__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.map-callout__row{align-items:center;gap:8px;display:flex}.map-callout__name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;overflow:hidden}.map-callout__rating{background:var(--flat-2);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:3px;height:20px;padding:0 7px;font-size:11.5px;font-weight:700;display:inline-flex}.map-callout__rating>svg{color:#a35f00}:root[data-theme=dark] .map-callout__rating>svg{color:#ffc24d}.map-callout__detail{color:var(--ink-2);white-space:nowrap;margin-top:1px;font-size:12px;font-weight:500}.map-callout__tail{z-index:1;clip-path:polygon(0 0,100% 0,50% 100%);background:color-mix(in srgb, var(--fill-regular), #fff 30%);-webkit-backdrop-filter:blur(5px)saturate(1.5);backdrop-filter:blur(5px)saturate(1.5);width:16px;height:7px;margin-top:-1px;position:relative}:root[data-theme=dark] .map-callout__tail{background:#4648548c}.map-callout__pin{height:48px;margin-top:8px;position:relative}.map-callout--tail .map-callout__pin{margin-top:1px}.control-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.control-stack__content{flex-direction:column;align-items:center;display:flex!important}.control-stack__btn{width:44px;height:44px;color:var(--ink);letter-spacing:.02em;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:750;display:inline-flex}.control-stack__btn.is-active,.control-stack__locate,:root[data-theme=dark] .control-stack__btn.is-active,:root[data-theme=dark] .control-stack__locate{color:var(--accent-ink)}.control-stack__sep{background:var(--separator);width:24px;height:1px;display:block}.control-stack-demo{position:absolute;top:16px;right:16px}.page-control{display:inline-flex;position:relative}.page-control__dim{filter:blur(9px);pointer-events:none;background:#00000080;border-radius:999px;position:absolute;inset:-8px -14px}:root[data-theme=dark] .page-control__dim{background:#0000004d}.page-control__body{color:#fff}.page-control__content{align-items:center;height:100%;padding:0 4px;display:flex!important}.page-control__dots{align-items:center;display:flex}.page-control__dot{cursor:pointer;width:15px;height:22px;transition:width var(--dur) var(--spring);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.page-control__dot i{width:7px;height:7px;transition:width var(--dur) var(--spring), background-color .2s ease;background:#ffffff9e;border-radius:999px;display:block}.page-control__dot.is-current{width:24px}.page-control__dot.is-current i{background:#fff;width:16px}.shutter{z-index:0;color:#fff;--ink:#fff;--ink-2:#ffffffc7;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.shutter:before{content:"";z-index:-1;background:radial-gradient(closest-side, rgba(0, 0, 0, var(--shutter-dim)) 55%, transparent);pointer-events:none;--shutter-dim:.55;position:absolute;inset:-70px -150px -40px}:root[data-theme=dark] .shutter:before{--shutter-dim:.3}.shutter__track{height:100%}.shutter__options{align-items:center;height:100%;padding:0 4px;display:flex;position:relative}.shutter__pill{transition:transform var(--dur) var(--spring), width var(--dur) var(--spring);left:0;position:absolute!important}.shutter__option{z-index:1;color:#ffffffeb;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:36px;padding:0 6px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative}.shutter__option.is-selected{color:#fff}.shutter__modes .shutter__option{min-width:68px;padding:0 12px;font-size:13.5px;font-weight:600}.shutter__modes .shutter__option.is-selected{font-weight:700}.shutter__row{align-items:center;gap:52px;margin-top:6px;display:flex}.shutter__thumb{border-radius:50%;width:42px;height:42px;display:block;box-shadow:inset 0 0 0 1px #ffffff4d;background-size:cover!important}.shutter__disc{width:64px;height:64px;transition:transform var(--dur) var(--spring), background-color .2s ease;background:#fff;border-radius:50%;display:block;box-shadow:0 1px 4px #00000040}.shutter--video .shutter__disc{background:#e5484d}.shutter__ring.is-pressed .shutter__disc{transform:scale(.86)}.shutter__ring.is-pressed>.glass__rim{filter:brightness(1.6)}.control-module__dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#00000094;position:absolute;inset:0}:root[data-theme=dark] .control-module__dim{background:#00000080}.control-module{color:#fff;--ink:#fff;--ink-2:#ffffffe0;display:grid;position:relative}.control-module__toggle{color:#fff}.control-module__tile-content{height:100%;display:flex!important}.control-module__tile--wide .control-module__tile-content{align-items:center;gap:10px;padding:0 14px 0 12px}.control-module__tile--grid .control-module__tile-content{grid-template-columns:repeat(2,52px);place-content:center;gap:12px;display:grid!important}.control-module__tile--media .control-module__tile-content{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 14px 10px}.control-module__dot{color:#fff;background:#ffffff2e;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.control-module__dot.is-on{background:var(--accent-solid)}.control-module__label{flex-direction:column;min-width:0;max-width:100%;line-height:1.25;display:flex}.control-module__label strong,.control-module__label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.control-module__label strong{font-size:13.5px;font-weight:650}.control-module__label span{color:var(--ink-2);font-size:12px;font-weight:500}.control-module__art{border-radius:14px;flex:none;width:40px;height:40px}.control-module__transport{justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}.control-module__transport button{color:#fff;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:30px;display:inline-flex}.control-module__slider{cursor:ns-resize;touch-action:none}.control-module__slider-content{inset:0;overflow:hidden;position:absolute!important}.control-module__fill{background:#fffffff0;position:absolute;bottom:0;left:0;right:0}.control-module__slider-icon{color:#fff;justify-content:center;display:flex;position:absolute;bottom:14px;left:0;right:0}.control-module__slider.is-covered .control-module__slider-icon{color:#1d1d1fd1}.vertical-rail__content{flex-direction:column;align-items:center;gap:4px;height:100%;padding:8px 0;position:relative;display:flex!important}.vertical-rail__pill{transition:transform var(--dur) var(--spring), height var(--dur) var(--spring);top:0;position:absolute!important}.vertical-rail__icon,.vertical-rail__action{border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.vertical-rail__icon{color:var(--ink);background:0 0}.vertical-rail__action{background:var(--accent-solid);color:#fff;margin-bottom:14px;box-shadow:0 4px 12px #2b6bff59}.vertical-rail__group{flex-direction:column;align-items:center;gap:2px;display:flex}.vertical-rail__group--end{margin-top:auto}.vertical-rail__item{z-index:1;width:48px;height:50px;color:var(--ink);background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.vertical-rail__item>span{font-size:10px;font-weight:600}.vertical-rail__item.is-selected,:root[data-theme=dark] .vertical-rail__item.is-selected{color:var(--accent-ink)}.vertical-rail-screen{background:#0d0d10;border-radius:46px;width:min(100%,800px);height:380px;padding:8px;box-shadow:0 20px 50px #00000059,inset 0 0 0 1.5px #3a3a40}.vertical-rail-screen__inner{background:var(--page-2);isolation:isolate;border-radius:38px;height:100%;position:relative;overflow:hidden}.vertical-rail-screen .vertical-rail{z-index:10;position:absolute;top:12px;bottom:12px;left:12px}.vertical-rail-screen__hero{background-size:cover;height:214px}.vertical-rail-screen__body{grid-template-columns:repeat(3,1fr);gap:14px;padding:14px 20px 0 88px;display:grid}.vertical-rail-screen__card strong{font-size:13.5px;font-weight:650;display:block}.vertical-rail-screen__card span{color:var(--ink-2);font-size:12px}.vertical-rail-screen__thumb{background-size:260%;border-radius:14px;height:56px;margin-bottom:8px}.fx-materialize-row{justify-content:center;align-items:center;gap:28px;width:100%;display:flex}.fx-materialize>.glass>.glass__rim,.fx-materialize>.glass>.glass__glow{opacity:var(--m)}.fx-materialize>.glass>.glass__optic{opacity:min(1, calc(var(--m) * 2))}.fx-materialize>.glass{box-shadow:0 0 0 1px color-mix(in srgb, var(--edge,#0000001f) calc(var(--m) * 100%), transparent)}.fx-materialize__row{height:52px;opacity:clamp(0, calc((var(--m) - .3) * 2), 1);color:var(--ink);align-items:center;gap:22px;padding:0 22px;display:flex}.fx-touch-demo{align-items:center;gap:12px;display:flex}.fx-touch-demo__row{height:60px;color:var(--ink);align-items:center;gap:34px;padding:0 30px;display:flex}.fx-touch-demo .glass{color:var(--ink)}.fx-touch-demo__lens{place-items:center;width:60px;height:60px;display:grid}.fx-touch-demo__lens>.glass__content{place-items:center;height:100%;display:grid}.fx-touch{border-radius:inherit;pointer-events:none;opacity:var(--s);background:radial-gradient(circle at var(--x) var(--y), #ffffff6b, #ffffff24 42%, transparent 72%);position:absolute;inset:0}.fx-split{border-radius:inherit;grid-template-columns:260px 1fr;width:100%;height:100%;min-height:380px;display:grid;position:relative;overflow:hidden}.fx-split__hero{background:var(--hero) left center / cover no-repeat;grid-area:1/2}.fx-split__extend{grid-area:1/1;position:relative;overflow:hidden}.fx-split__extend:before{content:"";background:var(--hero) left center / auto 100% no-repeat;filter:blur(32px)saturate(1.15);position:absolute;inset:-48px;transform:scaleX(-1)}.fx-split__sidebar{width:240px;position:absolute;top:10px;bottom:10px;left:10px}.fx-split__nav{color:var(--ink);align-content:start;gap:12px;padding:22px 18px;font-size:14px;display:grid}.fx-spill-demo{align-items:stretch;gap:0;height:220px;display:flex}.fx-spill{width:300px;box-shadow:0 0 0 1px var(--glass-edge,#0000001f), 10px 8px 30px color-mix(in srgb, var(--spill) 22%, #00000024)}.fx-spill>.glass__glow{box-shadow:inset 2px 3px 8px -4px #fffc, inset -2px -3px 8px -4px #ffffff59, inset -18px 0 26px -10px color-mix(in srgb, var(--spill) 30%, transparent)}.fx-spill__text{color:var(--ink);gap:8px;padding:26px 24px;font-size:14px;display:grid}.fx-spill__art{background:radial-gradient(circle at 30% 30%,#ffb3d6,#0000 55%),linear-gradient(135deg,#e0458f,#7a3cff 60%,#2b6bff);border-radius:26px;width:220px;margin-left:14px}.glass{--beam-width:2px;--beam-length:84px;--beam-lap:5s;--beam-head:var(--accent);--beam-mid:#2b6bff73}:root[data-theme=dark] .glass{--beam-width:1.5px;--beam-head:#fff;--beam-mid:#ffffff80}.glass>.glass__beam,.glass>.glass__bloom{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass__beam{pointer-events:none;padding:var(--beam-width);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass__beam>i{width:var(--beam-length);aspect-ratio:1;background:linear-gradient(to left, var(--beam-head), var(--beam-mid) 30%, transparent);offset-path:inset(0 round var(--radius));animation:glass-beam var(--beam-lap) linear infinite;animation-delay:calc(var(--beam-lap) * var(--beam-start,0) * -1);position:absolute;top:0;left:0}@keyframes glass-beam{0%{offset-distance:0%}to{offset-distance:100%}}.glass__bloom{pointer-events:none;filter:blur(4px);opacity:.8}.glass__bloom>.glass__beam{border-radius:inherit;--beam-width:3px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.glass__beam{display:none}}.beam-demo{flex-direction:column;align-items:center;gap:26px;width:100%;display:flex}.beam-cta{width:min(280px,100%);height:60px}.beam-cta .glass__content{letter-spacing:-.01em;place-items:center;height:100%;font-size:17px;font-weight:600;display:grid}:root{--site-bg:#f4f2f8;--surface:#ffffffb8;--surface-strong:#ffffffe6;--surface-line:#1d1d1f14;--surface-shadow:0 1px 2px #1414280a, 0 8px 24px #1414280d;--code-bg:#10121b;--accent-text:#1d5ae0;--ink-2:#1d1d1fbd}:root[data-theme=dark]{--site-bg:#070817;--surface:#ffffff0b;--surface-strong:#161828eb;--surface-line:#ffffff14;--surface-shadow:0 1px 2px #0006, 0 10px 30px #00000040;--code-bg:#0c0e18;--accent-text:var(--accent);--ink-2:#ffffffc2}.sample,.live{--ink-2:#1d1d1f9e}:root[data-theme=dark] .sample,:root[data-theme=dark] .live{--ink-2:#ffffffa8}:root{--scene-landscape:url(/assets/dunes-DqXVUwPS.svg);--scene-ribbons:url(/assets/ribbons-light-BoRYos11.svg)}:root[data-theme=dark]{--scene-landscape:url(/assets/city-BRrOI-i9.svg);--scene-ribbons:url(/assets/ribbons-dark-BgmQrz_h.svg)}:root{--stage-a:#dce8ff;--stage-b:#f1e6ff;--stage-c:#ffe1cf;--ribbon-1:#2b6bff;--ribbon-2:#ff4f7b;--ribbon-3:#ffa630;--ribbon-4:#1fbf8f;--stage-ink:#141826;--stage-on:var(--accent)}:root[data-theme=dark]{--stage-a:#0d1430;--stage-b:#1b1240;--stage-c:#2a1220;--ribbon-1:#3d6bff;--ribbon-2:#ff5c8a;--ribbon-3:#ffb547;--ribbon-4:#2fd3a0;--stage-ink:#f4f2ff;--stage-on:#8fb2ff}.scene--landscape{background-image:var(--scene-landscape)}.scene--ribbons{background-image:var(--scene-ribbons)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--site-bg)}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;margin:0;font-size:16px;line-height:1.55}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(60vmax 45vmax at 8% 18%, #a08cff33, transparent 60%), radial-gradient(55vmax 40vmax at 92% 12%, #ffaa8233, transparent 60%), radial-gradient(60vmax 45vmax at 85% 88%, #6ec8d72e, transparent 62%), radial-gradient(50vmax 40vmax at 12% 92%, #ff96c81f, transparent 60%), var(--site-bg);position:fixed;inset:0}:root[data-theme=dark] .ambient{background:radial-gradient(60vmax 45vmax at 8% 18%, #6e50ff33, transparent 60%), radial-gradient(55vmax 40vmax at 92% 10%, #ff5aa01f, transparent 60%), radial-gradient(60vmax 45vmax at 85% 88%, #28aac824, transparent 62%), radial-gradient(50vmax 40vmax at 12% 92%, #5a46dc24, transparent 60%), var(--site-bg)}h1,h2,h3,h4,p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}p a:not([class]){text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}button,input{font:inherit;color:inherit}code{font-family:var(--mono);background:var(--trough);color:var(--ink);border-radius:6px;padding:1px 5px;font-size:.88em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:10px;font-size:12.5px;font-weight:700}.muted-text{color:var(--ink-2);font-size:14.5px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-main{min-height:70vh}.site-main--bare{min-height:100vh}.section--split>*,.docs__clients>div,.docs>*,.hero__inner>*,.prose>*,.spec>*,.cta-card>*{min-width:0}.copy{max-width:100%}.btn-solid,.btn-quiet{cursor:pointer;white-space:nowrap;height:44px;transition:transform .2s var(--spring), filter .2s;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex;text-decoration:none!important}.btn-solid{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 22px #2b6bff52}.btn-solid:hover,.btn-quiet:hover{filter:brightness(1.06);transform:scale(1.02)}.btn-solid:disabled{opacity:.6;cursor:default;transform:none}.btn-solid--sm{height:36px;padding:0 16px;font-size:14px}.btn-quiet{background:var(--flat-1);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline)}[data-theme=dark] .btn-quiet{background:#ffffff14}.btn-quiet--sm{height:32px;padding:0 12px;font-size:13px}.inline-link{align-items:center;gap:6px;font-weight:600;display:inline-flex}.icon-link{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px}.icon-link:hover{color:var(--danger)}.section{max-width:1120px;margin:0 auto;padding:88px 24px 0}.section--page{padding-top:128px;padding-bottom:40px}.section--center{text-align:center}.section__head{text-align:center;max-width:720px;margin:0 auto 40px}.section__head h1{letter-spacing:-.04em;font-size:clamp(34px,4.4vw,50px);line-height:1.06}.section__head h2{letter-spacing:-.035em;font-size:clamp(30px,3.6vw,42px);line-height:1.08}.section__head p:not(.eyebrow){color:var(--ink-2);margin-top:14px;font-size:17px}.section__head--sub{margin-top:72px;margin-bottom:24px}.section__head--row{text-align:left;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none;display:flex}.section--split{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.section--split .section__head{text-align:left;margin:0}.prompts{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.copy{background:var(--code-bg);color:var(--code-ink);box-shadow:inset 0 0 0 1px #ffffff14, var(--surface-shadow);border-radius:16px;position:relative}.copy__label{color:var(--code-muted);padding:10px 16px 0;font-size:12px;font-weight:600;display:block}.copy pre{font:13px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 52px 14px 16px;overflow-x:auto}.copy code{font-size:inherit;color:inherit;background:0 0;padding:0}.copy__btn{width:32px;height:32px;color:var(--code-ink);cursor:pointer;background:#ffffff14;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.copy__btn:hover{background:#ffffff29}.faq{flex-direction:column;gap:10px;max-width:780px;margin:0 auto;display:flex}.faq details{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:18px;padding:16px 20px}.faq summary{cursor:pointer;font-size:16px;font-weight:650}.faq p{color:var(--ink-2);margin-top:10px;font-size:15px}.crumbs{max-width:1120px;margin:0 auto 22px}.crumbs ol{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.crumbs li{align-items:center;gap:4px;display:inline-flex}.crumbs a{color:var(--ink-2)}.crumbs [aria-current]{color:var(--ink);font-weight:600}.section__more{text-align:center;margin-top:22px}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:18px;margin:18px 0 4px;font-size:14px;overflow:hidden}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--surface-line);padding:11px 14px}.data-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-size:12.5px;font-weight:700}.data-table tbody th{min-width:120px;font-weight:650}.data-table tr:last-child>*{border-bottom:0}.data-table td{color:var(--ink-2)}.form-error{color:var(--err-ink);font-size:14px}.form-ok{background:#30c75924;border-radius:14px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:14.5px;display:flex}@media (width<=640px){.section{padding:64px 16px 0}.section--page{padding-top:104px}.section__head--row{flex-direction:column;align-items:flex-start}}:root{--fs-hero:clamp(40px, 6.2vw, 80px);--fs-h1:clamp(34px, 4.6vw, 56px);--fs-h2:clamp(28px, 3.8vw, 48px);--fs-h3:clamp(19px, 1.6vw, 22px);--fs-lead:clamp(17px, 1.5vw, 21px);--fs-body:17px;--fs-sm:14px;--fs-xs:12px;--track-display:-.04em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:160px;--section-y:clamp(64px, 7vw, 96px);--gutter:clamp(16px, 4vw, 32px);--w-text:680px;--w-page:1120px;--w-wide:1280px;--r-1:8px;--r-2:12px;--r-3:18px;--r-4:26px;--r-5:36px;--r-pill:999px;--dur-1:.16s;--dur-2:.28s;--dur-3:.48s;--ease-out:cubic-bezier(.2, .8, .2, 1);--bg:#fbfbfd;--bg-alt:#f5f5f7;--shadow-1:0 1px 2px #1414280a, 0 8px 24px #1414280f;--shadow-2:0 2px 6px #1414280f, 0 24px 60px #14142824;--scrim:#0a0c186b;--ok-ink:#0d6b48;--ok-bg:#1fbf8f24;--err-ink:#c9343a;--pro:#5a2ed6;--pro-bg:#7a4dff1f;--code-ink:#e6e8ef;--code-muted:#8b92a5}:root[data-theme=dark]{--bg:#070817;--bg-alt:#0d0f1f;--shadow-1:0 1px 2px #0006, 0 10px 30px #0000004d;--shadow-2:0 2px 6px #00000080, 0 30px 80px #0000008c;--scrim:#0009;--ok-ink:#6ee7b7;--ok-bg:#1fbf8f29;--err-ink:#ff7b7f;--pro:#b49bff;--pro-bg:#b49bff29}.ui-btn{justify-content:center;align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-5);border-radius:var(--r-pill);font:600 15px/1 var(--font);white-space:nowrap;cursor:pointer;transition:transform var(--dur-1) var(--ease-out), background-color var(--dur-1), box-shadow var(--dur-1), filter var(--dur-1);border:0;text-decoration:none;display:inline-flex}.ui-btn:hover{filter:brightness(1.05);text-decoration:none}.ui-btn:active{transform:scale(.98)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.55;cursor:default;filter:none;transform:none}.ui-btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 32%, transparent)}.ui-btn--secondary{background:var(--surface-strong);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-1)}.ui-btn--ghost{color:var(--accent-text);padding-inline:var(--s-3);background:0 0}.ui-btn--ghost:hover{background:var(--accent-tint)}.ui-btn--sm{height:36px;padding:0 var(--s-4);font-size:var(--fs-sm)}.ui-btn--lg{height:52px;padding:0 var(--s-6);font-size:17px}.ui-btn--block{width:100%}.ui-card{border-radius:var(--r-4);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);padding:var(--s-5);position:relative}.ui-card--flush{padding:0;overflow:hidden}.ui-card--link{transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2)}.ui-card--link:hover{box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-2);transform:translateY(-2px)}.ui-card--link:has(.ui-card__link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ui-card__link{color:inherit;text-decoration:none}.ui-card__link:hover{text-decoration:none}.ui-card__link:focus-visible{outline:none}.ui-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.ui-seg{border-radius:var(--r-pill);background:var(--trough);flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.ui-seg button{height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--ink);font:600 var(--fs-sm)/1 var(--font);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.ui-seg button:hover:not(.is-on):not(:disabled){background:var(--flat-1)}.ui-seg button.is-on{background:var(--surface-strong);color:var(--ink);box-shadow:0 1px 2px #14142814,0 2px 8px #14142814}.ui-seg button:disabled{opacity:.45;cursor:default}.ui-seg__hint{color:var(--ink-2);font-weight:500}.ui-seg--sm button{height:30px;padding:0 var(--s-3);font-size:13px}.ui-seg--accent{background:var(--surface-strong);box-shadow:var(--shadow-1)}.ui-seg--accent button.is-on{background:var(--accent);color:var(--on-accent);box-shadow:none}.ui-seg--accent button.is-on .ui-seg__hint{color:inherit;opacity:.8}.ui-seg--scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.ui-seg--scroll::-webkit-scrollbar{display:none}@media (pointer:coarse){.ui-seg button{height:40px}.ui-seg--sm button{height:36px}}.ui-section{padding:var(--section-y) var(--gutter) 0}.ui-section--alt{margin-top:var(--section-y);padding-bottom:var(--section-y);background:var(--bg-alt)}.ui-section__inner{margin:0 auto}.ui-w--text{max-width:var(--w-text)}.ui-w--page{max-width:var(--w-page)}.ui-w--wide{max-width:var(--w-wide)}.ui-section__head{margin-bottom:var(--s-7)}.ui-section__head--center{text-align:center;max-width:760px;margin-inline:auto}.ui-section__head h1{font:700 var(--fs-h1)/1.06 var(--font-display);letter-spacing:var(--track-display);text-wrap:balance}.ui-section__head h2{font:700 var(--fs-h2)/1.08 var(--font-display);letter-spacing:var(--track-display);text-wrap:balance}.ui-section__line{margin-top:var(--s-4);font-size:var(--fs-lead);color:var(--ink-2);text-wrap:pretty;line-height:1.45}.ui-section__head--center .ui-section__line{max-width:620px;margin-inline:auto}.ui-eyebrow{margin-bottom:var(--s-3);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);font-weight:700}.ui-badge{height:22px;padding:0 var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.ui-badge--free{background:var(--ok-bg);color:var(--ok-ink)}.ui-badge--pro{background:var(--pro-bg);color:var(--pro)}.ui-sheet{border-radius:var(--r-5);background:var(--surface-strong);width:min(560px,100% - 32px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-2), inset 0 0 0 1px var(--surface-line);border:0;padding:0;overflow:hidden}.ui-sheet--lg{width:min(1120px,100% - 48px)}.ui-sheet::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ui-sheet[open]{animation:ui-sheet-in var(--dur-3) var(--ease-out)}.ui-sheet__body{max-height:inherit;overscroll-behavior:contain;padding:var(--s-6);position:relative;overflow:auto}.ui-sheet__head h2{font:700 24px/1.2 var(--font-display);letter-spacing:-.02em;padding-right:var(--s-7)}.ui-sheet__close{top:var(--s-4);right:var(--s-4);z-index:2;background:var(--trough);width:36px;height:36px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.ui-sheet__close:hover{background:var(--flat-2)}html:has(.ui-sheet[open]){overflow:hidden}@keyframes ui-sheet-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}@media (width<=640px){.ui-sheet,.ui-sheet--lg{border-radius:var(--r-5) var(--r-5) 0 0;width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0}.ui-sheet__body{padding:var(--s-5) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom))}@keyframes ui-sheet-in{0%{transform:translateY(40%)}}}@media (prefers-reduced-motion:reduce){.ui-sheet[open]{animation:none}}.nav{z-index:50;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;top:14px;left:0;right:0}.nav__bar{pointer-events:auto;width:min(1080px,100%);height:52px}.nav__content{align-items:center;gap:6px;height:100%;padding:0 8px 0 16px;display:flex!important}.nav__brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;margin-right:auto;font-size:16.5px;font-weight:750;display:inline-flex}.nav__brand:hover{text-decoration:none}.nav__links,.nav__end{align-items:center;gap:2px;display:flex}.nav__end{gap:6px;margin-left:10px}.nav__theme{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.nav__theme:hover{background:var(--flat-1)}:root:not([data-theme=dark]) .nav__theme-dark,:root[data-theme=dark] .nav__theme-light{display:none}.nav__link{color:var(--ink);border-radius:16px;align-items:center;gap:6px;padding:7px 12px;font-size:14.5px;font-weight:550;display:inline-flex}.nav__link:hover{background:var(--flat-1);text-decoration:none}.nav__link.is-current{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-text)}.nav__link--session{justify-content:center;min-width:76px}.nav__pro{border-radius:var(--r-pill);background:var(--pro-bg);color:var(--pro);padding:1px 6px;font-size:11px;font-weight:700}.nav__menu-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:none}.nav__menu-btn:hover{background:var(--flat-1)}.nav__start{position:relative}.nav__start .ui-btn{gap:4px;padding-right:12px}.nav__chev{transition:transform var(--dur-2) var(--ease-out)}.nav__start .ui-btn[aria-expanded=true] .nav__chev{transform:rotate(180deg)}.nav__pop{width:300px;animation:nav-pop var(--dur-2) var(--ease-out);position:absolute;top:calc(100% + 12px);right:0}.nav__pop-content{flex-direction:column;gap:2px;padding:6px;display:flex!important}@keyframes nav-pop{0%{opacity:0;transform:translateY(-6px)}}.nav__way{color:var(--ink);border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.nav__way:hover{background:var(--flat-2);text-decoration:none}.nav__way b{font-size:15px;display:block}.nav__way small{color:var(--ink-2);margin-top:2px;font-size:13px;line-height:1.4;display:block}.nav__way-icon{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:11px;flex:none;place-items:center;display:grid}.nav__sheet-ways{gap:10px;margin:8px 0 18px;display:grid}.nav__way--card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line)}.nav__sheet-links{flex-direction:column;display:flex}.nav__menu-link{color:var(--ink);border-radius:14px;padding:13px 14px;font-size:17px;font-weight:600}.nav__menu-link:hover{background:var(--flat-1);text-decoration:none}.nav__menu-link.is-current{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-text)}.footer{margin-top:var(--section-y);border-top:1px solid var(--surface-line);background:var(--bg-alt)}.footer__inner{max-width:var(--w-page);padding:var(--s-7) var(--gutter) var(--s-7);gap:var(--s-4);flex-direction:column;margin:0 auto;display:flex}.footer__cols{gap:var(--s-5) var(--s-6);padding-bottom:var(--s-6);border-bottom:1px solid var(--surface-line);grid-template-columns:repeat(4,1fr);display:grid}.footer__label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--s-3);font-weight:700}.footer__cols ul{gap:var(--s-2);font-size:var(--fs-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__cols a{color:var(--ink)}.footer__brand{align-items:center;gap:8px;font-size:15px;display:flex}.footer__brand span{color:var(--ink-2);font-size:var(--fs-sm);margin-left:6px}.footer__notice,.footer__copy{font-size:var(--fs-xs);color:var(--ink-2);max-width:820px}@media (width<=1000px){.nav__link{padding:7px 9px;font-size:14px}}@media (width<=880px){.nav__links{display:none}.nav__menu-btn{display:grid}}@media (width<=440px){.nav__link--session,.nav__start{display:none}}@media (width<=640px){.footer__cols{grid-template-columns:1fr 1fr}}.live{background:var(--flat-1);contain:strict;content-visibility:auto;width:100%;position:relative;overflow:hidden}.live--cover{height:100%}.live.is-preview{cursor:zoom-in}.live__stage{transform-origin:0 0;position:absolute;top:0;left:0}.live__stage>.sample,.live__stage .stage__body{height:100%}.live .effect__canvas{touch-action:pan-y}.live__poster{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.live--cover .live__poster{object-fit:cover}:root[data-theme=dark] .live__poster--light,:root:not([data-theme=dark]) .live__poster--dark{display:none}.live.is-ready .live__poster{opacity:0;visibility:hidden;transition:opacity var(--dur-2) ease, visibility 0s var(--dur-2)}.glass-demo{flex-direction:column;gap:14px;width:100%;margin:0;display:flex}.glass-demo__stage{aspect-ratio:16/9;background:linear-gradient(135deg, var(--stage-a), var(--stage-b) 55%, var(--stage-c));width:100%;max-width:1080px;box-shadow:0 30px 80px #14143c38, 0 0 0 1px var(--surface-line);border-radius:34px;margin:0 auto;position:relative;overflow:hidden}[data-theme=dark] .glass-demo__stage{box-shadow:0 30px 80px #00000080, 0 0 0 1px var(--surface-line)}.glass-demo__canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.glass-demo__bar{pointer-events:none;justify-content:space-around;align-items:center;width:min(100% - 40px,340px);height:64px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.glass-demo__bar span{color:#141826e0;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:650;display:flex}.glass-demo__bar .is-on{color:var(--stage-on)}[data-theme=dark] .glass-demo__bar span{color:#ffffffeb}.glass-demo__switch{background:var(--surface-strong);white-space:nowrap;border-radius:999px;padding:3px;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #14143c2e}.glass-demo__switch button{font:650 13.5px/1.2 var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px}.glass-demo__switch button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.glass-demo__note{text-align:center;max-width:480px;min-height:24px;color:var(--ink-2);margin:0 auto;font-size:14.5px}.glass-demo__note b{color:var(--ink)}@media (width<=760px){.glass-demo__stage{aspect-ratio:1;max-width:520px}}@media (width<=440px){.glass-demo__stage{aspect-ratio:1/1.08;border-radius:28px}.glass-demo__switch button{padding:7px 11px;font-size:13px}}.glass-demo__stage{background-image:url(/hero/wide-light.webp), linear-gradient(135deg, var(--stage-a), var(--stage-b) 55%, var(--stage-c));background-position:50%;background-size:cover}[data-theme=dark] .glass-demo__stage{background-image:url(/hero/wide-dark.webp), linear-gradient(135deg, var(--stage-a), var(--stage-b) 55%, var(--stage-c))}.glass-demo__canvas{opacity:0;transition:opacity var(--dur-3) ease}.glass-demo__canvas[data-ready]{opacity:1}@media (width<=760px){.glass-demo__stage{background-image:url(/hero/square-light.webp), linear-gradient(135deg, var(--stage-a), var(--stage-b) 55%, var(--stage-c))}[data-theme=dark] .glass-demo__stage{background-image:url(/hero/square-dark.webp), linear-gradient(135deg, var(--stage-a), var(--stage-b) 55%, var(--stage-c))}}.install{max-width:540px;margin-top:30px}.install__tabs{background:var(--flat-1);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:14px;flex-wrap:wrap;gap:2px;margin-bottom:12px;padding:3px;display:inline-flex}.install__tabs button{font:600 13.5px/1.2 var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:7px 13px}.install__tabs button[aria-selected=true]{background:var(--surface-strong);color:var(--accent-text);box-shadow:var(--surface-shadow)}.install__panel{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.install__panel .copy{width:100%}.install__next{color:var(--ink-2);font-size:13.5px}.picker,.picker .copy{width:100%}@media (width<=440px){.install__tabs button{padding:7px 10px;font-size:13px}}.compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compare__cell{margin:0}.compare__stage{height:300px;box-shadow:inset 0 0 0 1px var(--hairline);background-position:40%;background-size:cover;border-radius:24px;place-items:center;display:grid;overflow:hidden}.compare__fake{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff47;border:1px solid #fff9;border-radius:28px;flex-direction:column;justify-content:center;gap:4px;width:300px;height:170px;padding:0 26px;display:flex;box-shadow:0 8px 28px #0000001f}[data-theme=dark] .compare__fake{background:#ffffff1a;border-color:#ffffff4d}.compare__real{width:300px;height:170px}.compare__real-content{flex-direction:column;justify-content:center;gap:4px;height:100%;padding:0 26px;display:flex!important}.compare b{letter-spacing:-.02em;font-size:22px}.compare span{color:var(--ink-2);font-size:14px;font-family:var(--mono)}.compare figcaption{color:var(--ink-2);text-align:center;margin-top:12px;font-size:14.5px}@media (width<=960px){.compare{grid-template-columns:1fr}}.proof{max-width:940px;margin:0 auto}.proof__prompt{background:var(--code-bg);color:#e6e8ef;max-width:720px;font:14px/1.6 var(--mono);box-shadow:inset 0 0 0 1px #ffffff14, var(--surface-shadow);border-radius:18px;margin:0 auto 40px;padding:16px 20px}.proof__prompt span{font:600 12px var(--font);color:#8b92a5;margin-bottom:6px;display:block}.proof__runs{grid-template-columns:1fr 1fr;gap:56px;display:grid}.proof__run{flex-direction:column;align-items:center;gap:22px;min-width:0;margin:0;display:flex}.proof__run figcaption{flex-direction:column;gap:8px;width:min(100%,340px);display:flex}.proof__who{justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;display:flex}.proof__who b{color:var(--ink);font-weight:700}.proof__who span{font:500 12.5px var(--mono);color:var(--ink-2);white-space:nowrap}.proof__summary{color:var(--ink-2);font-size:14.5px;line-height:1.55}.proof__run--with .proof__who b{color:var(--accent-text)}.proof__switch{display:none}.proof__hint{text-align:center;max-width:620px;color:var(--ink-2);margin:28px auto 0;font-size:13.5px}.device{--band:linear-gradient(90deg, #7d8087 0%, #e3e5e9 6%, #a4a7ad 14%, #cfd2d6 50%, #a4a7ad 86%, #e3e5e9 94%, #7d8087 100%);background:var(--band);border-radius:17%/7.9%;width:min(100%,300px);padding:3px;position:relative;box-shadow:0 60px 90px -40px #0f143273,0 26px 50px -24px #0f143259,inset 0 0 0 .5px #ffffffb3,inset 0 1px 1px #fffc,inset 0 -1px 1px #00000040}[data-theme=dark] .device{--band:linear-gradient(90deg, #1f2024 0%, #5b5e66 6%, #2c2e33 14%, #44474e 50%, #2c2e33 86%, #5b5e66 94%, #1f2024 100%);box-shadow:0 60px 90px -40px #000c,0 26px 50px -24px #0009,inset 0 0 0 .5px #ffffff2e,inset 0 1px 1px #ffffff38}.device__glass{background:#050506;border-radius:16.2%/7.5%;padding:3.2%;box-shadow:inset 0 0 0 1.5px #1d1d20,inset 0 0 2px 2px #000000e6}.device__screen{aspect-ratio:390/898;isolation:isolate;background:#0b0b10;border-radius:14%/6.1%;position:relative;overflow:hidden;transform:translateZ(0);container-type:inline-size}.device__status{z-index:2;color:#fff;fill:#fff;stroke:#fff;background:#0b0b10;justify-content:space-between;align-items:center;height:13.85cqw;padding:1.2cqw 8.2cqw 0 9.5cqw;transition:background .3s;display:flex;position:absolute;inset:0 0 auto}.device__status.is-light{color:#000;fill:#000;stroke:#000}.device__time{font:600 4.36cqw/1 -apple-system, "SF Pro Text", var(--font);letter-spacing:-.01em}.device__icons{width:17.4cqw;height:auto}.device__icons .device__battery{fill:none;opacity:.45}.device__view{position:absolute;inset:13.85cqw 0 0;overflow:hidden}.device__view img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.device__view iframe{transform-origin:0 0;opacity:0;background:#0b0b10;border:0;transition:opacity .4s;position:absolute;top:0;left:0}.device__view iframe.is-loaded{opacity:1}.device__island{pointer-events:none;background:#000 radial-gradient(circle at 78%,#1b2440 0 6%,#0a0d18 7% 11%,#0000 12%);border-radius:999px;width:32.3cqw;height:9.5cqw;position:absolute;top:2.8cqw;left:50%;transform:translate(-50%)}.device__home{z-index:2;mix-blend-mode:difference;opacity:.85;pointer-events:none;background:#fff;border-radius:999px;width:35%;height:.6%;min-height:4px;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.device__btn{z-index:-1;background:var(--band);background-size:300px 100%;border-radius:2px;width:3px;position:absolute;box-shadow:inset 0 0 0 .5px #0003}.device__btn--action{height:4.5%;top:17%;left:-2px}.device__btn--up{height:7.5%;top:24%;left:-2px}.device__btn--down{height:7.5%;top:33.5%;left:-2px}.device__btn--side{height:11%;top:26%;right:-2px}.proof__how{background:var(--surface);max-width:720px;box-shadow:inset 0 0 0 1px var(--surface-line);border-radius:16px;margin:28px auto 0;padding:14px 18px}.proof__how summary{cursor:pointer;font-size:15px;font-weight:650}.proof__how ul{color:var(--ink-2);flex-direction:column;gap:6px;margin:10px 0 0;padding-left:18px;font-size:14.5px;display:flex}@media (width<=640px){.proof__switch{background:var(--flat-1);width:max-content;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;justify-content:center;gap:2px;margin:-16px auto 22px;padding:3px;display:flex}.proof__switch button{font:650 14px/1.2 var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px}.proof__switch button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.proof__runs{grid-template-columns:1fr}.proof__run:not(.is-shown){display:none}.device{width:min(80vw,330px)}}.pricing__grid{box-shadow:var(--surface-shadow);background-position:30% 45%;background-size:260%;border-radius:32px;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px;display:grid;overflow:clip}.pricing__grid--2{grid-template-columns:repeat(2,1fr);max-width:780px;margin:0 auto}.plan__price s{color:var(--ink-2);margin-left:2px;font-size:15px}.plan__deal{background:var(--ok-bg);color:var(--ok-ink);border-radius:10px;margin-top:-4px;padding:6px 10px;font-size:13px;font-weight:600}.plan__billing{align-self:flex-start;margin-top:-6px}.plan__billing small{color:var(--ok-ink);font-size:11px;font-weight:700}.plan__content{flex-direction:column;gap:10px;height:100%;padding:22px 20px;display:flex!important}.plan header{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan__name{font-size:18px}.plan__price b{letter-spacing:-.04em;font-size:38px}.plan__price span{color:var(--ink-2);font-size:14px}.plan__alt{color:var(--accent-text);cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:20px;margin-top:-8px;padding:0;font-size:13.5px;font-weight:600}.plan__alt--empty{cursor:default}.plan__blurb{color:var(--ink-2);min-height:42px;font-size:14px}.plan ul{flex-direction:column;flex:1;gap:8px;margin:4px 0 8px;padding:0;font-size:13.5px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:8px;display:flex}.plan li svg{color:var(--accent);flex:none;margin-top:3px}.pricing__note{text-align:center;color:var(--ink-2);margin-top:16px;font-size:13px}.pricing:has(.pricing__grid--2) .assurances{max-width:780px;margin-inline:auto}.assurances{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.assurances li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:18px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.assurances__icon{background:var(--accent-tint);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:inline-grid}.assurances b{font-size:14.5px}.assurances p{color:var(--ink-2);margin-top:2px;font-size:13.5px}@media (width<=960px){.pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=440px){.pricing__grid--2{grid-template-columns:1fr}}@media (width<=640px){.pricing__grid,.assurances{grid-template-columns:1fr}.pricing__grid{border-radius:24px;padding:14px}}.plan__mine{flex-direction:column;align-items:center;gap:6px;display:flex}.plan .is-current{background:var(--ok-bg);color:var(--ok-ink);box-shadow:none;cursor:default;filter:none;transform:none}.plan__manage{color:var(--accent-text);font:600 13px var(--font);cursor:pointer;background:0 0;border:0;padding:2px}.assurances{gap:var(--s-3)}.assurances li{padding:var(--s-3) var(--s-4);border-radius:var(--r-3);box-shadow:inset 0 0 0 1px var(--surface-line)}.assurances p{font-size:13px}.prompt{gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-4);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);flex-direction:column;min-width:0;display:flex}.prompt--compact{padding:var(--s-4);gap:10px}.prompt__head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.prompt__title{font:700 var(--fs-h3)/1.2 var(--font-display);letter-spacing:-.02em}.prompt .ui-seg{align-self:flex-start}.prompt__preview{min-height:calc(6 * 1.55em + 2 * var(--s-3));padding:var(--s-3) var(--s-4);border-radius:var(--r-3);background:var(--code-bg);color:var(--code-ink);font-size:13px;position:relative;overflow:hidden}.prompt__preview pre{font:12.5px/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:9.3em;margin:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.prompt__teaser{font-size:var(--fs-sm);color:var(--code-muted);line-height:1.5}.prompt__preview.is-locked .prompt__teaser{color:var(--code-ink)}.prompt__error{font-size:var(--fs-sm);color:var(--err-ink)}.prompt__status{min-height:1.4em;color:var(--ink-2);text-align:center;font-size:13px}.prompt__connect{font-size:var(--fs-sm);align-self:center;align-items:center;gap:4px;font-weight:600;display:inline-flex}.prompt__manual{width:100%;height:160px;padding:var(--s-3);border-radius:var(--r-2);background:var(--trough);color:var(--ink);font:12px/1.5 var(--mono);resize:vertical;border:0}.home-hero{padding:132px var(--gutter) 0;text-align:center;position:relative;overflow:hidden}.home-hero:before{content:"";z-index:-1;background-image:var(--scene-landscape);opacity:.55;background-position:50% 80%;background-size:cover;height:760px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}.home-hero__copy{max-width:860px;margin:0 auto}.home-hero h1{font:700 var(--fs-hero)/1.02 var(--font-display);letter-spacing:-.045em;text-wrap:balance}.home-hero__line{margin:var(--s-4) auto 0;max-width:560px;font-size:var(--fs-lead);color:var(--ink-2);text-wrap:balance;line-height:1.45}.home-hero__cta{justify-content:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.home-hero .glass-demo{margin:var(--s-7) auto 0;max-width:980px}.home-hero__note{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--ink-2)}.eyebrow__link{color:inherit;align-items:center;gap:6px;display:inline-flex}[data-theme=dark] .home-hero:before{opacity:.4}.ways{gap:var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.way{align-items:flex-start;gap:var(--s-2);padding:var(--s-6);border-radius:var(--r-5);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);color:var(--ink);text-align:left;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2);flex-direction:column;display:flex;position:relative}.way:hover{box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-2);text-decoration:none;transform:translateY(-3px)}.way__icon{width:44px;height:44px;margin-bottom:var(--s-2);background:var(--accent);color:var(--on-accent);border-radius:14px;place-items:center;display:grid}.way h3{font:700 24px/1.2 var(--font-display);letter-spacing:-.02em}.way p{color:var(--ink-2);font-size:15px;line-height:1.5}.way__art{width:100%;min-width:0;margin:var(--s-4) 0 var(--s-2);border-radius:var(--r-3);display:flex;overflow:hidden}.way__art--prompt{padding:var(--s-4);background:var(--code-bg);flex-direction:column;gap:4px}.way__art--prompt code{color:var(--code-ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:100%;padding:0;font-size:12px;overflow:hidden}.way__art--prompt code+code{color:var(--code-muted)}.way__copy{margin-top:var(--s-3);border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.way__art--connect{gap:var(--s-2);padding:var(--s-4);background:var(--trough);flex-wrap:wrap}.way__art--connect span{height:32px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--surface-strong);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.way__art--connect .is-on{background:var(--ok-bg);color:var(--ok-ink)}.way__more{padding-top:var(--s-2);color:var(--accent-text);align-items:center;gap:6px;margin-top:auto;font-size:15px;font-weight:600;display:inline-flex}.home-row{padding:4px 4px var(--s-4);gap:var(--s-5);scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.home-row>li{scroll-snap-align:start}.home-grid{gap:var(--s-5);grid-template-columns:repeat(4,1fr);align-items:start;margin:0;padding:0;list-style:none;display:grid}.home-platforms{margin:var(--s-6) 0 0;justify-content:center;gap:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.home-platforms a{height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);color:var(--ink);font-size:var(--fs-sm);align-items:center;font-weight:600;display:inline-flex}.home-platforms a:hover{background:var(--accent-tint);color:var(--accent-text);text-decoration:none}.home-more{margin-top:var(--s-5);text-align:center}@media (width<=960px){.ways{grid-template-columns:minmax(0,1fr)}.home-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.home-hero{padding-top:104px}.home-hero .glass-demo{margin-top:var(--s-6)}.home-hero__cta .ui-btn{width:100%}.home-row{gap:var(--s-3);grid-auto-columns:72%}.home-grid{gap:var(--s-3)}.way{padding:var(--s-5)}}.gallery{padding-top:128px}.gallery .ui-section__head{margin-bottom:var(--s-6)}.gallery__bar{align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);flex-direction:column;display:flex}.gallery__note{font-size:var(--fs-sm);color:var(--ink-2)}.grid-gallery{gap:var(--s-5);grid-template-columns:1fr 1fr;grid-auto-flow:dense;align-items:start;margin:0;padding:0;list-style:none;display:grid}.grid-gallery--screen{grid-template-columns:repeat(3,1fr)}.tile{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.tile--wide{grid-column:span 2}.tile--cover .tile__open{aspect-ratio:4/3}.tile__open{border-radius:var(--r-4);cursor:pointer;width:100%;box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2);background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.tile__open:hover{box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-2);transform:translateY(-3px)}.tile__open:has(.tile__hit:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.tile__hit{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.tile__hit:focus-visible{outline:none}.tile__open .live{border-radius:inherit}.tile__meta{align-items:center;gap:var(--s-2);padding:0 var(--s-1);font-size:15px;display:flex}.tile__meta b{font-weight:650}.tile__meta small{color:var(--ink-2);font-size:var(--fs-sm);margin-right:auto}.tile__meta b:has(+.ui-badge){margin-right:auto}.tile__app{justify-content:center;align-items:center;gap:var(--s-2);aspect-ratio:560/740;background:linear-gradient(160deg, var(--pro-bg), transparent 70%), var(--surface);color:var(--ink);text-align:center;padding:var(--s-5);flex-direction:column;display:flex}.tile__app svg{color:var(--pro)}.tile__app b{font:700 22px/1.2 var(--font-display);letter-spacing:-.02em}.tile__app span{font-size:var(--fs-sm);color:var(--ink-2)}.item{gap:var(--s-6);grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start;display:grid}.item__stage{width:min(100%, calc((100dvh - 180px) * var(--ratio)));border-radius:var(--r-4);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);justify-self:center;margin:0;overflow:hidden}.item__side{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.item__caption{color:var(--ink-2);font-size:15px;line-height:1.5}.item__links{align-items:center;gap:var(--s-4);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.item__link-btn{color:var(--accent-text);font:600 var(--fs-sm) var(--font);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.item__nav{align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;display:flex}.item__nav .ui-btn{width:36px;padding:0}.item__picker{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.item__frames{border-radius:var(--r-pill);background:var(--trough);align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.item__frames button{height:34px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--ink);font:600 var(--fs-sm) var(--font);cursor:pointer;background:0 0;border:0}.item__frames button.is-on{background:var(--surface-strong);box-shadow:var(--shadow-1)}.item__screens{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:0;padding:0;list-style:none;display:grid}.item__screen{border-radius:var(--r-3);width:100%;color:var(--ink);font:600 13px var(--font);cursor:pointer;box-shadow:inset 0 0 0 1px var(--surface-line);background:0 0;border:0;flex-direction:column;gap:6px;padding:4px;display:flex;position:relative}.item__screen .live{border-radius:calc(var(--r-3) - 4px)}.item__screen span{justify-content:center;align-items:center;gap:4px;padding-bottom:4px;display:inline-flex}.item__screen.is-on{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent-text)}@media (width<=960px){.grid-gallery--screen{grid-template-columns:1fr 1fr}.item{gap:var(--s-5);grid-template-columns:1fr}.item__stage{width:min(100%, calc(50dvh * var(--ratio)))}}@media (width<=640px){.gallery{padding-top:104px}.grid-gallery{grid-template-columns:1fr}.grid-gallery--screen{gap:var(--s-3);grid-template-columns:1fr 1fr}.tile--wide{grid-column:1/-1}}.prose{max-width:900px}.prose__head{margin-bottom:28px}.prose__head h1{letter-spacing:-.04em;font-size:clamp(36px,4.6vw,54px);line-height:1.04}.prose__lede{max-width:760px;margin-top:16px;font-size:19px;line-height:1.55}.prose__head .muted-text{margin-top:14px}.prose section{margin-top:52px;scroll-margin-top:88px}.prose h2{letter-spacing:-.025em;margin-bottom:12px;font-size:26px}.prose section>p{color:var(--ink-2);max-width:760px;margin-bottom:12px}.prose section>p b{color:var(--ink)}.prose .compare{margin:22px 0 8px}.prose__list{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.toc{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);border-radius:18px;padding:16px 20px}.toc ol{columns:2;column-gap:32px;margin:0;padding-left:20px;font-size:14.5px}.toc li{break-inside:avoid;padding:3px 0}.rules{counter-reset:rule;flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.rules li{counter-increment:rule;background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);color:var(--ink-2);border-radius:18px;padding:16px 18px 16px 58px;position:relative}.rules li:before{content:counter(rule);background:var(--accent-tint);width:26px;height:26px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:15px;left:18px}.rules b{color:var(--ink)}.checklist{color:var(--ink-2);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checklist li{padding-left:30px;position:relative}.checklist li:before{content:"";width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:5px;position:absolute;top:4px;left:0}.spec-links{grid-template-columns:3fr 1fr;gap:28px;margin-top:18px;display:grid}.spec-links h3{margin-bottom:8px;font-size:15px}.spec-links ul{columns:3;column-gap:20px;margin:0;padding:0;list-style:none}.spec-links div:last-child ul{columns:1}.spec-links li{break-inside:avoid;padding:3px 0;font-size:15px}@media (width<=640px){.spec-links{grid-template-columns:1fr}.spec-links ul,.spec-links div:last-child ul{columns:2}}.vocab{grid-template-columns:1fr 1fr;gap:10px 28px;margin:0;display:grid}.vocab>div{border-bottom:1px solid var(--surface-line);padding:10px 0}.vocab dt{font-weight:650}.vocab dd{color:var(--ink-2);margin:2px 0 0;font-size:14.5px}.faq--left{max-width:none;margin:0}.recipe>h2{margin-top:48px;scroll-margin-top:88px}.recipe>h3{margin-top:28px;scroll-margin-top:88px;font-size:18px}.recipe>p,.recipe>.prose__list{color:var(--ink-2);max-width:760px;margin-bottom:12px}.recipe>p b,.recipe>.prose__list b{color:var(--ink)}.recipe>.copy,.recipe>.table-scroll{margin:14px 0 18px}.recipe>.copy pre{white-space:pre;max-height:560px;overflow:auto}.cta-card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:24px;flex-direction:column;align-items:flex-start;gap:14px;margin-top:56px;padding:26px;display:flex}.cta-card h2{margin:0;font-size:22px}.cta-card p{color:var(--ink-2)}.cta-card .copy{width:100%}.cta-card--inline{margin:28px 0 32px}@media (width<=640px){.vocab{grid-template-columns:1fr}.toc ol{columns:1}.rules li{padding-left:52px}}.platform__prompt{margin:var(--s-6) 0 var(--s-7);gap:var(--s-3);flex-direction:column;max-width:600px;display:flex}.platform__prompt h2{font:700 20px/1.2 var(--font-display);margin:0}.guide__ways{margin-top:var(--s-8)}.spec-index__switch{margin-top:var(--s-5);border-radius:var(--r-pill);background:var(--trough);gap:2px;padding:3px;display:inline-flex}.spec-index__switch a{height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--ink);font-size:var(--fs-sm);align-items:center;font-weight:600;display:inline-flex}.spec-index__switch a:hover{background:var(--flat-1);text-decoration:none}.spec-index__switch a[aria-current=page]{background:var(--surface-strong);box-shadow:var(--shadow-1)}.spec-group{margin-top:var(--s-7)}.spec-group:first-of-type{margin-top:0}.spec-group__head{align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.spec-group__head h2{font:700 24px/1.2 var(--font-display);letter-spacing:-.02em}.spec-group__head p{color:var(--ink-2);font-size:15px}.spec-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.spec-card{border-radius:var(--r-4);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.spec-card:hover{box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-2);transform:translateY(-3px)}.spec-card:has(.spec-card__body:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.spec-card__live{aspect-ratio:2}.spec-card__body{padding:var(--s-3) var(--s-4) var(--s-4);color:inherit;flex-direction:column;gap:3px;display:flex}.spec-card__body:hover{text-decoration:none}.spec-card__body:after{content:"";position:absolute;inset:0}.spec-card__body:focus-visible{outline:none}.spec-card__body b{color:var(--ink);font-size:16px}.spec-card__body small{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.spec{max-width:var(--w-page)}.spec__head{max-width:760px;margin-bottom:var(--s-6)}.spec__head h1{font:700 var(--fs-h1)/1.05 var(--font-display);letter-spacing:var(--track-display);text-wrap:balance}.spec__lede{margin-top:var(--s-3);font-size:var(--fs-lead);color:var(--ink-2);line-height:1.45}.spec__hero{gap:var(--s-6);grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);align-items:start;display:grid}.spec__live{margin:0}.spec__live .live{border-radius:var(--r-4);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-2)}.spec__live figcaption{margin-top:var(--s-2);color:var(--ink-2);font-size:13.5px}.spec__prompt{position:sticky;top:84px}.spec__body{max-width:860px;margin-top:var(--s-8);gap:var(--s-4);flex-direction:column;display:flex}.spec__facts{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;display:grid}.spec__facts>div{padding:var(--s-4);border-radius:var(--r-3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line)}.spec__facts dt{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.spec__facts dd{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.4}.spec__geometry{color:var(--ink-2);font-size:15px;line-height:1.55}.spec__geometry b{color:var(--ink)}.spec__fold{border-radius:var(--r-3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);padding:var(--s-4) var(--s-5)}.spec__fold summary{align-items:center;gap:var(--s-2);cursor:pointer;font-size:16px;font-weight:650;display:flex}.spec__fold summary span{font-size:var(--fs-xs);color:var(--ink-2);font-weight:600}.spec__fold[open] summary{margin-bottom:var(--s-3)}.spec__fold .prose__list{font-size:15px}.spec__fold .copy{margin-top:var(--s-3)}.spec__built{gap:var(--s-2);margin:0;font-size:15px;display:grid}.spec__built dt{font-weight:650}.spec__built dd{color:var(--ink-2);margin:0}.spec__platforms,.spec__faq,.related{max-width:860px;margin-top:var(--s-7)}.spec__platforms h2,.spec__faq h2,.related h2{font:700 20px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:var(--s-3)}.spec__platforms ul,.related ul{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.spec__platforms a,.related a{height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);color:var(--ink);font-size:var(--fs-sm);align-items:center;font-weight:550;display:inline-flex}.spec__platforms a:hover,.related a:hover{background:var(--accent-tint);color:var(--accent-text);text-decoration:none}@media (width<=960px){.spec__hero{grid-template-columns:1fr}.spec__prompt{position:static}}.docs h2,.legal h2{letter-spacing:-.02em;margin:44px 0 14px;font-size:24px}.docs,.legal{max-width:860px}.docs>p,.legal p{color:var(--ink-2);margin-bottom:12px}.docs__index{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);border-radius:18px;flex-direction:column;gap:12px;margin-bottom:8px;padding:16px 20px;display:flex}.docs__index>div{grid-template-columns:170px 1fr;align-items:baseline;gap:12px;display:grid}.docs__index-group{color:var(--ink);font-size:13px;font-weight:700}.docs__index ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.docs__group{margin-top:28px;scroll-margin-top:88px}.docs__group>h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px;scroll-margin-top:88px;font-size:13px;font-weight:700}.docs__clients{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:14px;display:grid}.docs__clients>div{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:20px;flex-direction:column;gap:10px;padding:18px;scroll-margin-top:88px;display:flex}.docs__clients>div:target{box-shadow:inset 0 0 0 2px var(--accent), var(--surface-shadow)}.docs__clients h4{font-size:16px}.docs__clients p{color:var(--ink-2);font-size:14px}.docs__install{align-self:flex-start}.docs__tools{flex-direction:column;gap:10px;margin:0;display:flex}.docs__tools>div{border-bottom:1px solid var(--hairline);grid-template-columns:220px 1fr;gap:16px;padding:12px 0;display:grid}.docs__tools dd{color:var(--ink-2);margin:0;font-size:15px}.docs__list{color:var(--ink-2);flex-direction:column;gap:8px;padding-left:20px;display:flex}.docs__list b{color:var(--ink)}.legal .section__head{text-align:left;margin-left:0}.legal section p{font-size:15.5px}.agent-proof{grid-template-columns:repeat(2,minmax(0,220px));gap:14px 20px;margin:28px 0 8px;display:grid}.agent-proof__run{color:var(--ink-2);flex-direction:column;gap:8px;font-size:13.5px;display:flex}.agent-proof__run img{width:100%;height:auto;box-shadow:var(--surface-shadow);border-radius:22px}.agent-proof__run b{color:var(--ink);font-weight:600}.agent-proof figcaption{color:var(--ink-2);grid-column:1/-1;max-width:640px;font-size:14px}@media (width<=640px){.docs__clients{grid-template-columns:1fr}.docs__tools>div,.docs__index>div{grid-template-columns:1fr;gap:4px}}.docs__head{margin-bottom:var(--s-6)}.docs__head h1{font:700 var(--fs-h1)/1.05 var(--font-display);letter-spacing:var(--track-display)}.docs__line{margin-top:var(--s-3);font-size:var(--fs-lead);color:var(--ink-2);max-width:640px;line-height:1.45}.connect{padding:var(--s-2) var(--s-6);border-radius:var(--r-5);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--surface-line), var(--shadow-1);margin:0;list-style:none}.connect__step{gap:var(--s-4);padding:var(--s-5) 0;border-bottom:1px solid var(--surface-line);grid-template-columns:32px minmax(0,1fr);display:grid}.connect__step:last-child{border-bottom:0}.connect__step>div{align-items:flex-start;gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.connect__step>div>.copy{width:100%}.connect__step h3{align-items:center;gap:var(--s-2);font:650 18px/1.3 var(--font-display);display:inline-flex}.connect__n{background:var(--trough);width:32px;height:32px;font-weight:700;font-size:var(--fs-sm);border-radius:50%;place-items:center;display:grid}.connect__step.is-done .connect__n{background:var(--ok-bg);color:var(--ok-ink)}.connect__line{color:var(--ink-2);font-size:15px;line-height:1.5}.connect__more{font-size:var(--fs-sm)}.connect__spin{color:var(--ink-2);animation:1.2s linear infinite connect-spin}@keyframes connect-spin{to{transform:rotate(360deg)}}.docs__url{align-items:center;gap:var(--s-3);margin:var(--s-5) 0 var(--s-7);font-size:var(--fs-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.docs__fold{margin-top:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);scroll-margin-top:88px}.docs__fold>summary{align-items:center;gap:var(--s-2);cursor:pointer;font-size:16px;font-weight:650;display:flex}.docs__fold>summary span{font-size:var(--fs-xs);color:var(--ink-2);font-weight:600}.docs__fold[open]>summary{margin-bottom:var(--s-4)}.docs__fold>p{color:var(--ink-2);margin-bottom:12px}@media (width<=640px){.connect{padding:0 var(--s-4)}.connect__step{gap:var(--s-3);grid-template-columns:28px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.connect__spin{animation:none}}.agent .connect{margin-top:var(--s-3)}.agent .prompt{max-width:560px;margin-top:var(--s-3)}.agent__why{margin-top:var(--s-3);color:var(--ink-2)}.agent__why summary{cursor:pointer;color:var(--accent-text);font-weight:600}.agent__why p{margin-top:var(--s-2)}.agent .faq{margin-top:var(--s-4)}.pricing-page{padding-top:128px}.pricing-page__compare{max-width:860px;margin:var(--s-7) auto 0;border-radius:var(--r-3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);padding:var(--s-4) var(--s-5)}.pricing-page__compare summary{cursor:pointer;font-size:16px;font-weight:650}.pricing-page__compare[open] summary{margin-bottom:var(--s-4)}.pricing-page__faq{max-width:780px;margin:var(--s-8) auto 0}.pricing-page__faq h2{text-align:center;margin-bottom:var(--s-5);font:700 var(--fs-h3)/1.2 var(--font-display);letter-spacing:-.02em}.compare-table{border-collapse:collapse;width:100%;font-size:14.5px}.compare-table th,.compare-table td{border-bottom:1px solid var(--surface-line);text-align:left;padding:12px 16px}.compare-table tr:last-child>*{border-bottom:0}.compare-table tbody th{font-weight:inherit}.compare-table th:not(:first-child),.compare-table td:not(:first-child){text-align:center;width:22%}@media (width<=640px){.pricing-page{padding-top:104px}.compare-table th:not(:first-child),.compare-table td:not(:first-child){width:auto}}.auth{background-position:50% 60%;background-size:cover;place-items:center;min-height:100vh;padding:110px 16px 60px;display:grid}.site-main--bare .auth{padding-top:40px}.auth__card{width:min(440px,100%)}.auth__content{flex-direction:column;gap:14px;padding:30px 28px;display:flex!important}.auth h1{letter-spacing:-.025em;font-size:24px;line-height:1.25}.auth h1 b{font-weight:750}.auth__form{flex-direction:column;gap:8px;margin-top:4px;display:flex}.auth__form label{color:var(--ink-2);font-size:13px;font-weight:600}.auth__code{font-family:var(--mono);letter-spacing:.25em;text-align:center;font-size:22px!important}.auth__again{align-self:flex-start;font-size:13.5px;text-decoration:underline}.auth__form input,.acct__seat input{background:var(--surface-strong);height:46px;box-shadow:inset 0 0 0 1px var(--hairline);outline-offset:1px;border:0;border-radius:14px;padding:0 14px;font-size:15px}.auth__form .btn-solid{margin-top:6px}.auth__alt{width:100%}.auth__legal{color:var(--ink-2);font-size:12.5px}.consent__brand{align-items:center;gap:10px;font-size:18px;font-weight:750;display:flex}.consent__scopes{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.consent__scopes li{align-items:center;gap:8px;display:flex}.consent__scopes svg{color:var(--ok-ink)}.consent__redirect{color:var(--ink-2);font-size:13.5px}.consent__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.auth--ribbons{background-position:30% 45%;background-size:190%}.acct__grid{background-position:50% 40%;background-size:cover;border-radius:32px;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;display:grid}.acct__panel-content{flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:22px;display:flex!important}.acct__panel h2{font-size:17px}.acct__panel--wide{grid-column:1/-1}.acct__panel-content .copy{width:100%}.acct__prompts{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;width:100%;display:grid}.acct__prompts pre{white-space:pre-wrap}.acct__plan{align-items:baseline;gap:10px;display:flex}.acct__plan b{letter-spacing:-.03em;font-size:30px}.acct__plan span{color:var(--ink-2);font-size:13.5px}.acct__meter{background:var(--flat-1);border-radius:3px;width:100%;height:6px;overflow:hidden}.acct__meter i{background:var(--accent);border-radius:3px;height:100%;display:block}.acct__list{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.acct__list li{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14.5px;display:flex}.acct__list small{color:var(--ink-2);font-size:12.5px}.acct__seat{gap:8px;width:100%;display:flex}.acct__seat input{flex:1;height:40px}.acct .section__head h1{font-size:28px}.acct__head-actions{flex-wrap:wrap;gap:8px;display:inline-flex}@media (width<=640px){.acct__grid{border-radius:24px;grid-template-columns:1fr;padding:14px}}.changelog{max-width:860px}.changelog .section__head{text-align:left;margin-left:0}.changelog__feed{font-size:15px!important}.releases{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.release{grid-template-columns:170px 1fr;gap:20px;scroll-margin-top:88px;display:grid}.release>time{color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:22px;font-size:14px;font-weight:600}.release__body{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:20px;padding:20px 22px}.release__body h2{letter-spacing:-.015em;font-size:19px}.release__body>p{color:var(--ink-2);margin-top:8px;font-size:15px}.release__body ul{color:var(--ink-2);flex-direction:column;gap:6px;margin:10px 0 0;padding-left:20px;font-size:15px;display:flex}.release__lag{font-weight:650;color:var(--accent-text)!important;margin-top:4px!important;font-size:14px!important}.release__tag{letter-spacing:.06em;text-transform:uppercase;background:var(--flat-1);color:var(--ink-2);border-radius:8px;margin-bottom:6px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.release--apple .release__body{box-shadow:inset 0 0 0 1.5px var(--surface-line);background:0 0}@media (width<=640px){.release{grid-template-columns:1fr;gap:6px}.release>time{padding-top:0}}.gen{max-width:1120px}.gen__head{margin-bottom:28px}.gen__tool{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.gen__stage{height:440px;box-shadow:var(--surface-shadow), 0 0 0 1px var(--surface-line);touch-action:none;background-position:50%;background-size:cover;border-radius:28px;position:relative;overflow:hidden}.gen__stage--type{background:repeating-linear-gradient(-24deg, var(--ribbon-1) 0 26px, transparent 26px 70px, var(--ribbon-2) 70px 96px, transparent 96px 140px, var(--ribbon-3) 140px 166px, transparent 166px 210px, var(--ribbon-4) 210px 236px, transparent 236px 280px), linear-gradient(135deg, var(--stage-a), var(--stage-b) 55%, var(--stage-c))}.gen__type{color:var(--stage-ink);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;padding:28px 34px;display:flex;position:absolute;inset:0}.gen__type b{letter-spacing:-.05em;font-size:clamp(64px,11vw,132px);font-weight:800;line-height:.9}.gen__type span{opacity:.75;max-width:420px;margin-top:18px;font-size:18px;font-weight:600}.gen__body{cursor:grab;touch-action:none;position:absolute;transform:translate(-50%,-50%)}.gen__body:active{cursor:grabbing}.gen__content{text-align:center;place-items:center;height:100%;padding:0 16px;font-size:15px;font-weight:650;display:grid!important}.gen__under{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.gen__under .install__tabs{margin:0}.gen__controls{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line), var(--surface-shadow);border-radius:22px;flex-direction:column;gap:14px;padding:20px;display:flex}.gen__presets{flex-wrap:wrap;gap:6px;display:flex}.gen__presets button{background:var(--flat-1);box-shadow:inset 0 0 0 1px var(--hairline);font:600 13.5px/1.2 var(--font);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:7px 12px}.gen__presets button.is-on{background:var(--accent);color:var(--on-accent);box-shadow:none}.gen__slider{flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}.gen__slider span{justify-content:space-between;display:flex}.gen__slider b{font-family:var(--mono);color:var(--accent-text);font-weight:600}.gen__slider input{width:100%;accent-color:var(--accent)}.gen__slider small{color:var(--ink-2);font-size:12.5px;font-weight:400}.gen__row{justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.gen__row .install__tabs{margin:0}.gen__output{margin-top:28px}.gen__output .copy pre{white-space:pre;max-height:420px;overflow:auto}.gen__ask{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.gen__ask .copy{width:100%}.gen__ask .copy pre{white-space:pre-wrap}.gen__prose{margin:24px auto 0}@media (width<=900px){.gen__tool{grid-template-columns:1fr}.gen__stage{height:360px}}.sample{color:var(--ink);font-size:15px;line-height:1.45;container:sample/inline-size}.sample :is(.section,.stage-grid,.stage){display:contents}.sample :is(.section__head,.stage__head){display:none}:where(.sample) a{color:inherit}:where(.sample) :is(button,input,textarea,select){font:inherit;color:inherit}:where(.sample) kbd{font-family:var(--font);color:var(--ink-2);font-size:12px}:where(.sample) .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:650}.backdrop{background-repeat:no-repeat;background-size:cover}.backdrop--grid-dark{background:linear-gradient(#ffffff8c 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff8c 1px,#0000 1px) 0 0/32px 32px,radial-gradient(60% 80% at 20% 20%,#e0435e,#0000 60%),radial-gradient(60% 80% at 80% 30%,#2b4de0,#0000 60%),radial-gradient(60% 80% at 60% 100%,#2fb57a,#0000 60%),#10131f}.backdrop--grid-light{background:linear-gradient(#283c6e59 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#283c6e59 1px,#0000 1px) 0 0/32px 32px,radial-gradient(40% 55% at 18% 25%,#ff8c3c8c,#0000 70%),radial-gradient(45% 60% at 82% 30%,#2b6bff73,#0000 70%),radial-gradient(50% 60% at 55% 100%,#2fb57a73,#0000 70%),#e8edf5}.stage__body{isolation:isolate;box-shadow:0 1px 2px #0000000f, inset 0 0 0 1px var(--hairline);border-radius:26px;flex:1;justify-content:center;align-items:center;padding:28px 20px;display:flex;position:relative;overflow:hidden}.stage__body--top{align-items:flex-start}.stage__body--low{align-items:flex-end;padding-bottom:36px}.stage__body--bottom{align-items:flex-end;padding-bottom:8px}.stage__body--fill{justify-content:stretch;align-items:stretch;padding:0}.stage__body--device{padding:20px 12px}.stage__body--window{align-items:stretch;padding:16px}.stage__body--window-plain{border-radius:20px;justify-content:flex-start;align-items:stretch;padding:0}.stage__body--toast{justify-content:flex-start;align-items:flex-end;padding:20px}.stage__body--media{align-items:stretch;padding:0}.sample .stage__body--template-phone{min-height:740px!important}.sample .stage__body--template-phone .phone{width:340px;height:680px}.tablet,.foldable{background:#0d0d10;padding:10px;box-shadow:0 24px 60px #00000059,inset 0 0 0 1.5px #3a3a40}.tablet{border-radius:34px;width:1000px;height:724px}.tablet__screen,.foldable__screen{background:var(--page-2);isolation:isolate;height:100%;position:relative;overflow:hidden}.tablet__screen{border-radius:24px}.tablet__status{height:30px;padding:0 24px}.tablet__home{width:200px;margin-left:-100px}.foldable{border-radius:40px;width:700px;height:740px}.foldable__screen{border-radius:30px}.foldable__camera{background:#000;border-radius:50%;width:10px;height:10px}.foldable__crease{z-index:40;pointer-events:none;background:linear-gradient(#0000,#00000029 8% 92%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:1px 0 #ffffff1a}.sample .stage__body--template-tablet{min-height:780px!important}.sample .stage__body--template-foldable{min-height:800px!important}.effect__body{min-height:300px;box-shadow:inset 0 0 0 1px var(--hairline);background:#0b0b12;border-radius:26px;flex:1;position:relative;overflow:hidden}.sample .effect__body{flex:none;height:400px}.effect__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sample :is(.stage__body,.effect__body){box-shadow:none;border-radius:0}.metal{isolation:isolate;flex:none;place-items:center;display:inline-grid;position:relative}.metal__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.metal__content{display:inline-flex;position:relative}.metal-send{color:#fff;cursor:pointer;width:42px;height:42px;transition:transform .22s var(--spring);background:#0b0b0d;border:0;padding:0}.metal-send:hover{transform:scale(1.04)}.metal-send:active{transform:scale(.96)}.metal-send:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.metal-demo{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.metal-composer{width:min(420px,100%);height:56px}.metal-composer__content{align-items:center;gap:10px;height:100%;padding:0 7px 0 20px;display:flex!important}.metal-composer__text{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}