*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#070707;color:#fbfbfb}body{display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}.skip-link{position:absolute;top:-100%;left:16px;z-index:200;padding:12px 20px;border-radius:8px;background:#fff;color:#070707;font-size:14px;font-weight:500;text-decoration:none}.skip-link:focus{top:16px}.app{flex:1;display:flex;flex-direction:column;align-items:center;max-width:883px;margin:0 auto;width:100%;padding:0 24px 64px}.top-bar-links{position:absolute;top:16px;right:0;display:flex;align-items:center;gap:16px}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50px;background:#ffffff12;color:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:#ffffff1a}.icon-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.icon-btn svg{display:block;flex-shrink:0;fill:#fbfbfb;opacity:.6;transition:opacity .2s ease}.icon-btn:hover svg{opacity:1}.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}.header-icon{position:relative;margin-top:-30px;margin-bottom:-20px;cursor:pointer;overflow:visible}.header-icon-img{display:block;transition:filter .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.header-icon:hover .header-icon-img{filter:hue-rotate(45deg) brightness(1.1);transform:rotate(8deg) scale(1.06)}.title{font-size:22px;font-weight:500;line-height:30px;color:#fff}.subtitle-sm{font-size:14px;font-weight:400;line-height:21px;color:#cacaca;opacity:.5}.examples-section{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:48px}.example-row-full{width:100%;height:370px;border-radius:30px;background:#d9d9d90d;display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow:hidden}.example-row-split{display:grid;grid-template-columns:271fr 552fr;gap:12px;width:100%}.example-cell{border-radius:30px;background:#d9d9d90d;display:flex;align-items:center;justify-content:center;padding:48px 40px;min-height:314px;overflow:hidden}.mock-chat{width:348px;max-width:100%;border-radius:20px;border:1px solid rgba(44,47,54,.52);background:#1d1d1d;box-shadow:inset 0 0 50px #ffffff05;overflow:hidden;position:relative}.mock-chat-inner{padding:7px 7px 8px;display:flex;flex-direction:column;height:122px}.mock-chat .pill{display:inline-flex;align-items:center;width:fit-content;height:24px;padding:0 4px;border-radius:36px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff05,inset 0 1px #ffffff0a}.mock-chat .pill svg{width:16px;height:16px;opacity:.5}.mock-chat .placeholder{font-size:13px;line-height:16px;color:#4e4e4e;padding:16px 4px 0}.mock-chat .bottom-row{display:flex;align-items:center;gap:4px;margin-top:auto}.mock-chat .tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 6px 0 8px;border-radius:36px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff05,inset 0 1px #ffffff0a;font-size:12px;line-height:14px;color:#caccd2}.mock-chat .tag svg{width:16px;height:16px;opacity:.5;transform:rotate(90deg)}.mock-chat .send-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:36px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff05,inset 0 1px #ffffff0a;margin-left:auto;cursor:default;padding:0 8px}.mock-chat .send-btn svg{width:16px;height:16px;opacity:.5}.mock-icon-btn{width:36px;height:36px;border-radius:20px;border:1px solid rgba(44,47,54,.52);background:#1d1d1d;box-shadow:inset 0 0 50px #ffffff05;display:flex;align-items:center;justify-content:center}.mock-icon-btn-square{width:12px;height:12px;border-radius:2px;background:#d9d9d9cc}.mock-search{width:366px;max-width:100%;height:42px;border-radius:64px;overflow:hidden;position:relative}.mock-search-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;border:1px solid rgba(44,47,54,.52);background:#1d1d1d;box-shadow:inset 0 0 50px #ffffff05;display:flex;align-items:center;padding:0 13px;gap:10px}.mock-search svg{width:20px;height:20px;flex-shrink:0;opacity:.4}.mock-search span{font-size:15px;line-height:18px;color:#565656}.section{width:100%;margin-bottom:24px}.section-title{font-size:16px;font-weight:400;line-height:34px;color:#f0f0f0;margin-bottom:4px}.section-title--muted{color:#cacaca}.code-block{display:flex;align-items:center;height:40px;background:#121212;border-radius:10px;padding:2px 40px 2px 12px;overflow:hidden;position:relative}.code-block--multi{height:auto;padding:6px 40px 6px 12px;align-items:flex-start}.code-block code{font-family:Roboto Mono,monospace;font-size:14px;line-height:22px;color:#fff;white-space:pre;overflow-x:auto;min-width:0;flex:1}.copy-btn{position:absolute;top:2px;right:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:transparent;cursor:pointer;padding:0;color:inherit;transition:background-color .15s ease}.copy-btn:hover{background:#ffffff0f}.copy-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px;border-radius:8px}.copy-btn-icon{display:flex;align-items:center;justify-content:center}.copy-btn svg{width:16px;height:16px;opacity:.5}.playground-section{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:48px}.playground-section .section-title{margin-bottom:0}.playground-controls{display:flex;align-items:flex-end;gap:22px;background:#121212;border-radius:10px;padding:16px}.control-group{display:flex;flex-direction:column;gap:9px;min-width:0}.control-label{font-size:12px;font-weight:400;line-height:14px;color:#fbfbfb99}.control-options{display:flex;gap:8px;align-items:center}.tab-btn{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:none;border-radius:8px;background:#ffffff08;color:#fbfbfb80;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:14px;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tab-btn:hover{background:#ffffff0f;color:#fbfbfbb3}.tab-btn:active{background:#ffffff14;color:#fbfbfbb3}.tab-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.tab-btn[data-active=true]{background:#ffffff1a;color:#fbfbfb;box-shadow:inset 0 0 0 .5px #ffffff05,inset 0 .5px #ffffff0f}.duration-input{width:90px;height:36px;padding:0 12px;border:none;border-radius:8px;background:#ffffff0f;box-shadow:inset 0 0 0 .5px #ffffff05,inset 0 .5px #ffffff0f;color:#fbfbfb;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:14px;outline:none}.duration-input:focus-visible{box-shadow:inset 0 0 0 .5px #ffffff0f,inset 0 .5px #ffffff1a;outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.control-group--strength{min-width:100px}.strength-track{position:relative;width:100%;height:36px;border-radius:8px;background:#ffffff12;box-shadow:inset 0 0 0 .5px #ffffff05,inset 0 .5px #ffffff0f;overflow:hidden}.strength-fill{position:absolute;top:0;left:0;bottom:0;border-radius:8px;background:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff05,inset 0 .5px #ffffff0f;transition:width .08s 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:#fbfbfb99;white-space:nowrap;pointer-events:none}.strength-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;opacity:0}.strength-track:hover{background:#ffffff17}.strength-track:has(.strength-input:focus-visible){outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.playground-preview{width:100%;min-height:304px;border-radius:10px;background:#d9d9d90d;display:flex;align-items:center;justify-content:center;padding:48px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.playground-preview:hover{background:#d9d9d912}.playground-preview:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.footer{font-size:13px;line-height:14px;text-align:center;padding:48px 0 24px}.footer-muted{color:#fbfbfb66}.footer-name{color:#fbfbfbb3;text-decoration:none}.footer-name:hover{color:#fbfbfbe6}.card{padding:24px;background:#1d1d1d;border:1px solid rgba(44,47,54,.52);box-shadow:inset 0 0 50px #ffffff05}.card-sm{width:160px;border-radius:20px}.card-md{width:348px;max-width:100%;border-radius:20px}.card-text{font-size:13px;line-height:16px;color:#4e4e4e}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 639px){.app{padding:0 16px 48px}.header{height:auto;min-height:180px;padding-top:60px;padding-bottom:32px}.top-bar-links{top:12px}.example-row-full{padding:32px 20px;border-radius:20px}.example-row-split{grid-template-columns:1fr}.example-cell{padding:32px 20px;min-height:200px;border-radius:20px}.mock-chat,.mock-search{width:100%}.playground-controls{flex-wrap:wrap;gap:16px;padding:12px}.playground-preview{padding:32px 16px;min-height:240px}.card-md{width:100%}.code-block code{font-size:12px;line-height:20px}.section-title{font-size:15px}}@media (min-width: 640px) and (max-width: 883px){.example-row-full{padding:40px 32px}.example-cell{padding:40px 24px;min-height:260px}.playground-controls{flex-wrap:wrap}}