@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.top-1\/2,.top-\[50\%\]{top:50%}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.h-\[1\.15rem\]{height:1.15rem}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[clamp\(24px\,_4vw\,_32px\)\]{height:max(24px,min(4vw,32px))}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-\[100px\]{width:100px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[64px\]{max-width:64px}.max-w-\[200px\]{max-width:200px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-top-width:1px;border-bottom-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-darker-grey\)\]{border-color:var(--color-darker-grey)}.border-transparent{border-color:transparent}.bg-\[var\(--color-dark\)\]{background-color:var(--color-dark)}.bg-\[var\(--color-darkest\)\],.bg-\[var\(--color-darkest\)\]\/80{background-color:var(--color-darkest)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--color-darkest\)\]\/80{background-color:color-mix(in oklab,var(--color-darkest)80%,transparent)}}.bg-transparent{background-color:transparent}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-\[size\:50px_50px\]{background-size:50px 50px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-grey\)\]{color:var(--color-grey)}.text-transparent{color:transparent}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[128px\]{--tw-blur:blur(128px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:border-0::-webkit-file-upload-button{border-style:var(--tw-border-style);border-width:0}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:transparent}.file\:bg-transparent::file-selector-button{background-color:transparent}@media (hover:hover){.hover\:border-\[var\(--color-grey\)\]:hover{border-color:var(--color-grey)}.hover\:bg-\[var\(--color-darkest\)\]:hover{background-color:var(--color-darkest)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid transparent}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:text-\[var\(--color-darkest\)\][data-state=active]{color:var(--color-darkest)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}@font-face{font-family:LocalFont;src:url(/fonts/904be59b21bd51cb-s.p.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-darkest:#171717;--color-dark:#212121;--color-grey:#b5b5b5;--color-darker-grey:#747474;--color-white:#fff;--color-accent:#4f69de;--color-black:#000;--background:var(--color-black);--foreground:var(--color-white);--card:0 0% 10%;--card-foreground:0 0% 100%;--popover:0 0% 10%;--popover-foreground:0 0% 100%;--primary:228 58% 59%;--primary-foreground:0 0% 100%;--secondary:0 0% 13%;--secondary-foreground:0 0% 100%;--muted:0 0% 46%;--muted-foreground:0 0% 71%;--accent:228 58% 59%;--accent-foreground:0 0% 100%;--destructive:0 63% 31%;--destructive-foreground:0 0% 100%;--border:0 0% 46%;--input:0 0% 13%;--ring:228 58% 59%;--radius:.5rem;--space-xs:clamp(.25rem,1vw,.5rem);--space-sm:clamp(.5rem,2vw,1rem);--space-md:clamp(1rem,3vw,1.5rem);--space-lg:clamp(1.5rem,4vw,2.5rem);--space-xl:clamp(2rem,5vw,3rem);--text-xs:clamp(.6rem,1.2vw,.8rem);--text-sm:clamp(.7rem,1.5vw,.9rem);--text-base:clamp(.8rem,2vw,1rem);--text-lg:clamp(1rem,2.5vw,1.2rem);--text-xl:clamp(1.2rem,3vw,1.5rem);--text-2xl:clamp(1.5rem,4vw,2rem);--text-3xl:clamp(2rem,5vw,3rem);--header-height:clamp(10vh,12vh,15vh);--video-height:clamp(35vh,45vh,55vh);--control-height:clamp(15vh,20vh,25vh);--obs-height:clamp(5vh,7vh,10vh);--mobile-header-height:15vh;--mobile-video-height:60vh;--mobile-control-height:auto;--mobile-obs-height:auto;--mobile-safe-area:env(safe-area-inset-top,0px);--layout-gap-sm:1vh;--layout-gap-md:2vh;--overlay-size:clamp(80px,15vw,200px);--border-radius-sm:clamp(8px,1vw,12px);--border-radius-md:clamp(12px,1.5vw,20px);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px}html,body{box-sizing:border-box;background-color:#2a2a2a;width:100vw;max-width:100vw;height:100%;margin:0;padding:0;font-family:LocalFont,-apple-system,BlinkMacSystemFont,TT Commons,Inter,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;overflow-x:hidden}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.hero-background{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;width:100vw;min-height:100vh;position:relative;overflow:hidden}.hero-background:before{content:"";z-index:1;background:rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0}.hero-background>*{z-index:2;position:relative}@media (orientation:landscape) and (max-height:400px){html,body{height:100vh;overflow:hidden}}.glass-panel{-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:20px}.glass-button{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1rem;font-family:LocalFont,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s}.glass-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:scale(1.05)}.status{border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block}.status.connecting{color:#856404;background:#fff3cd}.status.connected{color:#155724;background:#d4edda}.status.error{color:#721c24;background:#f8d7da}.demo-layout{grid-template-rows:var(--header-height)var(--video-height)auto 1fr;gap:var(--layout-gap-sm);min-height:100vh;padding:var(--space-sm);padding-top:max(var(--space-sm),var(--mobile-safe-area));background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-family:LocalFont,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;position:relative}.demo-layout:after{content:"";filter:blur(5px);z-index:0;background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:absolute;top:0;bottom:0;left:0;right:0}.demo-layout:before{content:"";pointer-events:none;z-index:1;background:rgba(0,0,0,.4);position:absolute;top:0;bottom:0;left:0;right:0}.demo-layout>*{z-index:3;position:relative}.demo-header{text-align:center;color:#fff;justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.demo-header h1{font-size:var(--text-3xl);align-items:center;gap:var(--space-sm);margin:0;line-height:1.2;display:flex}.demo-header img{width:max(30px,min(5vh,50px));height:max(30px,min(5vh,50px))}.demo-header p{font-size:var(--text-base);opacity:.9;max-width:90%;margin:0;line-height:1.3}.demo-video-section{width:100%;height:100%;max-height:var(--video-height);justify-content:center;place-self:center;align-items:center;display:flex;position:relative}.demo-video-container{width:100%;height:100%;max-width:calc(var(--video-height)*16/9);aspect-ratio:16/9;border-radius:var(--border-radius-md);position:relative;overflow:hidden}.demo-content-container{width:100%;max-width:calc(var(--video-height)*16/9);border-radius:var(--border-radius-sm);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);margin:0 auto}.demo-video-overlay{bottom:var(--space-md);left:var(--space-md);width:var(--overlay-size);aspect-ratio:16/9;z-index:10;border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);position:absolute;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.video-panel{border-radius:inherit;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.video-panel video{object-fit:cover;width:100%;height:100%}.video-title{top:var(--space-sm);left:var(--space-sm);color:#fff;padding:var(--space-xs)var(--space-sm);font-size:var(--text-sm);z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);border-radius:5px;margin:0;font-family:LocalFont,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:500;position:absolute}.video-placeholder{color:rgba(255,255,255,.7);width:100%;height:100%;font-size:var(--text-base);border-radius:inherit;background:rgba(255,255,255,.05) 50%/cover;justify-content:center;align-items:center;display:flex}.sound-toggle{bottom:var(--space-md);right:var(--space-md);cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.8);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:12px;transition:all .3s;display:flex;position:absolute}.sound-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.sound-toggle img{filter:invert();width:32px;height:32px}.remote-video-controls{z-index:10;gap:10px;display:flex;position:absolute;bottom:15px;right:15px}.control-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.8);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.control-button:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.control-button img{filter:invert();width:20px;height:20px}@media (max-width:768px){:root{--video-height:var(--mobile-video-height)}*{box-sizing:border-box!important;max-width:100vw!important}body{touch-action:manipulation!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}input,textarea,select{touch-action:manipulation!important;font-size:16px!important}.demo-layout{grid-template-rows:var(--mobile-header-height)var(--mobile-video-height)1fr;padding:var(--space-xs);padding-top:max(var(--space-sm),var(--mobile-safe-area));gap:var(--space-xs);min-height:100vh;overflow-y:auto;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.control-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;grid-template-areas:"prompt model""button button""presets presets";display:grid}.prompt-section{grid-area:prompt}.model-section{grid-area:model}.button-section{grid-area:button;justify-self:center}.control-presets{grid-area:presets}.demo-header{height:100%;padding:var(--space-xs)0;justify-content:center;overflow:hidden}.demo-header h1{gap:var(--space-xs);flex-direction:column;font-size:max(1.5rem,min(4vw,2rem));line-height:1.1}.demo-header p{max-width:95%;font-size:max(.7rem,min(2vw,.9rem));line-height:1.2}.demo-video-section{height:var(--mobile-video-height);justify-content:center;align-items:center;padding:0;width:100vw!important;max-width:100vw!important;display:flex!important;overflow:hidden!important}.demo-video-container{aspect-ratio:9/16;width:100%;height:calc(var(--mobile-video-height)*.9);max-height:calc(var(--mobile-video-height)*.9);margin:0 auto;max-width:min(90vw,calc(var(--mobile-video-height)*9/16))!important}.demo-video-overlay{width:max(70px,min(18vw,120px));bottom:var(--space-sm);left:var(--space-sm)}.demo-controls{max-width:min(90vw,calc(var(--mobile-video-height)*9/16));margin:0 auto;margin-bottom:var(--space-md);overflow-y:visible}.obs-teaser-section{max-width:min(90vw,calc(var(--mobile-video-height)*9/16));margin:0 auto;margin-bottom:var(--space-xl);overflow-y:visible}.demo-content-container{width:100%;max-width:min(90vw,calc(var(--mobile-video-height)*9/16))!important}.video-panel video{object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:relative!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}[role=listbox],[data-radix-select-content]{z-index:9999!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:30px;height:30px;margin:0 auto 10px;animation:1s linear infinite spin}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-controls{width:100%;max-width:calc(var(--video-height)*16/9);border-radius:var(--border-radius-sm);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(64,64,64,.8);margin:0 auto;overflow-x:hidden}.demo-controls h3{margin:0 0 var(--space-xs)0;font-size:var(--text-base)}.control-grid{gap:var(--space-xs);margin-bottom:var(--space-xs);grid-template-columns:2fr 1fr auto;align-items:end;width:100%;max-width:100%;display:grid;overflow:hidden}.control-presets{gap:var(--space-xs);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1);flex-wrap:nowrap;width:100%;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.control-presets::-webkit-scrollbar{height:6px}.control-presets::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.control-presets::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.control-presets::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.preset-button{padding:var(--space-xs)var(--space-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--text-xs);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;max-width:80vw;font-family:inherit;transition:all .3s;overflow:hidden}.preset-button:hover,.preset-button.active{background:rgba(255,255,255,.2)}.form-input,.form-select{width:100%;font-size:var(--text-xs);color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:max(4px,min(.5vh,6px));font-family:inherit}.form-label{color:#fff;font-size:var(--text-xs);margin-bottom:max(2px,min(.3vh,4px));display:block}.obs-teaser-section{width:100%;max-width:calc(var(--video-height)*16/9);border-radius:var(--border-radius-sm);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(64,64,64,.8);min-height:15vh;margin:0 auto}@media (max-width:768px){body{overflow-y:auto}.demo-layout>:last-child{margin-bottom:var(--space-xl)}.form-input,.form-select{padding:var(--space-xs);font-size:var(--text-sm);min-height:44px}.preset-button{padding:var(--space-xs)var(--space-sm);min-height:40px;font-size:var(--text-sm);max-width:70vw}}main::-webkit-scrollbar{display:none}main{-ms-overflow-style:none;scrollbar-width:none}.preset-scroll::-webkit-scrollbar{height:4px}.preset-scroll::-webkit-scrollbar-track{background:0 0}.preset-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.preset-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}[data-radix-select-trigger]:hover{border-color:var(--color-accent)!important}[data-radix-select-item]{transition:all .2s}[data-radix-select-item]:hover{background:rgba(79,105,222,.2)!important}[data-radix-select-item][data-highlighted]{outline:none;background:rgba(79,105,222,.3)!important}[data-radix-select-item][data-state=checked]{background:rgba(79,105,222,.4)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:transparent}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:transparent}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:transparent}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}