:root{--bg:#f5f5f5;--panel:#fcfcfc;--card:#fff;--preview:#fafafa;--muted-bg:#0000000a;--hover-bg:#0000000d;--text:#0a0a0a;--text-muted:#737373;--text-subtle:#0006;--border:#e5e5e5;--border-soft:#0a0a0a1a;--card-stroke:#0a0a0a0e;--panel-stroke:#ececec;--panel-shadow:0 1px 0 #0000000a, 0 2px 1px -1px #0000000d;--primary:#171717;--primary-fg:#fff;--accent:#1d93d2;--accent-soft:#1d93d21a;--pro-bg:#eef7fc;--pro-from:#1781c0;--pro-to:#0891b2;--radius-panel:18px;--radius-card:14px;--radius-pill:999px;--shadow-pop:0 4px 42px #0000000f, 0 2px 6px #0000000d, 0 0 0 1px #0000000f;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration:.18s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-theme=light]){--bg:#0c0c0d;--panel:#121213;--card:#19191b;--preview:#1f1f21;--muted-bg:#ffffff0d;--hover-bg:#ffffff12;--text:#ededed;--text-muted:#8f8f8f;--text-subtle:#fff6;--border:#262628;--border-soft:#ffffff12;--card-stroke:#ffffff0d;--panel-stroke:#222224;--panel-shadow:0 1px 0 #00000073, 0 2px 1px -1px #00000080;--accent:#1d93d2;--accent-soft:#1d93d21a;--pro-bg:#1d93d224;--pro-from:#3aa8e6;--pro-to:#22d3ee;--primary:#ededed;--primary-fg:#121213;--shadow-pop:0 4px 42px #0006, 0 0 0 1px #ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shell{--ink:var(--text);--muted:var(--text-muted);--subtle:var(--text-subtle);--line:var(--border);--surface:var(--card);--canvas:color-mix(in srgb, var(--text) 5%, var(--card));--stage:var(--preview);--dot:transparent}html,body{background:var(--bg)}.shell,.shell button,.shell input{font-family:var(--font-inter), ui-sans-serif, system-ui, -apple-system, sans-serif}.shell{--frame-gap:8px;width:100%;max-width:1736px;min-height:100dvh;padding:0 var(--frame-gap) 0 0;color:var(--text);-webkit-font-smoothing:antialiased;grid-template-columns:256px minmax(0,1fr);margin:0 auto;font-size:13px;line-height:18.571px;display:grid}.main-col{z-index:1;min-width:0;padding-top:var(--frame-gap);grid-column:2;position:relative}.sidebar{--sidebar-radius:8px;z-index:0;width:256px;min-width:0;height:100dvh;min-height:0;padding:var(--frame-gap) 0 11.5px;background:var(--bg);flex-direction:column;display:flex;position:fixed;top:0;left:max(0px,50vw - 868px);overflow:hidden}.sidebar>*{min-width:256px}.sidebar__scroll{scrollbar-width:none;flex:1;min-height:0;padding-bottom:36px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),#0000);mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.sidebar__head{flex:none;justify-content:space-between;align-items:center;height:38px;padding:0 10.5px 0 17.5px;display:flex}.logo{align-items:center;gap:8px;display:inline-flex}.logo__name{white-space:nowrap;font-size:13px;font-weight:500}.sidebar__nav,.sidebar__group{flex-direction:column;gap:1px;padding:0 10px;display:flex}.sidebar__nav>.nav-link,.sidebar__group>.nav-link{padding-left:8px;padding-right:8px}.sidebar__nav{padding-top:10.5px}.sidebar__group{padding-top:21px}.sidebar__label{color:var(--text-subtle);padding:0 8px 3.5px;font-size:12px}.nav-link{border-radius:var(--radius-pill);color:var(--text-muted);transition:background-color var(--duration) ease, color var(--duration) ease;align-items:center;gap:8px;padding:5.25px 14px;font-size:13px;line-height:18.571px;display:flex}.nav-link[aria-current=page],.nav-link:hover{background:var(--hover-bg);color:var(--text)}.nav-link svg{opacity:.85;flex:none}.nav-link__soon{color:var(--text-subtle);margin-left:auto;font-size:11px}.nav-link--disabled{cursor:default;opacity:.6}.nav-link--disabled:hover{color:var(--text-muted);background:0 0}.sidebar .nav-link,.sidebar .sidebar-search__field{border-radius:var(--sidebar-radius)}.nav-link__pro-mark{background:var(--pro-bg);width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pro-from) 16%, transparent), 0 1px 0 color-mix(in srgb, var(--pro-from) 14%, transparent);color:var(--pro-from);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.nav-link__pro-mark svg{opacity:1!important}.sections{flex-direction:column;gap:14px;padding:18px 10px 0;display:flex}.section__head{color:var(--text);align-items:center;gap:6px;padding:0 0 0 7.5px;display:flex}.section__label{flex:1;align-items:center;gap:8px;padding:5.25px 0;font-size:13px;font-weight:500;display:flex}.section__label svg{color:var(--text-muted);flex:none}.section__count{color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:12px}.section__toggle{width:20px;height:20px;color:var(--text-subtle);cursor:pointer;transition:background-color var(--duration) ease, color var(--duration) ease;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.section__toggle:hover{background:var(--hover-bg);color:var(--text)}.section__toggle svg{transition:transform var(--duration) ease}.section__toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.tree__items{border-left:1px solid var(--border);flex-direction:column;gap:1px;margin:1px 0 6px 15px;padding-left:6px;display:flex}.tree__items .nav-link{padding-left:10.5px;position:relative}.tree__items .nav-link[aria-current=page]{color:var(--text)}.tree__items .nav-link[aria-current=page]:before{content:"";background:var(--text);border-radius:1px;width:1.5px;position:absolute;top:6px;bottom:6px;left:-7px}.sidebar-search{padding:6px 10px 0;position:relative}.sidebar-search__field{border-radius:var(--radius-pill);background:var(--card);height:32px;box-shadow:0 0 0 1px var(--card-stroke), 0 1px 1.5px #0000000a;color:var(--text-subtle);cursor:text;transition:box-shadow var(--duration) ease;align-items:center;gap:8px;padding:0 8px 0 11px;display:flex}.sidebar-search__field:focus-within{box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-soft)}.sidebar-search__field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.sidebar-search__field input:focus,.sidebar-search__field input:focus-visible{box-shadow:none;outline:none}.sidebar-search__field input::placeholder{color:var(--text-muted)}.sidebar-search__keys{gap:3px;display:flex}.sidebar-search__keys kbd{background:var(--muted-bg);min-width:18px;height:18px;box-shadow:inset 0 0 0 .5px var(--card-stroke);color:var(--text-muted);border-radius:4px;place-items:center;padding:0 4px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;display:grid}.sidebar-search__results{background:var(--card);box-shadow:0 0 0 1px var(--card-stroke), 0 4px 16px #0000000f;border-radius:12px;flex-direction:column;gap:1px;margin-top:6px;padding:4px;display:flex}.sidebar-search__result{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:18px;display:flex}.sidebar-search__result[aria-selected=true]{background:var(--hover-bg)}.sidebar-search__result small{color:var(--text-subtle);font-size:11.5px}.sidebar-search__empty{color:var(--text-subtle);padding:8px;font-size:12.5px}.sidebar__foot{flex-direction:column;gap:8px;margin-top:auto;padding:12px 10px 0;display:flex}.icon-btn{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration) ease, color var(--duration) ease, transform var(--duration) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--hover-bg);color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn--card{background:var(--card);box-shadow:0 0 0 1px var(--border)}.btn{border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;height:28px;transition:background-color var(--duration) ease, color var(--duration) ease, transform var(--duration) var(--ease-out);border:0;justify-content:center;align-items:center;gap:6px;padding:0 10.5px;font-size:13px;font-weight:500;line-height:18.571px;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary);color:var(--primary-fg)}.btn--primary:hover{opacity:.9}.btn--secondary{background:var(--muted-bg);color:var(--text)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover,.btn--secondary:hover{background:var(--hover-bg);color:var(--text)}.pro-badge{border-radius:var(--radius-pill);background:var(--pro-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pro-from) 16%, transparent), 0 1px 0 color-mix(in srgb, var(--pro-from) 14%, transparent);color:var(--pro-from);align-items:center;gap:3px;font-weight:500;display:inline-flex}.pro-badge svg{color:var(--pro-from);flex:none}.pro-badge span{background:linear-gradient(90deg in oklab, var(--pro-from), var(--pro-to));color:#0000;-webkit-background-clip:text;background-clip:text}.btn--pro{isolation:isolate;gap:5px;padding:0 12px 0 10px;position:relative;overflow:hidden}.btn--pro:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffffbf 48% 52%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn--pro:hover:after{animation:pro-shimmer .9s var(--ease-out)}@keyframes pro-shimmer{to{transform:translate(120%)}}.theme-switch{border-radius:var(--radius-pill);background:var(--muted-bg);align-self:center;gap:2px;height:28px;padding:2px;display:inline-flex}.theme-switch .icon-btn{width:24px;height:24px}.theme-switch .icon-btn[aria-checked=true]{background:var(--card);color:var(--text);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000f}.panel{--gutter:28px;background:var(--panel);border:1px solid var(--panel-stroke);border-radius:var(--radius-panel);min-width:0;box-shadow:var(--panel-shadow);min-height:calc(100dvh - var(--frame-gap) * 2);position:relative;overflow:clip}.topbar{padding:16px var(--gutter) 0;align-items:center;gap:3.5px;display:flex}.topbar__menu,.topbar__name{display:none}.topbar__links{align-items:center;gap:3.5px;margin-left:auto;display:flex}.breadcrumb{height:24px;color:var(--text-muted);align-items:center;gap:6px;min-width:0;display:flex}.breadcrumb a:hover,.breadcrumb [aria-current]{color:var(--text)}.content{padding:40px var(--gutter) 96px}.hero{align-items:flex-end;gap:28px;padding-bottom:21px;display:flex}.hero__title{letter-spacing:-.6px;text-wrap:balance;flex:none;width:470px;max-width:100%;font-size:24px;font-weight:500;line-height:30px}.lib-tabs{top:var(--frame-gap);z-index:6;pointer-events:none;height:54px;margin-bottom:18px;position:sticky}.lib-tabs__list{pointer-events:auto;max-width:calc(100% - 420px)}.shell:has(.lib-tabs) .topbar{top:var(--frame-gap);z-index:5;background:var(--panel);height:54px;padding-bottom:10px;position:sticky}.lib-tabs:after{content:"";background:var(--border);height:1px;position:absolute;bottom:0;left:0;right:0}.lib-tabs__list{z-index:1;scrollbar-width:none;gap:22px;height:100%;display:flex;position:relative;overflow-x:auto}.lib-tabs__tab{height:100%;color:var(--text-muted);white-space:nowrap;transition:color var(--duration) ease;flex:none;align-items:center;gap:6px;padding:16px 0 10px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.lib-tabs__tab:hover,.lib-tabs__tab[aria-current]{color:var(--text)}.lib-tabs__tab[aria-current]:after{content:"";background:var(--text);border-radius:1px;height:1.5px;position:absolute;bottom:0;left:0;right:0}.lib-tabs__tab span{color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:12px}.library{scroll-margin-top:80px}.library__title{color:var(--text-muted);align-items:center;gap:8px;padding-bottom:12px;font-size:13px;font-weight:500;display:flex}.library__title a:hover{color:var(--text)}.library__title span{border-radius:var(--radius-pill);background:var(--muted-bg);font-variant-numeric:tabular-nums;padding:0 6px;font-size:11px;line-height:17px}.library--next{padding-top:56px}.lib-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.lib-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{--card-inset:6px;padding:var(--card-inset) var(--card-inset) 0;border-radius:var(--radius-card);background:var(--card);border:1px solid var(--card-stroke);cursor:pointer;flex-direction:column;display:flex;position:relative}.card__stage{aspect-ratio:16/10;border-radius:calc(var(--radius-card) - var(--card-inset));background:var(--preview);width:100%;min-width:0;min-height:230px;box-shadow:inset 0 0 0 1px var(--card-stroke);position:relative;overflow:hidden}.card__preview{place-items:center;height:100%;padding:48px 24px;display:grid}.card__preview--thumb{padding:0;position:relative;overflow:hidden}.card__thumb{transform-origin:top;width:640px;position:absolute;top:46px;left:50%;transform:translate(-50%)scale(.6)}.card__tag,.card__pro{border-radius:var(--radius-pill);align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;top:10.5px}.card__tag{background:var(--card);color:var(--text-muted);box-shadow:0 0 0 1px var(--border-soft);left:10.5px}.card__pro{padding:0 9px 0 7px}.card__badges{pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:10.5px;right:10.5px}.card__badges .card__pro{position:static}.card__styles{border-radius:var(--radius-pill);background:var(--muted-bg);height:22px;color:var(--text-muted);align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.card__footer{justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 10px 11.5px;display:flex}.card__info{border-radius:6px;min-width:0}.card__info:hover .card__title{text-underline-offset:3px;text-decoration:underline}.card__title{font-size:13px;font-weight:500;line-height:18.571px}.card__desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.card__new{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-green) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-green) 24%, transparent);vertical-align:2px;color:var(--brand-green);margin-left:8px;padding:0 7px;font-size:11px;font-weight:500;line-height:18px;display:inline-block}.card__actions{z-index:1;gap:3.5px;display:flex;position:relative}.doc{max-width:894px;margin:0 auto}.doc__header{justify-content:space-between;align-items:flex-end;gap:24px;padding-top:14px;display:flex}.doc__header>div{min-width:0;max-width:100%}.doc__title{letter-spacing:-.8px;align-items:center;gap:12px;font-size:32px;font-weight:600;line-height:44px;display:flex}.doc__lead{color:var(--text-muted);padding-top:8px;font-size:16px;line-height:24px}.doc__install{padding-top:16px}.doc__section{padding-top:48px;scroll-margin-top:24px}.doc__section--preview{padding-top:24px}.doc__h2{letter-spacing:-.4px;padding-bottom:8px;font-size:20px;font-weight:600;line-height:24px}.doc__h3{padding:8px 0;font-size:14px;font-weight:600}.doc__p{color:var(--text-muted);padding-bottom:12px;font-size:14px;line-height:22px}.doc__list{color:var(--text-muted);gap:8px;margin:8px 0 0;padding-left:18px;font-size:14px;line-height:22px;list-style:outside;display:grid}.doc__list li::marker{color:var(--text-subtle)}.doc__link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.doc__link:hover{text-decoration-color:currentColor}.preview-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 12px;display:flex}.preview-bar__end{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.preview-bar__reset{background:var(--card);width:32px;height:32px;box-shadow:0 0 0 1px var(--border),0 1px 2px #0000000a;color:var(--text-muted)}.preview-bar__reset:hover{background:var(--card);color:var(--text);box-shadow:0 0 0 1px var(--text-subtle),0 1px 2px #0000000a}.stage__reset{z-index:10;position:absolute;top:12px;right:12px}.segmented{border-radius:var(--radius-pill);background:var(--muted-bg);gap:2px;padding:2px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);height:30px;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration) ease,color var(--duration) ease;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button[aria-selected=true]{background:var(--card);color:var(--text);box-shadow:0 0 0 1px var(--border),0 1px 2px #0000000f}.stage{isolation:isolate;background:var(--preview);height:520px;box-shadow:inset 0 0 0 1px var(--border-soft);border-radius:18px;place-items:center;padding:45px;display:grid;position:relative;overflow:hidden}.stage--code{place-items:stretch stretch;padding:0;overflow:auto}.stage--code pre{font-family:var(--font-ibm-plex),ui-monospace,monospace;color:var(--text);padding:20px 24px;font-size:12.5px;line-height:20px}.stage__look{place-items:center;width:100%;min-width:0;height:100%;display:grid}.stage__look>*{transform:scale(1.2)}.stage--fit{place-items:start center;height:auto;min-height:520px;padding:56px 45px}.stage--fit .stage__look{place-items:start center}.stage--fit .stage__look>*{transform:none}.underline-tabs{border-bottom:1px solid var(--border-soft);gap:18px;margin-bottom:14px;display:flex}.underline-tabs button{height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #0000;margin-bottom:-1px;padding:0;font-weight:500}.underline-tabs button[aria-selected=true]{border-color:var(--text);color:var(--text)}.manual{gap:12px;display:grid}.manual .doc__p{padding:4px 0 0}.token{background:var(--muted-bg);color:var(--text);font-size:12.5px;font-family:var(--font-ibm-plex),ui-monospace,monospace;border-radius:6px;padding:1px 6px}.token--muted{color:var(--text-muted)}.table-wrap{box-shadow:0 0 0 1px var(--border);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px;line-height:20px}.table th{border-bottom:1px solid var(--border-soft);background:var(--muted-bg);height:40px;color:var(--text-muted);text-align:left;padding:0 14px;font-weight:500}.table td{border-top:1px solid var(--border-soft);color:var(--text-muted);vertical-align:top;padding:12px 14px}.table tr:first-child td{border-top:0}.table td:first-child{white-space:nowrap}.related{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:8px;display:grid}.related__card{background:var(--card);box-shadow:0 0 0 1px var(--border);transition:box-shadow var(--duration) ease;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.related__card:hover{box-shadow:0 0 0 1px var(--text-subtle)}.related__card>svg{color:var(--text-subtle);align-self:flex-end}.related__head{justify-content:space-between;gap:8px;display:flex}.related__name{font-weight:500}.related__cat{color:var(--text-subtle);font-size:11px}.related__desc{color:var(--text-muted);font-size:12.5px;line-height:18px}.doc__footer{border-top:1px solid var(--border-soft);color:var(--text-subtle);justify-content:space-between;margin-top:112px;padding:20px 0 32px;font-size:12px;display:flex}.prompt-bar{align-items:center;gap:8px;display:flex}.prompt-bar__label{color:var(--text-subtle);white-space:nowrap;font-size:12.5px}.prompt-bar__tools{gap:4px;display:flex}.prompt-bar__tool{background:var(--card);min-width:30px;height:30px;box-shadow:0 0 0 .5px var(--border),0 1px 1.5px #00000012;color:var(--text);cursor:pointer;letter-spacing:.02em;border:0;border-radius:9px;place-items:center;padding:0 8px;font-size:11px;font-weight:600;line-height:0;transition:background-color .14s,transform .16s;display:grid;position:relative}.prompt-bar__tool:hover{background:color-mix(in srgb,var(--card) 93%,var(--text))}.prompt-bar__tool:active{transform:scale(.94)}.prompt-bar__tool:after{content:attr(data-tip);background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:500;line-height:16px;transition:opacity .14s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.prompt-bar__tool:hover:after,.prompt-bar__tool[data-copied]:after{opacity:1;transform:translate(-50%)}.prompt-bar__code{background:var(--text);height:30px;font:inherit;color:var(--bg);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;margin-left:4px;padding:0 12px 0 10px;font-size:13px;font-weight:500;transition:opacity .14s,transform .16s;display:inline-flex}.prompt-bar__code:hover{opacity:.88}.cmd{background:var(--card);box-shadow:0 0 0 1px var(--border);border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:4px 4px 4px 14px;display:flex}.cmd code{white-space:nowrap;min-width:0;font-family:var(--font-ibm-plex),ui-monospace,monospace;scrollbar-width:none;flex:1;font-size:12.5px;overflow-x:auto}.cmd code span{color:var(--text-subtle)}.cmd .icon-btn--card{box-shadow:none}@media (max-width:760px){.doc__header{flex-direction:column;align-items:flex-start}.stage{height:auto;min-height:400px;padding:52px 16px}.related{grid-template-columns:minmax(0,1fr)}.prompt-bar__label{display:none}}.main-col>.footer{padding:56px 29px 48px}.footer{flex-direction:column;gap:32px;display:flex}.footer__top{justify-content:space-between;gap:40px;display:flex}.footer__brand{flex-direction:column;gap:10px;max-width:260px;display:flex}.footer__logo{opacity:.7}.footer__logo .logo__name{letter-spacing:-.15px;font-size:15px}.footer__brand p,.footer__col{color:var(--text-muted);font-size:13px;line-height:18.2px}.footer__cols{gap:56px;display:flex}.footer__col{flex-direction:column;gap:8px;display:flex}.footer__heading{color:var(--text);padding-bottom:2px;font-weight:500}.footer__col a{transition:color var(--duration) ease}.footer__col a:hover{color:var(--text)}.footer__credit{color:var(--text-subtle);font-size:13px;line-height:18.2px}.footer__credit a{color:var(--text-muted)}.footer__credit a:hover{color:var(--text)}@media (max-width:960px){.main-col>.footer{padding:48px 16px 40px}.footer__top{flex-direction:column}.footer__cols{flex-wrap:wrap;gap:32px}.footer__col{gap:0}.footer__heading{padding-bottom:6px}.footer__col a{padding:4px 0}}:root{--dark-btn-top:#323137;--dark-btn-bottom:#201e25;--dark-btn-ring:#0d0d0d;--dark-btn-text:#fafafa}:root:not([data-theme=light]){--dark-btn-top:#f4f4f5;--dark-btn-bottom:#e4e4e7;--dark-btn-ring:#0009;--dark-btn-text:#121213}.promo{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;color:var(--text);background:#0a0a0c8c;place-items:center;padding:20px;font-size:13px;animation:.32s both promo-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.promo__tray{background:var(--bg);border-radius:24px;outline:none;width:min(100%,420px);padding:6px;animation:.52s cubic-bezier(.22,1,.36,1) both promo-rise;box-shadow:0 30px 80px #00000059}.promo__close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .16s,color .16s;display:grid;position:absolute;top:12px;right:12px}.promo__close:hover{background:var(--hover-bg);color:var(--text)}.promo__eyebrow{height:24px;padding:0 10px 0 8px;font-size:12px}.promo__cta{background:linear-gradient(180deg,var(--dark-btn-top),var(--dark-btn-bottom));width:100%;height:44px;box-shadow:0 0 0 1px var(--dark-btn-ring),inset 0 1px 0 #ffffff1f;font:inherit;color:var(--dark-btn-text);cursor:pointer;border:0;border-radius:12px;margin-top:4px;font-size:15px;font-weight:500;transition:filter .16s,transform .16s}.promo__cta:hover{filter:brightness(1.12)}.promo__cta:active{transform:scale(.99)}.upsell__tray{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff59;width:min(100%,420px);padding:5px;box-shadow:0 0 0 1px #ffffff40,0 30px 80px #0000004d}:root:not([data-theme=light]) .upsell__tray{background:#ffffff14;box-shadow:0 0 0 1px #ffffff14,0 30px 80px #00000080}.upsell__card{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:19px;gap:16px;padding:24px 24px 16px;display:grid;position:relative}.upsell__body{align-content:start;justify-items:center;gap:10px;min-width:0;display:grid}.upsell__card .promo__close{z-index:1;width:28px;height:28px;top:14px;right:14px}.upsell__title{letter-spacing:-.025em;color:var(--text);margin:2px 0 0;font-size:24px;font-weight:600;line-height:1.15}.upsell__text{color:var(--text-muted);text-wrap:balance;margin:-2px 0 0;font-size:13.5px;line-height:1.5}.upsell__count{isolation:isolate;justify-items:center;gap:2px;padding:14px 0 12px;display:grid}.upsell__count b{letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg in oklab,var(--text) 15%,var(--pro-from) 70%,var(--pro-to) 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:600;line-height:1;position:relative}.upsell__count b:after{content:attr(data-n);text-align:center;z-index:-1;color:var(--pro-from);-webkit-text-fill-color:var(--pro-from);filter:blur(8px);opacity:.5;pointer-events:none;padding:28px;position:absolute;inset:-28px;-webkit-mask-image:linear-gradient(#0000 45%,#000 75%);mask-image:linear-gradient(#0000 45%,#000 75%)}.upsell__count span{color:var(--text-muted);font-size:13px}.upsell__list{color:var(--text);text-align:left;gap:7px;margin:0 0 14px;padding:0;font-size:13px;list-style:none;display:grid}.upsell__list li{align-items:flex-start;gap:8px;line-height:16px;display:flex}.upsell__check{background:var(--pro-bg);width:16px;height:16px;color:var(--pro-from);border-radius:50%;flex:none;place-items:center;display:grid}.upsell__cta{margin-top:2px}.upsell__more{justify-content:center;width:100%;padding:2px 0 0;font-size:12.5px;display:flex}.upsell__more a{color:var(--text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:color .16s,text-decoration-color .16s}.upsell__more a:hover{color:var(--text);text-decoration-color:currentColor}@keyframes promo-fade{0%{opacity:0}}@keyframes promo-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}}@media (max-width:480px){.upsell{padding:12px}.upsell__card{padding:20px 18px 14px}.upsell__title{font-size:22px}.upsell__count b{font-size:50px}.upsell__list{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.promo,.promo__tray{animation:none}}:root{--look-classic:#ff8a3d;--look-clean:#22d3ee}.sidebar__style{padding:14px 10px 0}.style-picker{position:relative}.style-picker__trigger{width:100%;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration) ease, color var(--duration) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:5.25px 6px 5.25px 8px;font-size:13px;line-height:18.571px;display:flex}.style-picker__trigger:hover,.style-picker__trigger[aria-expanded=true]{background:var(--hover-bg);color:var(--text)}.style-picker__trigger svg{opacity:.85;flex:none}.style-picker__label{text-align:left;flex:1}.style-picker__value{border-radius:6px;padding:0 7px;font-size:12.5px;font-weight:500;line-height:22px}.style-picker__value[data-look=classic]{color:var(--look-classic);background:color-mix(in srgb, var(--look-classic) 14%, transparent)}.style-picker__value[data-look=clean]{color:var(--look-clean);background:color-mix(in srgb, var(--look-clean) 14%, transparent)}.style-picker__pop{z-index:30;background:var(--card);box-shadow:var(--shadow-pop);border-radius:12px;gap:2px;padding:4px;animation:.16s both promo-fade;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.style-picker__option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px;font-size:13px;display:flex}.style-picker__option:hover,.style-picker__option[aria-selected=true]{background:var(--hover-bg)}.style-picker__option{align-items:center}.style-picker__text{flex:1}.style-picker__check{color:var(--look-clean);flex:none}.look-thumb{border-radius:7px;flex:none;width:44px;height:30px;position:relative;overflow:hidden}.look-thumb--classic{background:color-mix(in srgb, var(--look-classic) 22%, #2a2a2d)}.look-thumb--clean{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--look-clean) 45%, var(--border));background:0 0}.look-thumb__card{border-radius:4px;align-content:center;gap:3px;padding:0 5px;display:grid;position:absolute;inset:4px 4px 9px}.look-thumb--classic .look-thumb__card{box-shadow:0 0 0 1px color-mix(in srgb, var(--look-classic) 35%, transparent);background:#19191b}.look-thumb__line{border-radius:2px;width:70%;height:2px}.look-thumb__line--short{width:45%}.look-thumb--classic .look-thumb__line{background:color-mix(in srgb, var(--look-classic) 75%, transparent)}.look-thumb--clean .look-thumb__line{background:color-mix(in srgb, var(--look-clean) 70%, transparent)}.look-thumb__bar{border-radius:2px;width:12px;height:3px;position:absolute;bottom:3px;right:5px}.look-thumb--classic .look-thumb__bar{background:var(--look-classic)}.look-thumb--clean .look-thumb__bar{background:color-mix(in srgb, var(--look-clean) 70%, transparent)}.style-picker__option small{color:var(--text-muted);margin-top:1px;font-size:11.5px;display:block}.style-picker__dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.style-picker__dot[data-look=classic]{background:var(--look-classic)}.style-picker__dot[data-look=clean]{background:var(--look-clean)}.lib-tabs__row{align-items:center;gap:22px;max-width:calc(100% - 420px);height:100%;display:flex}.lib-tabs__row .lib-tabs__list{flex:0 auto;min-width:0;max-width:none}.lib-tabs__end{pointer-events:auto;flex:none;align-items:center;height:100%;padding-top:6px;display:flex}.style-picker--tabs .style-picker__trigger{width:auto;font-weight:500}.style-picker--tabs .style-picker__label{flex:none}.style-picker--tabs .style-picker__pop{width:248px;right:auto}@media (max-width:860px){.lib-tabs__row{max-width:none}.lib-tabs__end{display:none}}.stage__tools{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.stage__group{background:var(--card);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000a;border-radius:999px;flex-direction:column;gap:2px;padding:2px;display:flex}.stage__btn{width:28px;height:28px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .14s,color .14s,transform .14s;display:grid}.stage__btn:hover{color:var(--text)}.stage__btn:active{transform:scale(.92)}.stage__btn[aria-checked=true]{background:var(--muted-bg);color:var(--text)}.stage__group--single .stage__btn{width:30px;height:30px}.stage__btn[data-look=classic]{color:var(--look-classic);opacity:.6}.stage__btn[data-look=clean]{color:var(--look-clean);opacity:.6}.stage__btn[data-look][aria-checked=true]{opacity:1}.stage__btn[data-look=classic][aria-checked=true]{background:color-mix(in srgb, var(--look-classic) 14%, var(--card));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--look-classic) 40%, transparent)}.stage__btn[data-look=clean][aria-checked=true]{background:color-mix(in srgb, var(--look-clean) 14%, var(--card));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--look-clean) 40%, transparent)}.stage[data-preview-theme=light]{--card:#fff;--preview:#fafafa;--muted-bg:#0000000a;--hover-bg:#0000000d;--text:#0a0a0a;--text-muted:#737373;--text-subtle:#0006;--border:#e5e5e5;--border-soft:#0a0a0a1a;--card-stroke:#0a0a0a0e;--ink:#0a0a0a;--muted:#737373;--subtle:#0006;--line:#e5e5e5;--surface:#fff;--canvas:#f3f3f3;--stage:#fafafa;background:var(--preview);color:var(--text)}.stage[data-preview-theme=dark]{--card:#19191b;--preview:#1f1f21;--muted-bg:#ffffff0d;--hover-bg:#ffffff12;--text:#ededed;--text-muted:#8f8f8f;--text-subtle:#fff6;--border:#262628;--border-soft:#ffffff12;--card-stroke:#ffffff0d;--ink:#ededed;--muted:#8f8f8f;--subtle:#fff6;--line:#262628;--surface:#19191b;--canvas:#232326;--stage:#1f1f21;background:var(--preview);color:var(--text)}:root[data-look=clean] :is(.card__preview,.stage__look) :is(.shadow-sm,.shadow-lg,.shadow-xl){box-shadow:none}:root[data-look=clean] :is(.card__preview,.stage__look) .border-line{border-color:color-mix(in srgb, var(--line) 55%, transparent)}.ai-tray{background:color-mix(in srgb, var(--text) 4%, #0c0c0e);box-shadow:0 0 0 1px var(--border)}:root[data-theme=light] .ai-tray,.stage[data-preview-theme=light] .ai-tray{background:#ececec}.stage[data-preview-theme=dark] .ai-tray{background:color-mix(in srgb, var(--text) 4%, #0c0c0e)}.ai-sparkle{color:#60a5fa;flex:none;margin:0 3px 0 1px}.ai-sparkle--busy{animation:2.4s ease-in-out infinite ai-sparkle-spin}@keyframes ai-sparkle-spin{0%,to{color:#60a5fa;transform:rotate(0)scale(1)}50%{color:#22d3ee;transform:rotate(18deg)scale(.88)}}.mascot{flex:none;margin:-3px 0;overflow:visible}.mascot__body{transform-origin:20px 37px;animation:3.2s ease-in-out infinite mascot-breathe}.mascot__eyes,.mascot__face{transition:transform .35s cubic-bezier(.22,1,.36,1)}.mascot__eye{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite mascot-blink}.mascot__happy{opacity:0}.mascot--search .mascot__eyes{animation:1.6s ease-in-out infinite mascot-scan}.mascot--write .mascot__body{animation:.8s ease-in-out infinite mascot-bob}.mascot--write .mascot__face{transform:translate(1px,1.5px)}.mascot--done .mascot__eyes{animation:2.4s both mascot-eyes-hide}.mascot--done .mascot__happy{animation:2.4s both mascot-happy}@keyframes mascot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}@keyframes mascot-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5px)scale(.98,1.02)}}@keyframes mascot-scan{0%,to{transform:translate(-1.6px)}50%{transform:translate(1.6px)}}@keyframes mascot-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes mascot-eyes-hide{0%,to{opacity:1}12%,75%{opacity:0}}@keyframes mascot-happy{0%,to{opacity:0}12%,75%{opacity:1}}.glow-floor{aspect-ratio:16/7.2;background:#0b0b0d;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.stage[data-preview-theme=light] .glow-floor{background:#f4f4f5;box-shadow:inset 0 0 0 1px #0000000f}.pc-focus{box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 22%, transparent), 0 8px 30px -12px #00000080!important}.pc-pop{transform-origin:bottom;animation:.18s cubic-bezier(.22,1,.36,1) both pc-pop}@keyframes pc-pop{0%{opacity:0;transform:translateY(4px)scale(.97)}}.pc-bar{height:20%;animation:.9s ease-in-out infinite alternate pc-bar}@keyframes pc-bar{0%{height:15%}60%{height:85%}to{height:35%}}.pc-spin{animation:.8s linear infinite spin}.pc-app{transition:transform .18s cubic-bezier(.22,1,.36,1)}.pc-app:hover{transform:translateY(-3px);z-index:20!important}.tl-chip{animation:.4s cubic-bezier(.22,1,.36,1) both tl-chip}@keyframes tl-chip{0%{opacity:0;filter:blur(3px);transform:translateY(4px)scale(.92)}}.tl-step{animation:.45s cubic-bezier(.22,1,.36,1) both ai-rise-in}.tl-pulse{animation:1s ease-in-out infinite tl-pulse}@keyframes tl-pulse{50%{opacity:.5;transform:scale(1.6)}}.brand-logo{filter:drop-shadow(0 0 6px #22d3ee40);background:linear-gradient(90deg,#ff2d9b 0%,#ff6a00 28%,#ffb000 50%,#4cb82a 70%,#22d3ee 100%);flex:none;display:inline-block;-webkit-mask:url(/logo-mark.png) 50%/contain no-repeat;mask:url(/logo-mark.png) 50%/contain no-repeat}.shell :focus-visible:not(input,textarea){outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1200px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr);padding:0}.sidebar{z-index:20;border-right:1px solid var(--border);width:240px;height:auto;transition:transform .28s var(--ease-out);padding-top:8px;inset:0 auto 0 0;transform:translate(-100%)}.sidebar>*{min-width:240px}.sidebar[data-open=true]{transform:none}.scrim{z-index:19;background:#0008;position:fixed;inset:0}.main-col{grid-column:1;padding-top:0}.panel{box-shadow:none;border:0;border-radius:0}.topbar{z-index:7;padding:8px var(--gutter);background:var(--panel);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.topbar__menu{display:inline-grid}.topbar .breadcrumb{display:none}.topbar__name{align-items:center;margin-left:6px;display:inline-flex}.content{padding-top:32px}.shell:has(.lib-tabs) .topbar{height:auto;padding-bottom:8px;top:0}.lib-tabs{z-index:4;height:44px;margin:0 calc(var(--gutter) * -1) 20px;padding:0 var(--gutter);background:var(--panel);pointer-events:auto;top:45px}.lib-tabs__list{max-width:none}.lib-tabs:after{right:var(--gutter);left:var(--gutter)}.lib-tabs__list{gap:20px}.lib-tabs__tab{padding:0}.library{scroll-margin-top:104px}}@media (max-width:760px){.lib-grid,.lib-grid--two{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.hero__title{width:100%}.panel{--gutter:16px}.card__stage{aspect-ratio:auto;height:260px;min-height:0}.topbar__links .btn--secondary{display:none}}:root{--tier-stroke:#f2f2f2;--guarantee-bg:#f7f7f7;--guarantee-tray:#eaeaea;--dark-btn-top-hover:#3c3b42;--dark-btn-bottom-hover:#29272f;--dark-btn-edge-1:#4b4951;--dark-btn-edge-2:#31303a;--dark-btn-edge-3:#18171b}:root:not([data-theme=light]){--tier-stroke:#1f1f21;--guarantee-bg:#151517;--guarantee-tray:#232326;--dark-btn-top-hover:#fff;--dark-btn-bottom-hover:#ececef;--dark-btn-edge-1:#fff;--dark-btn-edge-2:#f0f0f2;--dark-btn-edge-3:#d4d4d8}.btn--primary,.tier__cta--primary{background:linear-gradient(var(--dark-btn-top), var(--dark-btn-bottom)) padding-box, linear-gradient(var(--dark-btn-edge-1), var(--dark-btn-edge-2), var(--dark-btn-edge-3)) border-box;box-shadow:0 0 0 1px var(--dark-btn-ring), 0 2px 4px #0000001a;color:var(--dark-btn-text);border:1px solid #0000}.btn--primary:hover:not(:disabled),.tier__cta--primary:hover:not(:disabled){background:linear-gradient(var(--dark-btn-top-hover), var(--dark-btn-bottom-hover)) padding-box, linear-gradient(var(--dark-btn-edge-1), var(--dark-btn-edge-2), var(--dark-btn-edge-3)) border-box}.btn--primary:active:not(:disabled),.tier__cta--primary:active:not(:disabled){transform:scale(.99)}.pricing{max-width:1008px;margin:0 auto}.pricing__head{text-align:center;flex-direction:column;align-items:center;padding:48px 0 32px;display:flex}.pricing__title{letter-spacing:-.02em;font-size:36px;font-weight:500;line-height:42px}.pricing__sub{max-width:640px;color:var(--text-muted);text-wrap:balance;padding-top:16px;font-size:16px;line-height:24px}.pricing__sub strong{color:var(--text);font-weight:400}.tier__cta{border-radius:var(--radius-pill);height:40px;transition:background-color var(--duration) ease, transform var(--duration) var(--ease-out);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.tier__cta:active{transform:scale(.98)}.tier__cta--secondary{background:var(--muted-bg);color:var(--text)}.tier__cta--secondary:hover{background:var(--hover-bg)}.faq{max-width:640px;margin:0 auto;padding-top:152px;padding-bottom:96px}.faq__title{letter-spacing:-.01em;text-align:center;font-size:30px;font-weight:500}.faq__list{padding-top:40px}.faq__item+.faq__item{border-top:1px solid var(--border)}.faq__q{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:15px;line-height:22px;display:flex}.faq__q svg{color:var(--text-subtle);transition:transform .24s var(--ease-out);flex:none}.faq__item[data-open] .faq__q svg{transform:rotate(180deg)}.faq__panel{transition:grid-template-rows .32s var(--ease-out);grid-template-rows:0fr;display:grid}.faq__panel>div{min-height:0;overflow:hidden}.faq__item[data-open] .faq__panel{grid-template-rows:1fr}.faq__a{color:var(--text-muted);opacity:0;filter:blur(3px);transition:opacity .22s ease, translate .32s var(--ease-out), filter .26s ease;padding:0 32px 18px 0;font-size:14px;line-height:22px;translate:0 -4px}.faq__item[data-open] .faq__a{opacity:1;filter:none;transition-delay:60ms;translate:0}.not-found__actions .tier__cta{padding:0 18px}.tiers{grid-template-columns:repeat(3,minmax(0,325px));justify-content:center;gap:8px;display:grid}.tier{border-radius:var(--radius-card);background:var(--card);border:1px solid var(--tier-stroke,var(--panel-stroke));box-shadow:var(--panel-shadow,0 1px 1.5px #0000000a);flex-direction:column;gap:24px;padding:20px;display:flex}.tier:not(.tier--pro){background:var(--guarantee-bg,var(--muted-bg));box-shadow:none;border-color:#0000}.tier:not(.tier--pro) .tier__pills .pill:not(.pill--pro):not(.pill--team){background:color-mix(in srgb, var(--text) 7%, transparent);box-shadow:none}.tier:not(.tier--pro) .tier__check{background:color-mix(in srgb, var(--text) 7%, transparent)}.tier:not(.tier--pro) .tier__cta,.tier:not(.tier--pro) .tier__cta--primary{background:color-mix(in srgb, var(--text) 7%, transparent);box-shadow:none;color:var(--text);border:0}.tier:not(.tier--pro) .tier__cta:hover:not(:disabled),.tier:not(.tier--pro) .tier__cta--primary:hover:not(:disabled){background:color-mix(in srgb, var(--text) 11%, transparent)}.tier--team .tier__check{background:color-mix(in srgb, var(--pro-to) 11%, transparent)}.tier__name{justify-content:space-between;align-items:center;font-size:18px;font-weight:500;line-height:22px;display:flex}.tier__badge{height:22px;padding:0 9px 0 7px;font-size:11.5px}.tier__price{align-items:baseline;gap:6px;display:flex}.tier__amount{letter-spacing:-.02em;font-size:36px;font-weight:500;line-height:42px}.tier__per{color:var(--text-subtle);font-size:16px;font-weight:500}.tier__pills{flex-wrap:wrap;gap:8px;padding-top:14px;display:flex}.pill{border-radius:var(--radius-pill);background:var(--muted-bg);height:24px;box-shadow:0 0 0 1px var(--card-stroke);color:var(--text-muted);align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.pill--pro{background:var(--pro-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pro-from) 16%, transparent);color:var(--pro-from)}.tier__divider{background:linear-gradient(90deg, transparent, var(--border-soft), transparent);border:0;width:100%;height:1px;margin:0}.tier__features{flex-direction:column;flex:1;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tier__features li{align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.tier__check{border-radius:var(--radius-pill);background:var(--muted-bg);width:18px;height:18px;color:var(--text);flex:none;place-items:center;display:grid}.tier--pro .tier__check{background:var(--pro-bg);color:var(--pro-from)}.pill--team{background:color-mix(in srgb, var(--pro-to) 9%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pro-to) 18%, transparent);color:var(--pro-to)}.tier--team .tier__check{background:color-mix(in srgb, var(--pro-to) 10%, var(--card));color:var(--pro-to)}.tier__badge-pill{height:22px;font-size:11.5px}.tier__was{color:var(--text-subtle);font-size:20px;font-weight:500;text-decoration-thickness:1.5px}@keyframes price-roll{0%{opacity:0;filter:blur(2px);transform:translateY(40%)}}.founder{gap:8px;margin-top:14px;display:grid}.founder__bar{background:var(--muted-bg);border-radius:999px;height:6px;overflow:hidden}.founder__bar span{border-radius:inherit;background:var(--text);height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.founder__label{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.seats__more{color:var(--text);text-underline-offset:3px;padding-top:10px;font-size:12.5px;text-decoration:underline;animation:.42s cubic-bezier(.22,1,.36,1) price-roll;display:inline-block}.tier__checkout{gap:8px;display:grid}.tier__checkout .tier__cta{cursor:pointer;width:100%}.tier__checkout .tier__cta:disabled{opacity:.7;cursor:progress}.tier__error{text-align:center;color:#d93025;margin:0;font-size:12.5px}.pricing__license{color:var(--text-muted);text-align:center;margin:20px 0 0;font-size:14px}.pricing__license a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.pricing__license a:hover{text-decoration-color:currentColor}.guarantee{isolation:isolate;background:var(--guarantee-bg);border:1px solid var(--tier-stroke,var(--panel-stroke));border-radius:20px;align-items:center;gap:20px;max-width:720px;margin:32px auto 0;padding:28px 32px;display:flex;position:relative;overflow:hidden}.guarantee__icon{background:var(--guarantee-tray);border-radius:13px;flex:none;padding:3px}.guarantee__tile{background:var(--card);width:44px;height:44px;color:var(--text-muted);border-radius:10px;place-items:center;display:grid;box-shadow:0 0 0 .5px #0000000f,0 1px 1px -1px #0000001a,0 1px 2px #0000000d}.guarantee__rule{background:var(--border);border-radius:1px;flex:none;align-self:center;width:1px;height:36px}.guarantee p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.guarantee strong{color:var(--text);font-weight:500}.guarantee a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.fresh{padding-top:136px}.fresh--screens .fresh__row{grid-template-columns:repeat(3,minmax(0,1fr))}.fresh__more{justify-content:center;padding-top:36px;display:flex}.fresh__more .btn{height:40px;padding:0 20px;font-weight:500}.fresh__head{text-align:center;justify-items:center;gap:16px;margin-bottom:28px;display:grid}.fresh__head h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:30px;font-weight:500;line-height:1.15}.fresh__head p{max-width:520px;color:var(--text-muted);text-wrap:balance;margin:0;font-size:15px;line-height:1.55}.fresh__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fresh__item{color:var(--text);gap:8px;text-decoration:none;display:grid}.fresh__shot{aspect-ratio:16/10;background:var(--panel);border-radius:12px;display:block;position:relative;overflow:hidden}.fresh__shot:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--panel-stroke,var(--border));pointer-events:none;position:absolute;inset:0}.fresh--screens .fresh__shot{aspect-ratio:auto;background:var(--guarantee-bg,var(--muted-bg));padding:6px}.fresh--screens .fresh__shot:after{display:none}.fresh--screens .fresh__shot img{aspect-ratio:16/10;height:auto;box-shadow:0 0 0 1px var(--panel-stroke,var(--border));border-radius:7px}.fresh--screens .fresh__item:hover .fresh__shot img{transform:none}.fresh--screens .fresh__shot{transition:box-shadow .3s}.fresh--screens .fresh__item:hover .fresh__shot{box-shadow:0 6px 18px -10px #0000002e}.fresh__shot img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.fresh__item:hover .fresh__shot img{transform:scale(1.03)}.fresh__name{align-items:center;gap:6px;padding:0 2px;font-size:13.5px;font-weight:500;display:flex}.fresh__pro{height:18px;padding:0 6px;font-size:11px}.license__faq .faq__list{padding-top:0}.calc{padding-top:96px}.calc__head{text-align:center;justify-items:center;gap:10px;margin-bottom:28px;display:grid}.calc__head h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:30px;font-weight:500;line-height:1.2}.calc__head p{max-width:520px;color:var(--text-muted);text-wrap:balance;margin:0;font-size:15px;line-height:1.55}.calc__tray{background:var(--guarantee-bg,var(--muted-bg));border-radius:22px;max-width:760px;margin:0 auto;padding:6px}.calc__card{background:var(--card);box-shadow:0 0 0 1px var(--tier-stroke,var(--panel-stroke)), 0 1px 0 #00000008;border-radius:17px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid;overflow:hidden}.calc__inputs{align-content:center;gap:8px;padding:24px;display:grid}.calc__field{background:var(--guarantee-bg,var(--muted-bg));touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:14px;grid-template-columns:108px minmax(0,1fr) 52px;align-items:center;gap:14px;height:52px;padding:0 16px;transition:box-shadow .16s;display:grid}.calc__field:has(input:focus-visible){box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-soft)}.calc__name{color:var(--text-muted);font-size:13px;line-height:16px}.calc__field output{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.calc__scale{height:100%;position:relative}.calc__ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.calc__ticks span{background:var(--text);opacity:.16;border-radius:1px;width:1.5px;height:8px;transition:opacity .16s,height .16s}.calc__ticks span[data-major]{height:14px}.calc__ticks span[data-on]{opacity:.55}.calc__mark{top:50%;left:var(--fill);background:var(--text);pointer-events:none;border-radius:1px;width:2px;height:26px;position:absolute;transform:translate(-50%,-50%)}.calc__field:hover .calc__ticks span[data-on]{opacity:.7}.calc__scale input[type=range]{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.calc__result{flex-direction:column;justify-content:center;gap:4px;padding:28px 30px;display:flex;position:relative}.calc__result:before{content:"";background:var(--tier-stroke,var(--panel-stroke));width:1px;position:absolute;top:28px;bottom:28px;left:0}.calc__label{color:var(--text-muted);font-size:13px}.calc__big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:500;line-height:1.1}.calc__note{color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:13px}.calc__compare{background:var(--guarantee-bg,var(--muted-bg));border-radius:14px;gap:10px;margin-top:20px;padding:14px 16px;display:grid}.calc__pro,.calc__save{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.calc__pro span,.calc__save span{color:var(--text-muted);align-items:center;gap:8px;display:inline-flex}.calc__pro b{font-variant-numeric:tabular-nums;font-weight:500}.calc__pro .calc__bolt{background:var(--pro-bg);width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pro-from) 16%, transparent), 0 1px 0 color-mix(in srgb, var(--pro-from) 14%, transparent);color:var(--pro-from);border-radius:50%;place-items:center;display:grid}.calc__save b{letter-spacing:-.01em;color:#0a8a5f;font-variant-numeric:tabular-nums;background:#0a8a5f1a;border-radius:7px;padding:2px 9px;font-size:18px;font-weight:500;line-height:26px}:where(.dark,[data-theme=dark]) .calc__save b{color:#4fd1a1;background:#4fd1a124}@media (prefers-reduced-motion:reduce){.faq__panel,.faq__a{transition:none}.price__digit,.seats__more{animation:none}}@media (max-width:960px){.tiers{grid-template-columns:minmax(0,440px)}}@media (max-width:640px){.guarantee{align-items:flex-start;gap:16px;padding:20px}.fresh--screens .fresh__row{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.fresh__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.fresh,.review{padding-top:72px}}@media (max-width:480px){.calc__field{grid-template-columns:76px minmax(0,1fr) 44px;gap:10px;padding:0 12px}.calc__name{font-size:12px}}@media (max-width:760px){.calc{padding-top:72px}.calc__head h2{font-size:24px}.calc__card{grid-template-columns:minmax(0,1fr)}.calc__inputs{padding:16px}.calc__result{padding:22px 20px}.calc__result:before{width:auto;height:1px;inset:0 20px auto}.calc__big{font-size:34px}}.nav-link__crown{flex:none;place-items:center;margin-left:auto;transition:transform .35s cubic-bezier(.22,1,.36,1);display:grid}.pro-crown{display:block;overflow:visible}.pro-crown__glint{transform-box:fill-box;transform-origin:50%;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);transform:scale(.2)rotate(-45deg)}.nav-link:hover .nav-link__crown,.nav-link:focus-visible .nav-link__crown{transform:translateY(-1px)rotate(-6deg)}.nav-link:hover .pro-crown__glint,.nav-link:focus-visible .pro-crown__glint,.nav-link[aria-current=page] .pro-crown__glint{opacity:1;transform:scale(1)rotate(0)}@media (prefers-reduced-motion:reduce){.nav-link__crown,.pro-crown__glint{transition:none}}.mascot__glint{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite mascot-glint}@keyframes mascot-glint{0%,70%,to{opacity:0;transform:scale(.2)rotate(-45deg)}80%{opacity:1;transform:scale(1)rotate(0)}90%{opacity:0;transform:scale(.4)rotate(30deg)}}@media (prefers-reduced-motion:reduce){.mascot__glint{opacity:0;animation:none}}.pro-cta{align-items:center;padding-right:36px;display:inline-flex;position:relative}.pro-cta .btn--pro{padding-right:24px;animation:4.8s ease-in-out infinite pro-cta-nudge}.pro-cta__mascot{z-index:1;pointer-events:none;transform-origin:60% 92%;animation:4.8s ease-in-out infinite pro-cta-tap;display:block;position:absolute;bottom:-6px;right:0}.pro-cta__mascot .mascot{margin:0;display:block}.pro-cta .mascot__eyes{transform:translate(-1.3px)}.pro-cta .mascot__paw{transform-box:fill-box;transform-origin:100%;animation:4.8s ease-in-out infinite pro-cta-paw}.pro-cta:hover .pro-cta__mascot,.pro-cta:focus-within .pro-cta__mascot{animation:.6s ease-in-out infinite pro-cta-cheer}.pro-cta:hover .btn--pro,.pro-cta:focus-within .btn--pro{animation:none}.pro-cta:hover .mascot__eyes,.pro-cta:focus-within .mascot__eyes{opacity:0}.pro-cta:hover .mascot__happy,.pro-cta:focus-within .mascot__happy{opacity:1}.pro-cta:hover .mascot__paw,.pro-cta:focus-within .mascot__paw{animation:.3s ease-in-out infinite alternate pro-cta-wave}@keyframes pro-cta-tap{0%,62%,to{transform:rotate(-10deg)}68%{transform:rotate(-16deg)translate(-1px)}74%{transform:rotate(-10deg)}80%{transform:rotate(-16deg)translate(-1px)}86%{transform:rotate(-10deg)}}@keyframes pro-cta-paw{0%,62%,74%,86%,to{transform:translateY(0)}68%,80%{transform:translateY(1px)scaleX(1.1)}}@keyframes pro-cta-nudge{0%,66%,72%,78%,84%,to{transform:translate(0)}69%,81%{transform:translate(-1.5px)}}@keyframes pro-cta-cheer{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-4px)}}@keyframes pro-cta-wave{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-2px)rotate(-20deg)}}@media (prefers-reduced-motion:reduce){.pro-cta__mascot,.pro-cta .btn--pro,.pro-cta .mascot__paw{animation:none!important}.pro-cta__mascot{transform:rotate(-10deg)}}.stage,.stage__look,.card__preview{grid-template-columns:minmax(0,1fr)}.card__preview--thumb{container-type:inline-size}.card__thumb{width:min(640px,166.667cqw)}@media (max-width:760px){.card__thumb{width:min(640px,143.333cqw)}.stage{padding:60px 14px 24px}.stage--fit .stage__look{zoom:.82}.stage__look>*,.stage--fit .stage__look>*{transform:none}.stage__tools{flex-direction:row;justify-content:flex-end;top:12px;left:12px;right:12px}.stage__group{flex-direction:row}.hero__title{font-size:24px;line-height:1.25}.doc__title{font-size:26px;line-height:34px}}.fig-eyebrow{border-radius:var(--radius-pill);background:var(--card);height:28px;box-shadow:0 0 0 1px var(--border);color:var(--text);align-items:center;gap:7px;margin-bottom:20px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.fig-eyebrow--sm{height:24px;margin:0;padding:0 10px;font-size:12px}.fig-title{text-wrap:balance;max-width:620px}.fig-cta{flex-direction:column;align-items:center;gap:10px;padding-top:28px;display:flex}.fig-cta .tier__cta{padding:0 22px}.fig-cta__note{color:var(--text-muted);font-size:12.5px}.fig-canvas{--fig-blue:#0d99ff;--fig-purple:#9747ff;border-radius:var(--radius-panel);background-color:var(--preview);background-image:radial-gradient(circle, color-mix(in srgb, var(--text) 14%, transparent) 1px, transparent 1.2px);box-shadow:inset 0 0 0 1px var(--border-soft);background-size:20px 20px;position:relative;overflow:hidden}.fig-canvas__inner{width:1000px;height:580px;margin:0 auto;position:relative}.fig-canvas__hint{display:none}.fig-frame{background:var(--card);box-shadow:0 0 0 1px var(--border), 0 8px 24px #0000000f;border-radius:6px;padding:16px;position:absolute}.fig-frame__label{color:var(--text-muted);white-space:nowrap;font-size:11px;position:absolute;bottom:calc(100% + 6px);left:0}.fig-frame--set{box-shadow:none;border:1px dashed var(--fig-purple);background:0 0;border-radius:8px}.fig-frame__label--set{color:var(--fig-purple);font-weight:500}.fig-frame--screen{flex-direction:column;gap:14px;padding:22px 20px;display:flex}.fig-bubble{background:var(--muted-bg);max-width:82%;box-shadow:inset 0 0 0 1px var(--border);color:var(--text);border-radius:14px 14px 4px;align-self:flex-end;padding:8px 12px;font-size:12.5px;line-height:1.4}.fig-bubble--mini{align-self:center;padding:5px 9px;font-size:11px}.fig-answer{flex-direction:column;gap:8px;display:flex}.fig-answer__tool{box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font-family:var(--font-ibm-plex), ui-monospace, monospace;border-radius:5px;align-self:flex-start;padding:2px 6px;font-size:10.5px}.fig-line{background:color-mix(in srgb, var(--text) 12%, transparent);border-radius:99px;height:7px}.fig-chips{gap:6px;margin-top:auto;display:flex}.fig-chip{height:24px;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);white-space:nowrap;border-radius:99px;align-items:center;padding:0 10px;font-size:11.5px;display:inline-flex}.fig-chip--on{color:#ff8a3d;background:#ff6a0029;box-shadow:inset 0 0 0 1px #ff6a004d}.fig-composer{background:var(--card);height:48px;box-shadow:inset 0 0 0 1px var(--border), 0 1px 2px #0000000f;color:var(--text-subtle);border-radius:14px;justify-content:space-between;align-items:center;padding:0 8px 0 14px;font-size:12.5px;display:flex;position:relative}.fig-composer--mini{grid-column:1/-1;height:36px;font-size:11px}.fig-send{background:var(--primary);width:28px;height:28px;color:var(--primary-fg);border-radius:99px;place-items:center;font-size:13px;display:grid}.fig-composer--mini .fig-send{width:22px;height:22px}.fig-size{background:var(--fig-blue);color:#fff;opacity:0;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:500;animation:12s infinite fig-size;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}.fig-set{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:14px;height:100%;padding-top:4px;display:grid}.fig-btn{background:var(--muted-bg);height:30px;color:var(--text);border-radius:99px;align-items:center;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex}.fig-btn--primary{background:var(--primary);color:var(--primary-fg)}.fig-toggle{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:99px;width:32px;height:18px;position:relative}.fig-toggle:after{content:"";background:#fff;border-radius:99px;width:14px;height:14px;position:absolute;top:2px;left:2px}.fig-toggle--on{background:#4cb82a}.fig-toggle--on:after{left:16px}.fig-swatches{gap:9px;display:grid}.fig-swatch{grid-template-columns:22px 1fr auto;align-items:center;gap:8px;font-size:11px;display:grid}.fig-swatch__chip{border-radius:5px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff1a}.fig-swatch__name{color:var(--text)}.fig-swatch__hex{color:var(--text-subtle);font-family:var(--font-ibm-plex), ui-monospace, monospace;font-size:10px}.fig-frame--type{align-items:center;gap:28px;padding:20px 28px;display:flex}.fig-type__aa{letter-spacing:-.04em;background:linear-gradient(90deg,#ff2d9b,#ff6a00 35%,#ffb000 60%,#4cb82a 80%,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:600;line-height:1}.fig-type__rows{color:var(--text-muted);gap:8px;font-size:12.5px;display:grid}.fig-type__rows b{color:var(--text);margin-right:8px;font-weight:500}.fig-type__mono{font-family:var(--font-ibm-plex), ui-monospace, monospace}.fig-toolbar{background:var(--card);box-shadow:0 0 0 1px var(--border), 0 6px 18px #0000001a;border-radius:12px;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}.fig-tool{width:30px;height:30px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid}.fig-tool--on{background:var(--fig-blue);color:#fff}.fig-cursor{z-index:5;pointer-events:none;display:block;position:absolute;top:0;left:0}.fig-cursor svg{display:block}.fig-cursor__tag{color:#fff;white-space:nowrap;border-radius:4px 10px 10px;padding:2px 7px;font-size:11px;font-weight:500;position:absolute;top:14px;left:12px}.fig-cursor--agent{color:#0891b2;animation:12s cubic-bezier(.45,0,.25,1) infinite fig-agent}.fig-cursor--agent .fig-cursor__tag{background:#0891b2}.fig-cursor--you{color:#ff2d9b;animation:14s ease-in-out infinite fig-you}.fig-cursor--you .fig-cursor__tag{background:#ff2d9b}.fig-build{opacity:0}.fig-build--1{animation:12s infinite fig-in-1}.fig-build--2{animation:12s infinite fig-in-2}.fig-build--3{animation:12s infinite fig-in-3}.fig-build--4{animation:12s infinite fig-in-4}@keyframes fig-agent{0%{transform:translate(650px,250px)}10%,16%{transform:translate(300px,104px)}22%{transform:translate(560px,150px)}28%,34%{transform:translate(170px,190px)}40%{transform:translate(600px,190px)}48%,54%{transform:translate(110px,404px)}60%{transform:translate(640px,280px)}68%,78%{transform:translate(250px,470px)}90%,to{transform:translate(650px,250px)}}@keyframes fig-you{0%,to{transform:translate(870px,300px)}25%{transform:translate(820px,150px)}50%{transform:translate(700px,430px)}75%{transform:translate(900px,470px)}}@keyframes fig-in-1{0%,9%{opacity:0;transform:scale(.94);box-shadow:0 0 0 1.5px #0000}11%{opacity:1;box-shadow:0 0 0 1.5px var(--fig-blue);transform:scale(1)}20%,92%{opacity:1;transform:scale(1);box-shadow:0 0 0 1.5px #0000}97%,to{opacity:0}}@keyframes fig-in-2{0%,27%{opacity:0;outline:1.5px solid #0000;transform:scale(.94)}29%{opacity:1;outline:1.5px solid var(--fig-blue);outline-offset:4px;transform:scale(1)}38%,92%{opacity:1;outline-offset:4px;outline:1.5px solid #0000;transform:scale(1)}97%,to{opacity:0}}@keyframes fig-in-3{0%,47%{opacity:0;outline:1.5px solid #0000;transform:scale(.94)}49%{opacity:1;outline:1.5px solid var(--fig-blue);outline-offset:4px;transform:scale(1)}58%,92%{opacity:1;outline-offset:4px;outline:1.5px solid #0000;transform:scale(1)}97%,to{opacity:0}}@keyframes fig-in-4{0%,67%{opacity:0;box-shadow:inset 0 0 0 1px var(--border), 0 0 0 1.5px transparent;transform:scale(.94)}69%{opacity:1;box-shadow:inset 0 0 0 1px var(--border), 0 0 0 1.5px var(--fig-blue);transform:scale(1)}82%{opacity:1;box-shadow:inset 0 0 0 1px var(--border), 0 0 0 1.5px var(--fig-blue);transform:scale(1)}86%,92%{opacity:1;box-shadow:inset 0 0 0 1px var(--border), 0 0 0 1.5px transparent}97%,to{opacity:0}}@keyframes fig-size{0%,68%{opacity:0}70%,82%{opacity:1}86%,to{opacity:0}}.fig-h2{text-align:center;letter-spacing:-.02em;text-wrap:balance;margin-bottom:24px;font-size:24px;font-weight:500;line-height:1.25}.fig-inside,.fig-split{padding-top:96px}.fig-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fig-card{border-radius:var(--radius-card);background:var(--card);border:1px solid var(--panel-stroke);box-shadow:var(--panel-shadow);align-content:start;gap:8px;padding:18px;font-size:13px;line-height:20px;display:grid}.fig-card b{font-size:14px;font-weight:500}.fig-card p{color:var(--text-muted)}.fig-compare{grid-template-columns:repeat(2,minmax(0,325px));justify-content:center;gap:8px;display:grid}.fig-compare__col{border-radius:var(--radius-card);background:var(--card);border:1px solid var(--panel-stroke);align-content:start;justify-items:start;gap:10px;padding:20px;font-size:13px;line-height:20px;display:grid}.fig-compare__col b{font-size:18px;font-weight:500}.fig-compare__col p{color:var(--text-muted)}.fig-compare__col--here{border-color:color-mix(in srgb, var(--pro-from) 40%, var(--panel-stroke))}.fig-compare__link{color:var(--text-muted);margin-top:4px;font-size:12.5px}a.fig-compare__link:hover{color:var(--text)}.fig-pricing-head{justify-items:center;padding-top:96px;display:grid}.fig-pricing-head .fig-h2{margin-bottom:10px}.fig-pricing-head__note{color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;font-size:13.5px;display:flex}.fig-tiers{grid-template-columns:repeat(2,minmax(0,360px))}@media (max-width:1180px){.fig-canvas__inner{zoom:.82}}@media (max-width:900px){.fig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.fig-canvas{scrollbar-width:none;overflow-x:auto}.fig-canvas::-webkit-scrollbar{display:none}.fig-canvas__inner{zoom:.72;margin:0}.fig-canvas__hint{color:var(--text-subtle);padding:0 0 12px 14px;font-size:11.5px;display:block;position:sticky;left:0}.fig-grid,.fig-compare{grid-template-columns:minmax(0,1fr)}.fig-inside,.fig-split,.fig-pricing-head{padding-top:64px}.fig-title{font-size:28px;line-height:34px}}@media (prefers-reduced-motion:reduce){.fig-cursor--agent{animation:none;transform:translate(250px,470px)}.fig-cursor--you{animation:none;transform:translate(870px,300px)}.fig-build{opacity:1;animation:none}.fig-size{animation:none}}.ds-tier{border-radius:var(--radius-card);border:1px dashed var(--border);align-items:center;gap:16px;max-width:991px;margin:8px auto 0;padding:14px 20px;font-size:13px;display:flex}.ds-tier__sub{color:var(--text-muted);flex:1;line-height:20px}.ds-tier__sub b{color:var(--text);font-weight:500}.ds-tier__price{white-space:nowrap;align-items:baseline;gap:6px;font-size:16px;font-weight:500;display:flex}.ds-tier__price s,.ds-tier__price span{color:var(--text-subtle);font-size:13px}.ds-tier__link{color:var(--text-muted);white-space:nowrap}.ds-tier__link:hover{color:var(--text)}@media (max-width:900px){.ds-tier{flex-wrap:wrap;gap:10px 14px;max-width:325px}.ds-tier__sub{flex-basis:100%;order:1}.ds-tier__price{margin-left:auto}.ds-tier__link{order:2}}.tier__was{color:var(--text-subtle);font-size:18px;font-weight:500}.fig-cta__note s{color:var(--text-subtle)}.bundle{border-radius:var(--radius-card);background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--pro-from) 55%, transparent), #a259ff73) border-box;box-shadow:var(--panel-shadow);border:1px solid #0000;flex-direction:column;gap:24px;padding:20px;display:flex}.bundle__head{justify-items:start;gap:12px;display:grid}.bundle__marks{align-items:center;gap:6px;display:flex}.bundle__plus{color:var(--text-subtle);font-size:13px}.bundle__cta{margin-top:auto}.pricing>.bundle{grid-template-columns:minmax(0,260px) minmax(0,1fr) minmax(0,200px);align-items:center;gap:28px;max-width:991px;margin:8px auto 0;padding:20px 24px;display:grid}.pricing>.bundle .bundle__features{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.pricing>.bundle .bundle__cta{margin:0}@media (max-width:900px){.pricing>.bundle{grid-template-columns:minmax(0,1fr);gap:20px;max-width:325px}.pricing>.bundle .bundle__features{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.fig-tiers{grid-template-columns:minmax(0,1fr)}}.pro-mascot-mark{flex:none;place-items:center;margin:-4px -1px -2px -3px;display:grid}.pro-mascot-mark .mascot{margin:0;display:block}.pill--mascot{gap:5px;padding-left:7px}.variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding-top:8px;display:grid}.variant{min-width:0}.variant__head{justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.variant__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.variant__actions{flex:none;align-items:center;gap:6px;display:flex}.variant__ask{border-radius:var(--radius-pill);background:var(--card);height:30px;box-shadow:0 0 0 .5px var(--border), 0 1px 1.5px #00000012;color:var(--text);cursor:pointer;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.variant__ask:hover{background:color-mix(in srgb, var(--card) 93%, var(--text))}.variant__stage{height:auto;min-height:340px;padding:48px 16px}.variant__stage .stage__look>*{transform:none}.vmodal{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:16px;animation:.2s both vmodal-fade;display:grid;position:fixed;inset:0}.vmodal__panel{border-radius:var(--radius-panel);background:var(--panel);width:min(560px,100%);max-height:calc(100svh - 32px);box-shadow:var(--shadow-pop);grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;animation:.3s cubic-bezier(.22,1,.36,1) both ai-rise-in;display:grid;overflow:hidden auto}.vmodal__head{justify-content:space-between;align-items:center;display:flex}.vmodal__title{font-size:16px;font-weight:500}.vmodal__code{background:var(--preview);box-shadow:inset 0 0 0 1px var(--border-soft);border-radius:12px;position:relative;overflow:auto}.vmodal__code pre{font-family:var(--font-ibm-plex), ui-monospace, monospace;color:var(--text);padding:16px 52px 16px 18px;font-size:12.5px;line-height:20px}.vmodal__copy{position:absolute;top:8px;right:8px}.vmodal__label{color:var(--text-muted);padding-top:4px;font-size:12.5px}.vmodal__tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vmodal__tool{background:var(--card);height:40px;box-shadow:0 0 0 .5px var(--border), 0 1px 1.5px #00000012;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .14s,transform .14s;display:flex}.vmodal__tool:hover{background:color-mix(in srgb, var(--card) 93%, var(--text))}.vmodal__tool:active{transform:scale(.98)}.vmodal__prompt{gap:6px}@keyframes vmodal-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.vmodal,.vmodal__panel{animation:none}}@media (max-width:1100px){.variants{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.variant__stage{min-height:240px;padding:32px 14px}}.cmd-wrap{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.cmd-wrap .cmd{min-width:0}.pm-tabs{gap:2px;display:flex}.pm-tabs button{border-radius:var(--radius-pill);height:24px;color:var(--text-muted);cursor:pointer;padding:0 9px;font-size:12px;font-weight:500;transition:background-color .14s,color .14s}.pm-tabs button:hover{color:var(--text)}.pm-tabs button[aria-selected=true]{background:var(--muted-bg);color:var(--text)}.card{content-visibility:auto;contain-intrinsic-size:auto 330px}.variant{content-visibility:auto;contain-intrinsic-size:auto 390px}