:root{--bg: #070707;--surface: rgba(217, 217, 217, .05);--text: #fbfbfb;--text-muted: rgba(251, 251, 251, .6);--heading-fg: #ffffff;--code-bg: #121212;--panel-bg: #121212;--pill-bg: #1d1d1d;--pill-fg: #f8f8f8;--pill-border: rgba(44, 47, 54, .52);--pill-shadow: inset 0 0 50px 0 rgba(255, 255, 255, .02);--icon-swap-dur: .3s;--icon-swap-blur: 4px;--icon-swap-start-scale: .25;--icon-swap-ease: cubic-bezier(.22, 1, .36, 1);--icon-btn-bg: rgba(255, 255, 255, .07);--icon-btn-hover: rgba(255, 255, 255, .1);--icon-btn-fill: #fbfbfb;--icon-btn-outline: rgba(255, 255, 255, .5);--title-color: #fff;--subtitle-color: #cacaca;--section-title-color: #f0f0f0;--section-title-muted: #cacaca;--code-text: #fff;--footer-muted: rgba(251, 251, 251, .4);--footer-name: rgba(251, 251, 251, .7);--footer-name-hover: rgba(251, 251, 251, .9);--chip-bg: rgba(255, 255, 255, .04);--chip-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), inset 0 1px 0 0 rgba(255, 255, 255, .04);--chip-color: #caccd2;--chip-icon: #8E8E8E;--tab-bg: rgba(255, 255, 255, .03);--tab-color: rgba(251, 251, 251, .5);--tab-hover-bg: rgba(255, 255, 255, .06);--tab-hover-color: rgba(251, 251, 251, .7);--tab-active-bg: rgba(255, 255, 255, .07);--tab-active-color: #fbfbfb;--tab-active-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .02), inset 0 .5px 0 0 rgba(255, 255, 255, .06);--strength-bg: rgba(255, 255, 255, .07);--strength-hover: rgba(255, 255, 255, .09);--strength-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .02), inset 0 .5px 0 0 rgba(255, 255, 255, .06);--strength-fill-bg: rgba(255, 255, 255, .1);--toggle-bg: rgba(255, 255, 255, .07);--toggle-hover: rgba(255, 255, 255, .1);--toggle-color: rgba(251, 251, 251, .7);--toggle-hover-color: #fbfbfb;--mock-chat-bg: rgba(29, 29, 29, .7);--mock-chat-shadow: inset 0 0 0 1px rgba(44, 47, 54, .52), inset 0 0 50px 0 rgba(255, 255, 255, .02);--mock-chat-placeholder: #4e4e4e;--copy-hover: rgba(255, 255, 255, .06);--hero-search-light-bg: rgba(0, 0, 0, .04);--hero-search-light-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04), inset 0 1px 0 0 rgba(0, 0, 0, .02)}html[data-theme=light]{--bg: white;--surface: rgba(0, 0, 0, .04);--text: #1a1a1a;--text-muted: rgba(7, 7, 7, .6);--heading-fg: #1a1a1a;--code-bg: #ebebeb;--panel-bg: #ebebeb;--pill-bg: #ffffff;--pill-fg: #121212;--pill-border: transparent;--pill-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 6px 0 rgba(0, 0, 0, .05);--icon-btn-bg: rgba(0, 0, 0, .06);--icon-btn-hover: rgba(0, 0, 0, .1);--icon-btn-fill: #1a1a1a;--icon-btn-outline: rgba(0, 0, 0, .4);--title-color: #1a1a1a;--subtitle-color: rgba(7, 7, 7, .6);--section-title-color: #1a1a1a;--section-title-muted: rgba(7, 7, 7, .55);--code-text: #1a1a1a;--footer-muted: rgba(7, 7, 7, .45);--footer-name: rgba(7, 7, 7, .65);--footer-name-hover: rgba(7, 7, 7, .85);--chip-bg: rgba(0, 0, 0, .04);--chip-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06), inset 0 1px 0 0 rgba(0, 0, 0, .04);--chip-color: #555;--tab-bg: rgba(0, 0, 0, .04);--tab-color: rgba(7, 7, 7, .55);--tab-hover-bg: rgba(0, 0, 0, .07);--tab-active-bg: rgba(0, 0, 0, .06);--tab-active-color: #1a1a1a;--strength-bg: rgba(0, 0, 0, .04);--strength-hover: rgba(0, 0, 0, .06);--strength-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .02), inset 0 .5px 0 0 rgba(0, 0, 0, .06);--strength-fill-bg: rgba(0, 0, 0, .07);--toggle-bg: rgba(0, 0, 0, .06);--toggle-hover: rgba(0, 0, 0, .1);--toggle-color: rgba(7, 7, 7, .7);--toggle-hover-color: #1a1a1a;--mock-chat-bg: #ffffff;--mock-chat-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .06);--mock-chat-placeholder: #9a9a9a;--copy-hover: rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100dvh;overflow-x:hidden;overflow-y:auto;transition:background-color .2s,color .2s}button{font-family:inherit}:is(button,a,input):focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.app{display:flex;flex-direction:column;align-items:center;max-width:883px;margin:0 auto;width:100%;padding:0 24px 64px}.header{position:relative;width:100%;height:218px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:53px}.top-bar-links{position:absolute;top:16px;right:0;display:flex;align-items:center;gap:16px}.text-btn{position:absolute;top:16px;left:0;display:flex;align-items:center;height:36px;padding:0 12px 0 10px;border-radius:9999px;background:var(--icon-btn-bg);text-decoration:none;color:var(--icon-btn-fill);font-size:13px;line-height:14px;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.text-btn:hover{background:var(--icon-btn-hover)}.text-btn-inner{display:flex;align-items:center;gap:6px;opacity:.6;transition:opacity .2s}.text-btn:hover .text-btn-inner{opacity:1}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:9999px;background:var(--icon-btn-bg);color:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:var(--icon-btn-hover)}.icon-btn svg{display:block;flex-shrink:0;fill:var(--icon-btn-fill);opacity:.6;transition:opacity .2s}.icon-btn svg[stroke]{fill:none;stroke:var(--icon-btn-fill)}.icon-btn:hover svg{opacity:1}.icon-btn:focus-visible{outline:2px solid var(--icon-btn-outline);outline-offset:2px}.header-logo{position:relative;margin-top:-190px;margin-bottom:-20px;cursor:pointer}.header-logo-img{display:block;position:relative;transition:filter .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);will-change:filter,transform}.header-logo:hover .header-logo-img{filter:brightness(1.1);transform:rotate(8deg) scale(1.06)}.title{font-size:22px;font-weight:500;line-height:30px;color:var(--title-color)}.subtitle{font-size:14px;font-weight:400;line-height:21px;color:var(--subtitle-color);opacity:.5}.examples{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:48px}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-box{position:relative;width:100%;height:314px;border-radius:30px;background:var(--hero-surface);display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow:hidden}.chips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;grid-auto-rows:151px}.chip-box{position:relative;width:100%;grid-row:span 1;border-radius:30px;background:var(--hero-surface);display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.chip-box--large{grid-row:span 2}.pill{display:inline-flex;align-items:center;gap:12px;width:270px;height:74px;padding-left:9px;padding-right:32px;border-radius:9999px;background:var(--pill-fill);box-shadow:var(--pill-stroke);color:var(--pill-fg);font-size:18px;line-height:24px;font-family:inherit;cursor:default}.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding-left:8px;padding-right:14px;border-radius:9999px;background:var(--pill-fill);box-shadow:var(--pill-stroke);color:var(--pill-fg);font-size:12px;line-height:14px;font-family:inherit;cursor:default}.section{width:100%;margin-bottom:24px}.section-head{display:flex;align-items:center;justify-content:space-between}.platform-tabs{display:flex;gap:8px;align-items:center}.section-title{font-size:16px;font-weight:400;line-height:34px;color:var(--section-title-color);margin-bottom:4px}.section-title--muted{color:var(--section-title-muted)}.code-block{display:flex;align-items:center;height:40px;background:var(--code-bg);border-radius:10px;padding:2px 40px 2px 12px;overflow:hidden;position:relative}.code-block--multi{align-items:flex-start;height:auto;padding-top:6px;padding-bottom:6px}.code-block code{font-family:Roboto Mono,monospace;font-size:14px;line-height:22px;color:var(--code-text);white-space:pre;overflow-x:auto;min-width:0;flex:1}.copy-btn{position:absolute;top:2px;right:2px;flex-shrink:0;display:inline-grid;place-items:center;width:36px;height:36px;border:none;border-radius:10px;background:transparent;cursor:pointer;padding:0;color:inherit;transition:background-color .15s}.copy-btn:hover{background:var(--copy-hover)}.copy-btn svg{width:16px;height:16px}.copy-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px;border-radius:8px}.playground{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:48px}.playground-panel{display:flex;flex-direction:column;gap:16px;background:var(--panel-bg);border-radius:10px;padding:16px}.control-row{display:flex;align-items:flex-end;gap:24px}.control-group{display:flex;flex-direction:column;gap:9px;min-width:0}.control-label{font-size:12px;font-weight:400;line-height:14px;color:var(--text-muted)}.control-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:14px;cursor:pointer;transition:background-color .15s,color .15s;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:var(--tab-bg);color:var(--tab-color);text-decoration:none}.tab-btn:hover{background:var(--tab-hover-bg);color:var(--tab-hover-color)}.tab-btn[data-active=true]{background:var(--tab-active-bg);color:var(--tab-active-color);box-shadow:var(--tab-active-shadow)}.control-group--speed{min-width:100px;width:140px}.strength-track{position:relative;width:100%;height:36px;border-radius:8px;background:var(--strength-bg);box-shadow:var(--strength-shadow);overflow:hidden;cursor:grab}.strength-track:hover{background:var(--strength-hover)}.strength-track:active{cursor:grabbing}.strength-fill{position:absolute;top:0;left:0;bottom:0;border-radius:8px;background:var(--strength-fill-bg);box-shadow:var(--strength-shadow);transition:width 80ms ease-out;pointer-events:none}.strength-value{position:absolute;top:0;left:11px;height:100%;display:flex;align-items:center;font-size:11px;font-weight:400;line-height:14px;color:var(--text-muted);white-space:nowrap;pointer-events:none;z-index:1}.strength-input{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:grab;opacity:0;z-index:2}.strength-input:active{cursor:grabbing}.playground-preview{position:relative;width:100%;min-height:304px;border-radius:10px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:24px}.playground-play-toggle{z-index:2;display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:9999px;background:var(--toggle-bg);color:var(--toggle-color);cursor:pointer;transition:background-color .2s,color .2s;-webkit-tap-highlight-color:transparent}.playground-play-toggle:hover{background:var(--toggle-hover);color:var(--toggle-hover-color)}.playground-play-toggle .t-icon svg{width:14px;height:14px;fill:currentColor;stroke:none}.footer{font-size:13px;line-height:14px;text-align:center;padding-top:48px;padding-bottom:24px}.footer-muted{color:var(--footer-muted)}.footer-name{color:var(--footer-name);text-decoration:none;transition:color .15s}.footer-name:hover{color:var(--footer-name-hover)}.t-icon{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--icon-swap-dur) var(--icon-swap-ease),filter var(--icon-swap-dur) var(--icon-swap-ease),transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity,filter,transform}[data-state=a] .t-icon[data-icon=a],[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur(0);transform:scale(1)}[data-state=a] .t-icon[data-icon=b],[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}.copy-btn .t-icon[data-icon=a] svg{opacity:.5}.copy-btn .t-icon[data-icon=b] svg{opacity:1}@media(prefers-reduced-motion:reduce){.t-icon{transition:none!important}}:root{--hero-surface: rgba(217, 217, 217, .035)}html[data-theme=light]{--hero-surface: rgba(0, 0, 0, .028)}:root{--pill-fill: rgba(29, 29, 29, .42);--pill-stroke: inset 0 0 0 1px rgba(44, 47, 54, .31), inset 0 0 50px 0 rgba(255, 255, 255, .012)}html[data-theme=light]{--pill-fill: rgba(255, 255, 255, .6);--pill-stroke: 0 1px 2px rgba(0, 0, 0, .024), 0 0 0 1px rgba(0, 0, 0, .036)}:root{--shimmer-dur: 2s;--shimmer-band: 400%;--shimmer-ease: linear;--shimmer-base: rgba(251, 251, 251, .5);--shimmer-highlight: #ffffff}html[data-theme=light]{--shimmer-base: rgba(7, 7, 7, .45);--shimmer-highlight: #0d0d0d}.t-shimmer{position:relative;display:inline-block;color:var(--shimmer-base)}.t-shimmer:before{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent 0%,transparent 40%,var(--shimmer-highlight) 50%,transparent 60%,transparent 100%);background-size:var(--shimmer-band) 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:t-shimmer var(--shimmer-dur) var(--shimmer-ease) infinite}@keyframes t-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}@media(prefers-reduced-motion:reduce){.t-shimmer:before{animation:none!important}}.strength-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:36px;height:36px;background:transparent;border:0}.strength-input::-moz-range-thumb{width:36px;height:36px;background:transparent;border:0}.strength-input{touch-action:pan-y}@media(max-width:639px){.app{padding:0 16px 48px}.header{height:auto;min-height:180px;padding-top:60px;padding-bottom:32px}.top-bar-links,.text-btn{top:12px}.hero-grid{grid-template-columns:1fr}.hero-box{height:auto;min-height:200px;padding:32px 20px;border-radius:20px}.chips-grid{grid-template-columns:1fr;grid-auto-rows:auto}.chip-box,.chip-box--large{grid-row:auto;height:auto;min-height:200px;border-radius:20px}.control-row{flex-direction:column;align-items:stretch;gap:16px}.control-group--speed{width:100%}.playground-preview{padding:24px}.playground-play-toggle{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.code-block--playground{display:none}}