@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,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-black:900;--leading-relaxed:1.625;--radius-md:.375rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.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}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-4{top:calc(var(--spacing) * -4)}.top-0{top:0}.top-\[72px\]{top:72px}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-0{left:0}.left-5{left:calc(var(--spacing) * 5)}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-\[72px\]{height:72px}.h-\[190px\]{height:190px}.h-\[245px\]{height:245px}.min-h-0{min-height:0}.min-h-\[390px\]{min-height:390px}.min-h-\[430px\]{min-height:430px}.min-h-\[760px\]{min-height:760px}.min-h-\[780px\]{min-height:780px}.min-h-\[850px\]{min-height:850px}.min-h-screen{min-height:100vh}.w-2\/5{width:40%}.w-\[270px\]{width:270px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[370px\]{max-width:370px}.max-w-\[440px\]{max-width:440px}.max-w-\[500px\]{max-width:500px}.max-w-\[520px\]{max-width:520px}.max-w-\[580px\]{max-width:580px}.max-w-\[620px\]{max-width:620px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[980px\]{max-width:980px}.max-w-\[1400px\]{max-width:1400px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.resize{resize:both}.resize-none{resize:none}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-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-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.border-black\/25{border-color:#00000040}@supports (color:color-mix(in lab, red, red)){.border-black\/25{border-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.border-black\/70{border-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.border-black\/70{border-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-\[\#1d1c20\]{background-color:#1d1c20}.bg-\[\#1e1d21\]{background-color:#1e1d21}.bg-\[\#4a45e8\]{background-color:#4a45e8}.bg-\[\#4b47e7\]{background-color:#4b47e7}.bg-\[\#5754e8\]{background-color:#5754e8}.bg-\[\#181719\]{background-color:#181719}.bg-\[\#202023\]{background-color:#202023}.bg-\[\#242326\]{background-color:#242326}.bg-\[\#387649\]{background-color:#387649}.bg-\[\#dfeafe\]{background-color:#dfeafe}.bg-\[\#ebe9e3\]{background-color:#ebe9e3}.bg-\[\#ece8de\]{background-color:#ece8de}.bg-\[\#efeee9\]{background-color:#efeee9}.bg-\[\#f4f3f0\]{background-color:#f4f3f0}.bg-\[\#f4f3f0\]\/95{background-color:#f4f3f0f2;background-color:lab(95.8567% -.0461638 1.5735/.95)}.bg-\[\#f5f3ed\]{background-color:#f5f3ed}.bg-\[\#f7f5ef\]{background-color:#f7f5ef}.bg-\[\#f8f7f3\]{background-color:#f8f7f3}.bg-\[\#ff5d00\]{background-color:#ff5d00}.bg-\[\#ff5d22\]{background-color:#ff5d22}.bg-\[\#ffede7\]{background-color:#ffede7}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[24px\]{font-size:24px}.text-\[31px\]{font-size:31px}.text-\[36px\]{font-size:36px}.text-\[43px\]{font-size:43px}.text-\[clamp\(21px\,2\.1vw\,34px\)\]{font-size:clamp(21px,2.1vw,34px)}.text-\[clamp\(21px\,2vw\,31px\)\]{font-size:clamp(21px,2vw,31px)}.text-\[clamp\(25px\,2\.4vw\,40px\)\]{font-size:clamp(25px,2.4vw,40px)}.text-\[clamp\(42px\,5\.2vw\,78px\)\]{font-size:clamp(42px,5.2vw,78px)}.text-\[clamp\(58px\,7\.5vw\,116px\)\]{font-size:clamp(58px,7.5vw,116px)}.text-\[clamp\(58px\,7vw\,104px\)\]{font-size:clamp(58px,7vw,104px)}.leading-\[0\.82\]{--tw-leading:.82;line-height:.82}.leading-\[0\.85\]{--tw-leading:.85;line-height:.85}.leading-\[0\.91\]{--tw-leading:.91;line-height:.91}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-0\.07em\]{--tw-tracking:-.07em;letter-spacing:-.07em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[-0\.065em\]{--tw-tracking:-.065em;letter-spacing:-.065em}.tracking-\[-0\.075em\]{--tw-tracking:-.075em;letter-spacing:-.075em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.whitespace-nowrap{white-space:nowrap}.text-\[\#514ae3\]{color:#514ae3}.text-\[\#16151b\]{color:#16151b}.text-\[\#171619\]{color:#171619}.text-black\/55{color:#0000008c}@supports (color:color-mix(in lab, red, red)){.text-black\/55{color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.text-black\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\/60{color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab, red, red)){.text-black\/65{color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.text-black\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.opacity-0{opacity:0}.opacity-65{opacity:.65}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:bg-black:is(:where(.group):hover *){background-color:var(--color-black)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.selection\:bg-\[\#ff5d22\] ::selection,.selection\:bg-\[\#ff5d22\]::selection{background-color:#ff5d22}.selection\:text-black ::selection,.selection\:text-black::selection{color:var(--color-black)}.after\:ml-3:after{content:var(--tw-content);margin-left:calc(var(--spacing) * 3)}.after\:content-\[\'•\'\]:after{--tw-content:"•";content:var(--tw-content)}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:text-black:hover{color:var(--color-black)}}@media (min-width:40rem){.sm\:block{display:block}.sm\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.sm\:size-\[19px\]{width:19px;height:19px}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:text-\[54px\]{font-size:54px}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:pt-36{padding-top:calc(var(--spacing) * 36)}.md\:text-\[19px\]{font-size:19px}.md\:text-\[clamp\(54px\,7\.2vw\,112px\)\]{font-size:clamp(54px,7.2vw,112px)}}@media (min-width:64rem){.lg\:mt-0{margin-top:0}.lg\:mt-24{margin-top:calc(var(--spacing) * 24)}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.lg\:h-10{height:calc(var(--spacing) * 10)}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.4fr_repeat\(4\,0\.6fr\)\]{grid-template-columns:1.4fr repeat(4,.6fr)}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:px-\[6vw\]{padding-inline:6vw}.lg\:px-\[7vw\]{padding-inline:7vw}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}.lg\:py-32{padding-block:calc(var(--spacing) * 32)}.lg\:text-\[clamp\(54px\,5vw\,86px\)\]{font-size:clamp(54px,5vw,86px)}}}.roar-r-mark{object-fit:contain;vertical-align:-.075em;width:.76em;height:.82em;margin-inline:-.015em -.025em;display:inline-block;position:relative;left:.02em}.dino-prompt-shell{aspect-ratio:1100/618;width:clamp(620px,70vw,1080px)}.dino-prompt-art{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dino-prompt-form{z-index:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;width:calc(51% + 18px);height:24%;padding:clamp(4px,.5vw,7px) clamp(9px,.9vw,14px);display:flex;position:absolute;top:50%;left:24.5%}.dino-prompt-send{color:#1d1c20;border:0;transition:background-color .14s,transform .14s;background:0 0!important}.dino-prompt-send:hover:not(:disabled){background:#00000012!important}.dino-prompt-send:active:not(:disabled){transform:scale(.96)}.dino-prompt-send:disabled{cursor:default}.dino-prompt-send-icon{object-fit:contain;opacity:.22;width:90%;height:90%;transition:opacity .14s;display:block}.dino-prompt-mic{transform:translate(-2px,.75px)}.dino-prompt-send[data-ready=true] .dino-prompt-send-icon{opacity:.72}.dino-prompt-send:hover:not(:disabled) .dino-prompt-send-icon{opacity:.88}.dino-prompt-editor{--prompt-safe-top:clamp(9px, .8vw, 12px);overflow:hidden}.dino-prompt-textarea{resize:none;appearance:none;width:100%;height:100%;box-shadow:none;color:#171619;padding-top:var(--prompt-safe-top);text-indent:0;scrollbar-width:none;background:0 0;border:0;outline:0;padding-bottom:0;padding-left:clamp(8px,.8vw,12px);padding-right:0;font-size:clamp(18px,1.1vw,20px);line-height:1.35;position:absolute;inset:0}.dino-prompt-textarea::-webkit-scrollbar{display:none}.dino-prompt-textarea::placeholder{color:#0000}.animated-placeholder{pointer-events:none;top:var(--prompt-safe-top);color:#0000007a;white-space:normal;height:2.7em;font-size:clamp(18px,1.1vw,20px);line-height:1.35;position:absolute;left:clamp(8px,.8vw,12px);right:0;overflow:hidden}.dino-prompt-textarea:not(:placeholder-shown)+.animated-placeholder{display:none}@media (prefers-reduced-motion:reduce){.animated-placeholder{transition:none}}.subheader-wrap-break,.landing-desktop-nav{display:none}@media (min-width:1100px){.landing-desktop-nav{display:flex}}@media (max-width:1099px){.site-header{border-bottom-color:#0000}.site-header:after{content:"";pointer-events:none;background:#0000001a;height:1px;position:absolute;bottom:4px;left:0;right:0}}.mobile-menu-trigger{background:0 0;border:0;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.claw-menu-icon{object-fit:contain;width:43px;height:37px;display:block}@media (max-width:899px){.site-header{height:64px}.header-primary-cta{align-items:center;height:36px;padding:0 14px;font-size:14px;line-height:20px;display:inline-flex;transform:translateY(-3px)}.mobile-menu-trigger{transform:translateY(-3px)}.claw-menu-icon{width:39px;height:33px}.mobile-menu-panel{top:64px}}@media (max-width:767px){.landing-hero{padding-top:120px}}@media (min-width:768px) and (max-width:899px){.landing-hero{padding-top:136px}}@media (max-width:549px){.subheader-inline-dash{display:none}.subheader-wrap-break{display:block}}@media (min-width:900px){.landing-hero{padding-top:112px}.dino-prompt-shell{width:clamp(560px,60vw,900px);top:-44px}.dino-prompt-form{padding:7px 14px}.dino-prompt-editor{--prompt-safe-top:12px}.dino-prompt-textarea{padding-left:12px;font-size:18px}.animated-placeholder{font-size:18px;left:12px}.dino-prompt-actions{gap:10px;height:40px}.dino-prompt-attach{position:relative;left:7px}.dino-prompt-attach svg{width:21px;height:21px}.dino-prompt-mic{position:relative;left:5px}.dino-prompt-mic svg,.dino-prompt-send svg{width:17px;height:17px}.dino-prompt-send{width:36px;height:36px;position:relative;left:8px}}@media (min-width:900px) and (max-width:1499px){.dino-prompt-shell{width:900px}}@media (max-width:899px){.hero-copy{top:-26px}.hero-subheader{top:-19px}.dino-prompt-editor{padding-bottom:3px;transform:translateY(-2px)}.dino-prompt-textarea{padding-right:16px;font-size:16px}.animated-placeholder{font-size:16px;right:16px}.dino-prompt-shell{margin-top:4px;left:-2px}.dino-prompt-art{transform-origin:50% 76%;transform:translate(-1.5%)scaleY(1.22)}.dino-prompt-form{width:min(51% + 18px,100vw - 24px);height:28.5%;top:45%;left:24.5%;transform:none}.dino-prompt-actions{gap:2px;height:24px}.dino-prompt-attach svg,.dino-prompt-mic svg,.dino-prompt-send svg{width:16px;height:16px}.dino-prompt-send{width:28px;height:28px}.dino-prompt-mic,.dino-prompt-send{position:relative;left:-14px}}:root{--ink:#171619;--paper:#f4f3f0;--orange:#ff5d22;--violet:#4b47e7}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.brand-mark{background:currentColor;flex:none;width:26px;height:26px;display:inline-block;transform:translateY(-2px);-webkit-mask:url(/codesaur-head-mark.svg) 50%/contain no-repeat;mask:url(/codesaur-head-mark.svg) 50%/contain no-repeat}.nav-link{align-items:center;gap:5px;transition:opacity .18s;display:inline-flex}.nav-link:hover{opacity:.52}.nav-link span{font-size:12px;transform:translateY(-1px)}.prompt-shadow{box-shadow:0 18px 55px #1f1a1614,0 2px 8px #1f1a160d}.hero-orbit{pointer-events:none;border:1px solid #17161912;border-radius:50%;position:absolute}.hero-orbit-one{width:720px;height:720px;top:120px}.hero-orbit-two{width:980px;height:400px;top:280px;transform:rotate(-8deg)}.eyebrow{letter-spacing:.18em;font-size:10px;font-weight:700}.section-title{letter-spacing:-.07em;font-size:clamp(52px,6.2vw,94px);font-weight:600;line-height:.9}.dotted-grid{background-image:radial-gradient(#1716191f .65px,#0000 .65px);background-size:7px 7px}.round-arrow{border:1.5px solid;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.blue-panel{background-image:radial-gradient(#ffffff24 .6px,#0000 .6px);background-size:4px 4px}.proof-texture{background-color:#c7af8c;background-image:radial-gradient(circle at 15% 30%,#3e6e3a47,#0000 29%),radial-gradient(circle at 75% 40%,#c264394d,#0000 34%),radial-gradient(#14120e24 .6px,#0000 .6px);background-size:auto,auto,4px 4px}.mini-lamp,.mini-gear,.mini-rows,.mini-map,.mini-swatches,.mini-wave,.mini-circles{position:absolute;inset:70px 22px 38px}.mini-lamp{border-top:1px solid #ffffff59}.mini-lamp i{background:#fff;width:1px;height:44px;position:absolute;top:5px;left:50%}.mini-lamp i:after{content:"";background:#d9f0df;border-radius:50px 50px 7px 7px;width:78px;height:40px;position:absolute;top:38px;left:-39px}.mini-lamp span{background:#ffffff8c;border-radius:99px;height:5px;position:absolute;bottom:0;left:0;right:0}.mini-gear{color:#1a1760;place-items:center;font-size:92px;line-height:1;display:grid}.mini-rows{flex-direction:column;justify-content:center;gap:9px;display:flex}.mini-rows i{background:#f8f6f0;border:1px solid #a7a298;height:23px;box-shadow:inset 42px 0 #ddd8cc}.mini-map{background:linear-gradient(145deg,#0000 45%,#4f5bc533 46% 52%,#0000 53%);border:1px solid #94a5c1}.mini-map i{background:#514ae3;border-radius:50%;width:9px;height:9px;position:absolute}.mini-map i:first-child{top:30%;left:24%}.mini-map i:nth-child(2){top:18%;left:58%}.mini-map i:nth-child(3){top:63%;left:70%}.mini-map i:nth-child(4){top:73%;left:39%}.mini-swatches{align-items:flex-end;gap:5px;display:flex}.mini-swatches i{border:1px solid #bba79e;flex:1}.mini-swatches i:first-child{background:#ffd4c5;height:38%}.mini-swatches i:nth-child(2){background:#ff9570;height:63%}.mini-swatches i:nth-child(3){background:#f24d18;height:88%}.mini-wave{justify-content:center;align-items:center;gap:6px;display:flex}.mini-wave i{background:#ff5d22;border-radius:99px;width:4px;min-height:8px}.mini-circles{grid-template-columns:repeat(4,1fr);align-items:center;gap:9px;display:grid}.mini-circles i{aspect-ratio:1;background:#242326;border-radius:50%}.mini-circles i:nth-child(2){transform:scale(.65)}.mini-circles i:nth-child(4){transform:scale(1.25)}.builder-shell{--builder-bg:#09090b;--builder-panel:#111113;--builder-border:#26262a;--builder-text:#e4e4e7;--builder-muted:#8b8b93;--builder-accent:#7c6cf0;background:var(--builder-bg);height:100dvh;color:var(--builder-text);flex-direction:column;font-size:14px;display:flex;overflow:hidden}.builder-shell .topbar{border-bottom:1px solid var(--builder-border);background:var(--builder-panel);flex:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.builder-shell .home-button{color:var(--builder-muted);background:0 0;border:0;place-items:center;padding:7px;display:grid}.builder-shell .builder-brand{align-items:center;gap:8px;display:flex}.builder-shell .builder-brand .brand-mark{width:21px;height:21px}.builder-shell .project-id{color:var(--builder-muted);font-family:ui-monospace,monospace;font-size:11px}.builder-shell .spacer{flex:1}.builder-shell select,.builder-shell button,.builder-shell textarea{border:1px solid var(--builder-border);color:var(--builder-text);background:#1a1a1e;border-radius:8px;outline:none;padding:7px 10px}.builder-shell button:disabled{cursor:not-allowed;opacity:.5}.builder-shell button.primary{border-color:var(--builder-accent);background:var(--builder-accent);color:#fff;font-weight:600}.builder-main{flex:1;min-height:0;display:flex}.builder-shell .chat{border-right:1px solid var(--builder-border);background:var(--builder-panel);flex-direction:column;flex:none;width:420px;min-height:0;display:flex}.builder-shell .log{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.builder-shell .msg{flex-direction:column;gap:4px;display:flex}.builder-shell .msg .who{color:var(--builder-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.builder-shell .msg .body{white-space:pre-wrap;line-height:1.55}.builder-shell .msg.user .body{border:1px solid var(--builder-border);background:#1a1a1e;border-radius:10px;padding:9px 11px}.builder-shell .activity{flex-direction:column;gap:3px;display:flex}.builder-shell .activity .row{color:var(--builder-muted);align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:12px;display:flex}.builder-shell .dot{background:var(--builder-muted);border-radius:50%;flex:none;width:6px;height:6px}.builder-shell .dot.running{background:var(--builder-accent);animation:1s ease-in-out infinite pulse}.builder-shell .dot.ok{background:#4ade80}.builder-shell .dot.fail{background:#f87171}@keyframes pulse{50%{opacity:.5}}.builder-shell .status,.builder-shell .hint{color:var(--builder-muted);font-size:11px}.builder-shell .status{font-size:12px;font-style:italic}.builder-shell .error{color:#f87171;background:#1c1011;border:1px solid #4a1f1f;border-radius:8px;padding:9px 11px}.builder-shell .composer{border-top:1px solid var(--builder-border);flex-direction:column;flex:none;gap:8px;padding:12px;display:flex}.builder-shell .composer textarea{resize:none;min-height:68px;line-height:1.5}.builder-shell .actions{align-items:center;gap:8px;display:flex}.builder-shell .preview{flex-direction:column;flex:1;min-width:0;display:flex}.builder-shell .preview-bar{border-bottom:1px solid var(--builder-border);background:var(--builder-panel);flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.builder-shell .preview-bar button{align-items:center;gap:6px;display:flex}.builder-shell .url{color:var(--builder-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,monospace;font-size:12px;overflow:hidden}.builder-shell .preview iframe{background:#fff;border:0;flex:1;width:100%}.builder-shell .placeholder{color:var(--builder-muted);text-align:center;flex:1;place-content:center;gap:6px;display:grid}.builder-shell .files{border-top:1px solid var(--builder-border);background:var(--builder-panel);flex:none;max-height:172px;padding:10px 12px;overflow-y:auto}.builder-shell .files h3{color:var(--builder-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.builder-shell .files ul{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.builder-shell .files li{border:1px solid var(--builder-border);background:#1a1a1e;border-radius:5px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px}.builder-shell .thinking{border-left:2px solid var(--builder-border);color:var(--builder-muted);padding-left:10px}.builder-shell .thinking summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.builder-shell .thinking .body{white-space:pre-wrap;margin-top:6px;font-size:12px;line-height:1.5}.builder-shell .credits{border:1px solid var(--builder-border);color:var(--builder-muted);background:#1a1a1e;border-radius:6px;padding:4px 9px;font-family:ui-monospace,monospace;font-size:12px}.builder-shell .usage{border:1px dashed var(--builder-border);color:var(--builder-muted);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;padding:6px 9px;font-family:ui-monospace,monospace;font-size:11px;display:flex}.builder-shell .usage strong{color:var(--builder-accent)}@media (max-width:760px){.hero-orbit{display:none}.builder-shell .topbar{flex-wrap:wrap}.builder-shell .project-id,.builder-shell .topbar .hint{display:none}.builder-main{flex-direction:column;overflow-y:auto}.builder-shell .chat{border-right:0;border-bottom:1px solid var(--builder-border);width:100%;min-height:62vh}.builder-shell .preview{min-height:65vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing-attach-wrap,.app-attach-wrap,.model-picker-wrap{position:relative}.landing-attach-menu,.app-attach-menu,.model-menu{z-index:80;background:#fff;border:1px solid #deddd9;border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 18px 48px #00000024}.landing-attach-menu{width:250px;bottom:34px;left:0}.landing-attach-menu button,.app-attach-menu button,.model-menu button{color:#171619;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.landing-attach-menu button:hover,.app-attach-menu button:hover,.model-menu button:hover{background:#f1f0ed}.landing-toast,.app-toast{z-index:150;color:#fff;background:#171619;border-radius:8px;padding:12px 16px;font-size:14px;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 35px #00000040}.auth-page{color:#171619;background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);min-height:100dvh;display:grid}.auth-panel{flex-direction:column;min-height:100dvh;padding:34px 42px 28px;display:flex;position:relative}.auth-topline{align-items:center;gap:14px;display:flex}.auth-back{background:#fff;border:1px solid #deddd9;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.auth-brand{letter-spacing:-.04em;align-items:center;gap:8px;font-size:24px;display:flex}.auth-brand .brand-mark{width:29px;height:29px}.auth-form-wrap{width:min(480px,100%);margin:auto;padding-block:50px}.auth-form-wrap h1{text-align:center;letter-spacing:-.045em;margin:0 0 34px;font-size:38px;font-weight:600}.auth-providers{flex-direction:column;gap:12px;display:flex}.auth-providers button{background:#fff;border:1px solid #c9c8c4;border-radius:6px;justify-content:center;align-items:center;height:48px;font-size:16px;display:flex;position:relative}.auth-providers button:hover{background:#f2f1ee}.auth-providers button.last-used-provider{border-color:#5551d7}.auth-providers button small{color:#fff;background:#514ae3;border-radius:4px;padding:3px 8px;font-size:11px;position:absolute;top:-10px;right:14px}.provider-button-content{justify-content:center;align-items:center;gap:9px;display:inline-flex}.provider-icon{color:#171619;flex:none;place-items:center;width:18px;height:18px;display:grid}.provider-icon svg{width:18px;height:18px;display:block}.provider-icon-apple svg{width:21px;height:21px;transform:translateY(-2.5px)}.auth-divider{color:#777;align-items:center;gap:14px;margin:28px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#deddd9;flex:1;height:1px}.auth-email-form{flex-direction:column;gap:18px;display:flex}.auth-email-form label{flex-direction:column;gap:8px;font-size:14px;display:flex}.auth-email-form input{border:1px solid #c9c8c4;border-radius:6px;outline:0;width:100%;height:48px;padding:0 14px;font-size:15px;transition:border-color .16s,background-color .16s,box-shadow .16s}.auth-email-form input:hover{border-color:#8e8c88}.auth-email-form input:focus{border-color:#171619;box-shadow:0 0 0 2px #17161914}.auth-submit{color:#fff;cursor:pointer;background:#171619;border:0;border-radius:6px;height:48px;font-weight:600;transition:background-color .15s,transform .15s}.auth-submit:not(:disabled):hover{background:#37363a}.auth-submit:not(:disabled):active{transform:scale(.992)}.auth-submit:focus-visible{outline-offset:2px;outline:2px solid #4f65e8}.auth-submit:disabled{color:#999;background:#e6e5e3}.auth-error{color:#b42318;margin:-5px 0 0;font-size:13px;line-height:1.4}.auth-success{color:#147a43;margin:-5px 0 0;font-size:13px;line-height:1.4}.auth-verify-wrap{text-align:center}.auth-verify-wrap h1{margin-bottom:12px}.auth-verify-copy{color:#6c6a67;margin:0 0 28px;font-size:14px;line-height:1.55}.auth-verify-copy strong{color:#171619;font-weight:500}.auth-verify-form{text-align:left;gap:14px;width:min(320px,100%);margin-inline:auto}.auth-verify-form small{color:#777;text-align:center;margin-top:-7px;font-size:11px}.auth-code-fieldset{border:0;margin:0;padding:0}.auth-code-fieldset legend{text-align:center;width:100%;margin:0 0 8px;padding:0;font-size:14px}.auth-code-grid{grid-template-columns:repeat(6,36px);width:216px;margin-inline:auto;display:grid}.auth-email-form .auth-code-digit{width:37px;height:44px;box-shadow:none;font-variant-numeric:tabular-nums;text-align:center;background:#fff;border:1px solid #c9c8c4;border-radius:0;margin:0;padding:0;font-size:18px;transition:border-color .14s,background-color .14s,color .14s;position:relative}.auth-email-form .auth-code-digit+.auth-code-digit{margin-left:-1px}.auth-email-form .auth-code-digit:first-child{border-radius:5px 0 0 5px}.auth-email-form .auth-code-digit:last-child{border-radius:0 5px 5px 0}.auth-email-form .auth-code-digit:hover{z-index:2;box-shadow:none;background:#fafaff;border-color:#5a67e8}.auth-email-form .auth-code-digit:focus{z-index:3;box-shadow:none;background:#f8f8ff;border-color:#4f5ce8}.auth-email-form .auth-code-digit:focus-visible{outline:0}.auth-code-fieldset:disabled .auth-code-digit{color:#999;background:#f3f2ef}.auth-verify-error{color:#6f5157;text-align:left;background:#fff0f2;border:1px solid #edbcc2;border-radius:6px;margin:0 0 10px;padding:11px 13px}.auth-resend{color:#777;margin:20px 0 0;font-size:12px}.auth-resend button,.auth-different-email{color:#171619;background:0 0;border:0;text-decoration:underline}.auth-resend button:disabled{color:#999;cursor:default;text-decoration:none}.auth-different-email{margin-top:14px;font-size:12px}.auth-switch{text-align:center;color:#5c5b58;margin:26px 0 0}.auth-switch button{color:#171619;background:0 0;border:0;text-decoration:underline}.auth-terms{color:#777;margin:auto auto 0;font-size:12px}.auth-terms a{color:inherit;text-decoration:underline}.auth-password-wrap{position:relative}.auth-password-wrap>input{padding-right:45px}.auth-password-eye{z-index:2;color:#494844;background:0 0;border:0;place-items:center;width:44px;height:48px;display:grid;position:absolute;top:0;right:0}.auth-password-eye:hover{color:#171619}.auth-turnstile{justify-content:flex-start;align-items:center;width:100%;min-height:65px;display:flex;overflow:hidden}.auth-turnstile>div,.auth-turnstile iframe{max-width:100%}.auth-password-strength{z-index:12;transform-origin:0;background:#fff;border:1px solid #d9d8d4;border-radius:7px;flex-direction:column;gap:7px;width:270px;padding:14px 16px;animation:.2s cubic-bezier(.22,1,.36,1) auth-strength-in;display:flex;position:absolute;top:-9px;left:calc(100% + 24px);box-shadow:0 12px 32px #00000021}.auth-password-strength:before{content:"";background:#fff;border-bottom:1px solid #d9d8d4;border-left:1px solid #d9d8d4;width:12px;height:12px;position:absolute;top:24px;left:-7px;transform:rotate(45deg)}.auth-password-strength strong{font-size:13px;font-weight:500}.auth-password-strength span{color:#8a8883;align-items:center;gap:7px;font-size:12px;display:flex}.auth-password-strength span svg{color:#fff;background:#d8d7d3;border-radius:50%;padding:2px}.auth-password-strength span.met{color:#4f5d50}.auth-password-strength span.met svg{background:#4a8e5a}.auth-strength-bars{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.auth-strength-bars i{background:#e2e1de;border-radius:4px;height:4px;transition:background-color .2s,transform .2s}.strength-1 .auth-strength-bars i:first-child{background:#ca5b4e}.strength-2 .auth-strength-bars i:nth-child(-n+2){background:#b48a37}.strength-3 .auth-strength-bars i{background:#4a8e5a}@keyframes auth-strength-in{0%{opacity:0;transform:translate(-7px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.auth-focused-flow{width:min(430px,100%)}.auth-focused-flow h1{text-align:left;margin:24px 0 12px;font-size:35px}.auth-inline-back{color:#343330;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;display:inline-flex}.auth-inline-back:hover{text-decoration:underline}.auth-flow-copy{color:#77746f;text-align:center;margin:0 0 26px;font-size:14px;line-height:1.5}.auth-focused-flow .auth-flow-copy{text-align:left}.auth-flow-copy strong{color:#171619;font-weight:500}.auth-label-row{grid-template-columns:1fr auto;display:grid!important}.auth-label-row>input,.auth-label-row>.auth-password-wrap{grid-column:1/-1}.auth-label-row>button{color:#343330;background:0 0;border:0;padding:0;font-size:13px}.auth-state-banner{border:1px solid;border-radius:6px;margin:0;padding:10px 12px}.auth-reset-redirect{background:#f0faf3;border-color:#82b993;align-items:center;gap:8px;animation:.24s cubic-bezier(.22,1,.36,1) auth-success-rise;display:flex}.auth-reset-redirect svg{color:#fff;background:#2f8a4c;border-radius:50%;flex:none;padding:2px}.auth-reset-complete-toast{z-index:20;color:#5b4900;background:#fff7c7;border:1px solid #e2c763;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-size:13px;animation:.3s cubic-bezier(.22,1,.36,1) auth-toast-drop;display:flex;position:absolute;top:30px;right:42px;box-shadow:0 10px 28px #5644001f}.auth-reset-complete-toast svg{flex:none}@media (min-width:901px){.auth-panel{padding:22px 32px 18px}.auth-form-wrap{width:min(440px,100%);padding-block:20px}.auth-form-wrap h1{margin-bottom:22px;font-size:34px}.auth-providers{gap:9px}.auth-providers button{height:44px;font-size:15px}.auth-divider{margin:18px 0}.auth-email-form{gap:13px}.auth-email-form label{gap:6px}.auth-email-form input,.auth-submit{height:44px}.auth-password-eye{width:42px;height:44px}.auth-switch{margin-top:18px;font-size:14px}.auth-terms{font-size:11px}}@keyframes auth-success-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-toast-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-pending{color:#5d5b56;background:#f7f6f3;border-color:#d8d6d0}.auth-info-banner{color:#686662;background:#fbfaf8;border:1px solid #deddd9;border-radius:5px;margin:22px 0;padding:12px 14px;font-size:13px;line-height:1.45}.auth-check-email .auth-info-banner{margin-bottom:14px}.auth-check-email .auth-success{margin:0 0 14px}.auth-check-email .auth-submit{width:100%}.auth-art{background:#f3f1ec;border-radius:22px;margin:22px 22px 22px 0;position:relative;overflow:hidden}.auth-art:before{opacity:.12;content:"";background-image:radial-gradient(#171619 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.auth-art-chart{background:#4f5ce8;align-items:end;gap:2px;width:48%;height:29%;padding:26px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.auth-art-chart span{background:#ffffff40;border-radius:30px 30px 0 0;width:19%}.auth-art-chart span:first-child{height:38%}.auth-art-chart span:nth-child(2){height:64%}.auth-art-chart span:nth-child(3){height:43%}.auth-art-chart span:nth-child(4){height:85%}.auth-art-chart span:nth-child(5){height:58%}.auth-art-copy{color:#aaa9a4;letter-spacing:-.04em;font-size:clamp(24px,2.2vw,42px);position:absolute;top:46%;left:24%}.auth-art-copy span{color:#ff5d22}.auth-art img{filter:contrast(1.1);width:88%;position:absolute;bottom:-10%;right:-10%}.auth-art-orange{color:#171619;background:#ff5d22;place-items:center;width:150px;height:150px;font-size:70px;font-weight:800;display:grid;position:absolute;bottom:0;left:19%}.consent-card{z-index:200;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #deddd9;border-radius:12px;flex-direction:column;gap:8px;width:min(318px,100vw - 28px);padding:18px;animation:.35s cubic-bezier(.22,1,.36,1) consent-rise;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 42px #0000002e}.consent-card p{color:#343330;margin:0 0 7px;font-size:12px;line-height:1.45}.consent-card p a{color:inherit;text-decoration:underline}.consent-card>button{color:#171619;background:#fff;border:1px solid #deddd9;border-radius:20px;min-height:37px;font-size:12px;transition:background-color .16s,color .16s,border-color .16s,transform .16s}.consent-card>button:hover{color:#fff;background:#171619;border-color:#171619;transform:translateY(-1px)}.consent-card small{color:#999690;font-size:10px}.consent-backdrop{z-index:210;background:#17161933;animation:.2s consent-fade;position:fixed;inset:0}.consent-manager{background:#fff;flex-direction:column;width:min(740px,100vw);height:100%;animation:.35s cubic-bezier(.22,1,.36,1) consent-slide;display:flex;position:absolute;top:0;right:0;box-shadow:-18px 0 50px #00000029}.consent-manager>header{gap:20px;padding:22px 24px 12px;display:flex}.consent-manager h2{margin:0 0 8px;font-size:19px}.consent-manager header p{color:#55534f;max-width:650px;margin:0;font-size:12px;line-height:1.45}.consent-close{background:0 0;border:0;flex:none;width:38px;height:38px}.consent-tabs{grid-template-columns:1fr 1fr;padding:0 24px;display:grid}.consent-tabs button{background:#fff;border:0;border-bottom:2px solid #deddd9;height:46px;font-weight:500}.consent-tabs button.active{border-bottom-color:#171619}.consent-list{flex:1;padding:18px 24px;overflow-y:auto}.consent-row{border:1px solid #e4e3df;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-bottom:12px;padding:16px;display:grid}.consent-row strong{font-size:14px;display:block}.consent-row p{color:#77746f;margin:4px 0 0;font-size:12px;line-height:1.4}.consent-row small{color:#514ae3;margin-top:9px;font-size:11px;display:block}.consent-toggle{background:#d5d4d0;border:0;border-radius:12px;width:36px;height:21px;padding:0;transition:background-color .18s;position:relative}.consent-toggle i{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .18s;position:absolute;top:3px;left:3px}.consent-toggle.on{background:#4f5ce8}.consent-toggle.on i{transform:translate(15px)}.consent-toggle:disabled{opacity:.8;background:#c9c8c4}.consent-expand{background:0 0;border:0;transition:transform .18s}.consent-expand.open{transform:rotate(180deg)}.consent-manager>footer{background:#fff;border-top:1px solid #deddd9;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 24px;display:grid}.consent-manager>footer button{background:#fff;border:1px solid #deddd9;border-radius:22px;height:42px;transition:background-color .16s,color .16s}.consent-manager>footer button:hover{color:#fff;background:#171619}@keyframes consent-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes consent-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes consent-fade{0%{opacity:0}to{opacity:1}}.app-shell{color:#171619;background:#f6f5f2;height:100dvh;display:flex;overflow:hidden}.app-sidebar{z-index:40;background:#faf9f7;border-right:1px solid #deddd9;flex-direction:column;flex:none;width:288px;display:flex;position:relative}.app-shell.sidebar-flashing:after{z-index:250;content:"";pointer-events:none;background:#f4f3f0;animation:.12s ease-out both dashboard-layout-flash;position:fixed;inset:0}@keyframes dashboard-layout-flash{0%,to{opacity:0}48%{opacity:.32}}.sidebar-collapsed .app-sidebar{width:74px}.app-sidebar-brand{border-bottom:1px solid #deddd9;align-items:center;gap:9px;height:72px;padding:0 16px;display:flex}.app-sidebar-brand .brand-mark{width:27px;height:27px}.app-sidebar-brand strong{letter-spacing:-.04em;font-size:21px}.app-sidebar-brand button{background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.app-sidebar-brand button:hover{background:#ecebe8}.app-sidebar-dinosaur{object-fit:contain;width:27px;height:27px}.sidebar-collapsed .app-sidebar-brand{justify-content:center;padding-inline:0}.app-sidebar-brand .app-sidebar-reopen{width:42px;height:42px;margin:0}.app-sidebar-collapsed-brand{place-items:center;width:26px;height:26px;display:grid;position:relative}.app-sidebar-collapsed-brand img,.app-sidebar-collapsed-brand>svg{object-fit:contain;width:23px;height:23px;transition:opacity .13s,transform .15s;position:absolute}.app-sidebar-collapsed-brand>svg,.app-sidebar-reopen:hover .app-sidebar-collapsed-brand img,.app-sidebar-reopen:focus-visible .app-sidebar-collapsed-brand img{opacity:0;transform:scale(.82)}.app-sidebar-reopen:hover .app-sidebar-collapsed-brand>svg,.app-sidebar-reopen:focus-visible .app-sidebar-collapsed-brand>svg{opacity:1;transform:scale(1)}.dashboard-mobile-header,.dashboard-sidebar-backdrop{display:none}.sidebar-collapsed .app-sidebar-nav{padding:12px}.sidebar-collapsed .app-sidebar-nav button{justify-content:center;padding:0}.sidebar-collapsed .upgrade-card{justify-content:center;width:48px;min-height:48px;margin:12px;padding:0}.sidebar-collapsed .app-sidebar-bottom{margin-top:auto}.sidebar-collapsed .workspace-switcher{height:70px;padding:10px 12px}.sidebar-collapsed .workspace-button{border-radius:9px;flex:none;justify-content:center;width:48px;height:48px}.sidebar-collapsed .workspace-button>svg{display:none}.sidebar-collapsed .notification-popover{bottom:12px;left:64px;right:auto}.sidebar-collapsed .account-popover{bottom:10px;left:66px}.app-sidebar-nav{flex-direction:column;gap:5px;padding:16px;display:flex}.app-sidebar-nav button{background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;height:42px;padding:0 12px;font-size:15px;transition:background-color .15s;display:flex}.app-sidebar-nav button.active,.app-sidebar-nav button:hover{background:#f2f1ee}.app-project-links{scrollbar-color:#c2bfba transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 18px 46px;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 48px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 48px),#0000 100%)}.app-project-links::-webkit-scrollbar{width:5px}.app-project-links::-webkit-scrollbar-track{background:0 0}.app-project-links::-webkit-scrollbar-thumb{background:#c2bfba;border-radius:999px}.app-project-links div{flex-direction:column;flex:none;gap:7px;display:flex}.app-project-links span{color:#8a8985;font-size:12px}.app-project-links button{text-align:left;background:0 0;border:0;padding:0;font-size:14px}.app-project-section{flex:none}.app-project-section-title{color:#55524d;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;font-weight:500;transition:background-color .16s,color .16s,transform .16s;display:flex;padding:0 9px!important;font-size:15px!important}.app-project-section-title:hover,.app-project-section-title:focus-visible{color:#171619;background:#f4f3f0;transform:translate(1px)}.app-project-section-title span{color:inherit;font-size:inherit}.app-project-section-title svg{flex:none;transition:transform .19s cubic-bezier(.22,1,.36,1);transform:rotate(-90deg)}.app-project-section.is-open .app-project-section-title svg{transform:rotate(0)}.app-project-section-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .21s cubic-bezier(.22,1,.36,1),opacity .15s;display:grid!important}.app-project-section.is-open .app-project-section-content{opacity:1;grid-template-rows:1fr}.app-project-section-list{min-height:0;padding:0 8px;overflow:hidden;gap:0!important}.app-project-section.is-open .app-project-section-list{padding-bottom:5px}.app-project-links .app-project-link-row{box-sizing:border-box;border-radius:7px;flex-direction:row;align-items:center;gap:2px;min-width:0;min-height:34px;padding:0 5px;transition:background-color .15s;display:flex;position:relative}.app-project-links .app-project-link-row:hover,.app-project-links .app-project-link-row:focus-within{background:#f6f5f2}.app-project-links{scrollbar-width:none}.app-project-links::-webkit-scrollbar{display:none}.app-project-link-row>:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;min-width:0;height:34px;display:flex;overflow:hidden}.app-project-link-label{color:#171619!important;font-size:14px!important}.app-project-link-row .project-actions-trigger{opacity:0;width:26px;height:26px}.app-project-link-row:hover .project-actions-trigger,.app-project-link-row:focus-within .project-actions-trigger{opacity:1}.app-sidebar-bottom{z-index:2;background:#faf9f7;flex:none;position:relative}.app-sidebar-bottom:before{content:"";pointer-events:none;background:linear-gradient(#faf9f700,#faf9f7);height:48px;position:absolute;bottom:100%;left:0;right:0}.upgrade-card{text-align:left;background:#fff;border:1px solid #d6d4cf;border-radius:9px;align-items:center;gap:10px;width:calc(100% - 28px);min-height:72px;margin:14px;padding:12px;display:flex}.upgrade-card svg{color:#ff5d22}.upgrade-card span{flex-direction:column;display:flex}.upgrade-card small{color:#777;margin-top:2px}.workspace-switcher{border-top:1px solid #deddd9;align-items:center;height:72px;padding:10px 12px;display:flex}.workspace-button{text-align:left;background:0 0;border:0;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:0;height:48px;padding:0 7px;transition:background-color .14s;display:flex}.workspace-button:hover,.workspace-button.is-open{background:#f2f1ee}.workspace-button>span:not(.avatar){flex-direction:column;flex:1;min-width:0;display:flex}.workspace-button>svg{margin-left:auto;transition:transform .16s}.workspace-button.is-open>svg{transform:rotate(180deg)}.workspace-button strong,.workspace-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-button small{color:#777}.avatar{box-sizing:border-box;color:#fff;letter-spacing:.015em;background:#242326;border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:13px;font-weight:800;line-height:1;display:flex}.account-popover{z-index:90;background:#fff;border:1px solid #d7d5d0;border-radius:10px;width:350px;position:absolute;bottom:72px;left:14px;overflow:hidden;box-shadow:0 22px 60px #00000029}.account-heading{border-bottom:1px solid #e5e3df;align-items:center;gap:11px;padding:15px;display:flex}.account-heading>span:last-child{flex-direction:column;display:flex}.account-heading small{color:#777}.credit-panel{background:#f5f4f1;border-radius:8px;flex-direction:column;gap:7px;margin:12px;padding:14px;display:flex}.credit-panel>small{color:#777}.credit-panel label{justify-content:space-between;margin-top:6px;display:flex}.credit-track{background:#e4e1db;border-radius:10px;height:8px;overflow:hidden}.credit-track i{background:#ff5d22;height:100%;display:block}.credit-panel button{color:#cc4214;background:#fff;border:1px solid #ff5d22;border-radius:6px;height:36px;margin-top:8px}.account-actions{border-top:1px solid #e5e3df;flex-direction:column;padding:8px;display:flex}.account-actions button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.account-actions button:hover{background:#f1f0ed}.account-daily-credits{background:#fff;border:1px solid #dedbd5;gap:9px}.account-credit-heading{justify-content:space-between;align-items:center;display:flex}.account-credit-heading>span{font-size:13px;font-weight:650}.account-daily-credits label{color:#5f5c57;font-size:12px}.account-daily-credits .credit-track i{border-radius:inherit;background:#171619}.account-storage-divider,.studio-storage-divider{background:#e5e3df;height:1px;margin:4px 0 1px}.account-daily-credits .storage-track i,.studio-credit-summary .storage-track i{background:#5549e8}.account-daily-credits button{color:#171619;background:#fff;border-color:#171619;font-weight:650;transition:background-color .16s,color .16s,transform .16s}.account-daily-credits button:hover{color:#fff;background:#171619}.account-daily-credits button:active{transform:scale(.985)}.account-menu-actions{padding:0}.account-menu-actions>.account-settings-action{border-radius:0;padding:12px 16px}.account-secondary-actions{border-top:1px solid #e5e3df;flex-direction:column;padding:8px;display:flex}.account-secondary-actions button{width:100%}.notification-popover{z-index:90;color:#fff;background:#171619;border-radius:8px;flex-direction:column;gap:4px;width:280px;padding:16px;display:flex;position:absolute;bottom:75px;right:-270px;box-shadow:0 18px 50px #00000040}.notification-popover span{color:#ffffffa6;font-size:13px}.app-content{flex:1;min-width:0;overflow:hidden auto}.app-home{min-height:calc(100dvh - 112px);padding:42px 40px 70px}.app-home-intro h1{text-align:center;letter-spacing:-.065em;margin:0;font-size:clamp(40px,4.2vw,66px);font-weight:500;line-height:.98}.app-home-intro h1 span{color:inherit}.home-composer{background:#fff;border:1px solid #e0ded9;border-radius:12px;width:min(960px,100%);margin:70px auto 0;position:relative;overflow:visible;box-shadow:0 12px 34px #00000012}.home-composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:112px;padding:24px 26px 8px;font-size:18px}.home-composer.has-attachments textarea{height:84px;padding-top:10px}.home-composer-actions,.studio-composer-actions{align-items:center;gap:8px;height:64px;padding:0 16px;display:flex}.home-composer-actions button,.studio-composer-actions button{background:0 0;border:0}.model-picker-wrap{margin-right:auto}.model-picker{align-items:center;gap:5px;display:flex;padding:8px 11px!important}.model-menu{width:190px;bottom:42px;left:0}.model-menu button{justify-content:space-between}.app-attach-menu{width:245px;bottom:50px;left:0}.home-composer .app-attach-menu{bottom:178px}.studio-composer .app-attach-menu{bottom:150px}.app-attach-menu button:disabled{cursor:not-allowed;color:#99958e}.app-attach-menu button:disabled:hover{background:0 0}.app-attach-menu button small{color:#a09c95;margin-left:auto;font-size:10px}.composer-mic{place-items:center;width:40px;height:40px;display:grid}.composer-send{place-items:center;width:45px;height:45px;background:#ff7454!important;border-radius:8px!important;display:grid!important}.composer-send:disabled{color:#b4a19a;background:#f5dcd4!important}.home-dino-prompt-shell,.sidebar-collapsed .home-dino-prompt-shell{transform-origin:50% 100%;width:clamp(900px,78vw,980px);margin:42px 0 -22px;position:relative;top:0;left:calc(50% - 10px);transform:translate(-50%)scaleY(1.055)}.home-dino-composer .dino-prompt-textarea{resize:none}.home-dino-composer .dino-prompt-textarea::-webkit-resizer{display:none}.home-dino-composer .dino-prompt-editor{-webkit-mask-image:linear-gradient(#000 0 calc(100% - 14px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 14px),#0000 100%)}.home-dino-composer.has-attachments .dino-prompt-editor{min-height:0}.home-dino-composer .composer-attachment-viewport{width:auto;position:absolute;bottom:calc(100% + 4px);left:12px;right:12px}.home-dino-composer .app-attach-menu{bottom:48px}.home-dino-actions button{border:0;place-items:center;line-height:1;display:grid}.home-dino-actions .app-attach-wrap{flex:none;place-items:center;display:grid}.home-dino-actions .studio-dinosaur-model{background:0 0;border-radius:999px;place-items:center;width:36px;height:36px;transition:background-color .14s,transform .14s;display:grid;overflow:hidden;padding:0!important}.home-dino-actions .studio-dinosaur-model:hover{background:#0000000d}.home-dino-actions .studio-dinosaur-model:active{transform:scale(.96)}.home-dino-actions .studio-dinosaur-model img{object-fit:contain;width:20px;height:20px;display:block;transform:translateY(1px)}@media (min-width:900px){.home-dino-actions{position:relative;top:2px}.home-dino-actions .dino-prompt-send{width:34px;height:34px}}@media (max-width:899px){.home-dino-prompt-shell,.sidebar-collapsed .home-dino-prompt-shell{width:clamp(650px,95vw,820px);margin-top:62px;top:clamp(0px,88px - 10vw,44px);left:calc(50% - 2px);transform:translate(-50%)}.app-home .home-projects{margin-top:96px}.home-dino-actions{position:relative;top:-4px}.home-dino-actions .studio-dinosaur-model{width:28px;height:28px}.home-dino-actions .studio-dinosaur-model img{width:18px;height:18px}}@media (max-width:560px){.home-dino-prompt-shell,.sidebar-collapsed .home-dino-prompt-shell{width:clamp(650px,118vw,690px);margin-top:64px}.home-dino-prompt-art{transform-origin:50% 100%;transform:translate(-1.5%)translateY(5.28%)scaleY(1.25)}.home-dino-composer .dino-prompt-editor{--prompt-safe-top:4px}.app-home .home-projects{margin-top:100px}}@media (max-width:450px){.home-dino-composer{width:calc(51% + 18px)}.home-dino-actions .dino-prompt-mic,.home-dino-actions .dino-prompt-send{left:clamp(-58px,50vw - 172px,-18px)}}.home-projects{width:min(1120px,100%);margin:90px auto 0}.home-projects-heading{border-bottom:1px solid #deddd9;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.home-projects-heading h2{margin:0;font-size:19px}.home-projects-heading button{background:#fff;border:1px solid #d5d3ce;border-radius:7px;align-items:center;gap:6px;padding:9px 13px;display:flex}.project-card{background:#fff;border:1px solid #d7d5d0;border-radius:9px;width:280px;margin-top:22px;padding:14px}.project-thumb{cursor:pointer;background:#f1efea;place-items:center;height:145px;display:grid}.project-thumb .brand-mark{opacity:.3;width:45px;height:45px}.project-card-title{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.project-card-title>button{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;font-weight:600;overflow:hidden}.project-card-actions{flex:none;align-items:center;gap:2px;display:flex}.project-card-actions>button{background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.project-card-title .is-favorite{color:#ff5d22}.project-card p,.project-card small{color:#777;margin:5px 0 0}.project-actions-wrap{position:relative}.project-actions-trigger{background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.project-actions-trigger:hover{background:#efeeeb}.project-actions-menu{z-index:85;background:#fff;border:1px solid #d8d5cf;border-radius:9px;width:170px;padding:5px;position:absolute;top:32px;right:0;box-shadow:0 14px 34px #00000029}.project-actions-menu button{color:#242321;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px;font-size:13px;display:flex}.project-actions-menu button:hover{background:#f2f1ee}.project-actions-menu button.danger{color:#c92c22}.app-search-page,.profile-page{max-width:1000px;margin:0 auto;padding:100px 40px}.app-search-page h1{letter-spacing:-.05em;font-size:46px}.app-search-input{background:#fff;border:1px solid #d7d5d0;border-radius:9px;align-items:center;gap:10px;padding:0 14px;display:flex}.app-search-input input{background:0 0;border:0;outline:0;width:100%;height:48px}.app-search-page h2{margin-top:55px}.plans-page{min-height:100%;padding:32px 40px 70px}.plans-back,.profile-page>button{background:0 0;border:0;align-items:center;gap:6px;display:flex}.plans-heading{text-align:center;margin:55px 0 35px}.plans-heading h1{letter-spacing:-.05em;margin:0;font-size:38px}.plans-heading p{color:#777;margin:9px 0 0}.billing-toggle{background:#f5f4f1;border:1px solid #d6d3cd;border-radius:999px;align-items:center;gap:2px;margin-top:18px;padding:3px;display:inline-flex;box-shadow:0 1px 3px #00000014}.billing-toggle button{color:#66635e;height:34px;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 13px}.billing-toggle button.active{color:#171619;background:#fff;box-shadow:0 1px 4px #00000024}.billing-toggle button span{color:#6547d9;margin-left:4px;font-weight:700}.plan-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px;margin:auto;display:grid}.plan-grid article{background:#fff;border:1px solid #d7d5d0;border-radius:8px;flex-direction:column;min-height:450px;padding:22px;display:flex;position:relative}.plan-grid article.popular{border:2px solid #ff5d22}.plan-grid article>b{color:#fff;text-align:center;background:#ff5d22;border-radius:7px 7px 0 0;padding:5px;font-size:11px;position:absolute;top:-22px;left:-2px;right:-2px}.plan-grid article>div{justify-content:space-between;align-items:end;display:flex}.plan-grid h2{margin:0}.plan-grid article>div>span{font-size:27px;font-weight:600}.plan-grid article small{color:#777;font-size:12px}.plan-grid ul{flex-direction:column;gap:14px;margin:32px 0;padding:0;list-style:none;display:flex}.plan-grid li{align-items:center;gap:8px;font-size:14px;display:flex}.plan-grid article>button{background:#fff;border:1px solid #171619;border-radius:6px;height:42px;margin-top:auto}.plan-grid article.popular>button{background:#ff5d22;border-color:#ff5d22}.admin-page{max-width:1120px;margin:0 auto;padding:54px 40px 80px}.admin-back{background:0 0;border:0;align-items:center;gap:6px;display:flex}.admin-heading{align-items:center;gap:16px;margin:42px 0 28px;display:flex}.admin-heading>span{color:#fff;background:#171619;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.admin-heading small{color:#ff5d22;letter-spacing:.12em;font-size:11px;font-weight:800}.admin-heading h1{letter-spacing:-.045em;margin:2px 0;font-size:38px}.admin-heading p{color:#6f6d68;margin:0}.admin-loading{color:#6f6d68;background:#fff;border:1px solid #dedbd5;border-radius:10px;padding:30px}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-metrics article{background:#fff;border:1px solid #dedbd5;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:118px;padding:18px;display:flex}.admin-metrics small{color:#77746e}.admin-metrics strong{letter-spacing:-.04em;font-size:31px}.admin-users{background:#fff;border:1px solid #dedbd5;border-radius:10px;margin-top:24px}.admin-users>div:first-child{padding:20px}.admin-users h2{margin:0 0 3px}.admin-users>div:first-child span{color:#77746e;font-size:13px}.admin-user-table{border-top:1px solid #e6e3de}.admin-user-row{border-bottom:1px solid #efede9;grid-template-columns:minmax(220px,1fr) 120px 120px;align-items:center;min-height:58px;padding:0 20px;display:grid}.admin-user-row:last-child{border-bottom:0}.admin-user-row.header{color:#77746e;background:#f7f6f3;min-height:40px;font-size:12px}.admin-user-row>span:first-child{flex-direction:column;min-width:0;display:flex}.admin-user-row small{color:#77746e;text-overflow:ellipsis;overflow:hidden}.admin-user-row b{text-transform:capitalize;background:#efede9;border-radius:99px;width:fit-content;padding:4px 9px;font-size:11px}.admin-user-row b.admin{color:#b9360c;background:#ffe3d7}.profile-card{background:#fff;border:1px solid #d7d5d0;border-radius:12px;align-items:center;gap:18px;margin-top:55px;padding:26px;display:flex}.profile-avatar{color:#fff;letter-spacing:.015em;background:#242326;border-radius:15px;justify-content:center;align-items:center;width:72px;height:72px;padding:0;font-size:22px;font-weight:800;line-height:1;display:flex}.profile-card h1,.profile-card p{margin:0}.profile-card p{color:#777}.profile-card button{background:#fff;border:1px solid #d7d5d0;border-radius:6px;margin-left:auto;padding:9px 14px}.profile-details{background:#fff;border:1px solid #d7d5d0;border-radius:12px;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding:26px;display:grid}.profile-details label{flex-direction:column;gap:7px;display:flex}.profile-details input{border:1px solid #d7d5d0;border-radius:6px;height:44px;padding:0 11px}.profile-details>button{color:#fff;background:#171619;border:0;border-radius:6px;align-self:end;height:44px}.studio-shell{color:#171619;background:#f7f6f3;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.studio-topbar{z-index:30;background:#fff;border-bottom:0;flex:none;align-items:stretch;height:56px;display:flex;position:relative}.studio-chat-toolbar{flex:none;align-items:center;min-width:180px;padding:0 12px;transition:width 40ms linear;display:flex}.studio-preview-toolbar{flex:1;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.studio-home-button{background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative}.studio-home-button:hover{background:#f1f0ed}.studio-home-button .brand-mark{width:23px;height:23px}.studio-home-button .studio-menu-icon,.studio-home-button:hover .studio-brand-icon,.studio-home-button.is-open .studio-brand-icon{display:none}.studio-home-button:hover .studio-menu-icon,.studio-home-button.is-open .studio-brand-icon{display:grid}.studio-project-identity{align-items:center;gap:7px;min-width:0;display:flex}.studio-project-identity>span{flex-direction:column;min-width:0;line-height:1.1;display:flex}.studio-project-identity small{color:#8a8883;margin-top:4px;font-size:10px;font-weight:400}.studio-view-tabs,.studio-compact-modes{background:#f3f2ef;border-radius:8px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.studio-view-tabs button,.studio-compact-modes>button{color:#67645f;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:13px;display:flex}.studio-view-tabs button.active,.studio-compact-modes>button.active{color:#282171;background:#eeedff;border:1px solid #8f8bff;box-shadow:0 1px 2px #0000000d}.studio-compact-modes .studio-popover-wrap>button{background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;display:grid}.studio-mode-menu{z-index:70;background:#fff;border:1px solid #d8d5cf;border-radius:9px;width:150px;padding:5px;position:absolute;top:38px;left:0;box-shadow:0 12px 30px #00000024}.studio-mode-menu button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;padding:8px;display:flex}.studio-mode-menu button:hover{background:#f1f0ed}.studio-preview-tools{align-items:center;gap:2px;min-width:0;height:34px;display:flex}.studio-preview-tools button{color:#5f5d58;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;display:grid}.studio-preview-tools button:hover{background:#f0efec}.studio-preview-tools button:disabled{opacity:.35}.studio-preview-tools label{width:min(210px,18vw);min-width:56px}.studio-preview-tools input{text-align:center;background:#f6f5f2;border:0;border-radius:6px;outline:0;width:100%;height:32px;padding:0 12px;font-size:13px}.studio-spacer{flex:1;min-width:0}.studio-top-actions{flex:none;align-items:center;gap:6px;display:flex}.studio-top-actions>button,.studio-top-actions .studio-popover-wrap>button{background:#fff;border:1px solid #d6d3cd;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:13px;display:flex}.studio-top-actions>button:hover,.studio-top-actions .studio-popover-wrap>button:hover{background:#f3f2ef}.studio-personality-button .brand-mark{width:18px;height:18px}.studio-upgrade{color:#fff;background:#7c3aed!important;border-color:#6d28d9!important}.studio-publish{color:#fff;font-weight:600;background:#3478f6!important;border-color:#2866dc!important}.studio-preview-toolbar.is-compact{gap:4px;padding-inline:7px}.studio-preview-toolbar.is-compact .studio-preview-tools label{width:clamp(62px,10vw,115px)}.studio-preview-toolbar.is-compact .studio-top-actions{gap:4px}.studio-preview-toolbar.is-compact .studio-top-actions>button,.studio-preview-toolbar.is-compact .studio-top-actions .studio-popover-wrap>button{justify-content:center;width:34px;padding:0}.studio-preview-toolbar.is-compact .studio-top-actions button>span{display:none}.studio-preview-toolbar.is-compact .studio-publish:after{content:"↑";font-size:16px}.studio-preview-toolbar.is-compact .studio-personality-button .brand-mark{width:17px;height:17px}.studio-menu-backdrop{z-index:100;background:#14121047;position:fixed;inset:0}.studio-main-menu{background:#fff;width:min(340px,100vw - 36px);height:100%;padding:18px 14px;animation:.16s ease-out studio-menu-enter;box-shadow:14px 0 45px #0003}.studio-main-menu-brand{border-bottom:1px solid #eceae5;align-items:center;gap:9px;height:38px;padding:0 7px 14px;display:flex}.studio-main-menu-brand .brand-mark{width:24px;height:24px}.studio-main-menu-brand strong{flex:1;font-size:18px}.studio-main-menu-brand button{background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.studio-main-menu-brand button:hover{background:#f1f0ed}.studio-dashboard-link{background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;height:42px;margin-top:14px;padding:0 11px;font-size:14px;font-weight:600;display:flex}.studio-dashboard-link:hover{background:#f2f1ee}.studio-menu-recents{margin-top:22px}.studio-menu-recents>span{color:#85827d;margin:0 10px 7px;font-size:12px;display:block}.studio-menu-recents>div{border-radius:8px;align-items:center;gap:4px;min-height:39px;padding:3px 5px 3px 11px;display:flex}.studio-menu-recents>div.active,.studio-menu-recents>div:hover{background:#f2f1ee}.studio-menu-recents>div>button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;overflow:hidden}.studio-menu-recents p{color:#888;margin:12px 10px;font-size:13px}@keyframes studio-menu-enter{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.project-modal-backdrop{z-index:140;background:#14121066;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-modal{background:#fff;border:1px solid #d8d5cf;border-radius:14px;width:min(460px,100%);padding:20px;box-shadow:0 24px 70px #0000003d}.project-modal-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.project-modal-heading h2{margin:0;font-size:22px}.project-modal-heading button{background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.project-modal label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.project-modal input{height:42px;font:inherit;border:1px solid #c9c6c0;border-radius:8px;outline:none;padding:0 11px;font-weight:400}.project-modal input:focus{border-color:#5148df;box-shadow:0 0 0 3px #5148df1f}.project-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.project-modal-actions button{background:#fff;border:1px solid #cbc8c2;border-radius:7px;height:38px;padding:0 14px;font-weight:600}.project-modal-actions button.primary{color:#fff;background:#171619;border-color:#171619}.project-modal-actions button.danger{color:#fff;background:#c92c22;border-color:#c92c22}.project-modal-actions button:disabled{cursor:not-allowed;opacity:.42}.delete-project-modal>p{color:#605d58;line-height:1.55}.delete-project-modal label b{color:#171619}.studio-menu-backdrop{visibility:hidden;opacity:0;pointer-events:none;background:#14121000;transition:background-color .22s,opacity .22s,visibility 0s linear .22s}.studio-menu-backdrop.is-open{visibility:visible;opacity:1;pointer-events:auto;background:#14121047;transition-delay:0s}.studio-main-menu{opacity:.72;flex-direction:column;padding:18px 14px 14px;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s;animation:none;display:flex;overflow:visible;transform:translate(-102%)}.studio-menu-backdrop.is-open .studio-main-menu{opacity:1;transform:translate(0)}.studio-drawer-nav{flex:none}.studio-drawer-search{color:#77736d;background:#faf9f7;border:1px solid #dfddd8;border-radius:8px;align-items:center;gap:9px;height:40px;margin:5px 0 0;padding:0 11px;display:flex}.studio-drawer-search:focus-within{border-color:#8f8bff;box-shadow:0 0 0 3px #5148df1a}.studio-drawer-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.studio-menu-recents{flex:none;position:relative}.studio-menu-recents:not(.studio-menu-favorites){flex:1;min-height:70px;padding-bottom:10px;overflow-y:auto}.studio-menu-favorites{margin-top:16px}.studio-menu-recents>div{position:relative}.studio-menu-recents>div>button:first-child{align-items:center;gap:7px;display:flex}.studio-menu-favorites svg{color:#ff5d22}.studio-drawer-bottom{border-top:1px solid #eceae5;flex:none;padding-top:10px}.studio-drawer-upgrade{text-align:left;background:#fff;border:1px solid #dedbd5;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 11px;display:flex}.studio-drawer-upgrade>svg{color:#ff5d22}.studio-drawer-upgrade>span{flex-direction:column;flex:1;min-width:0;display:flex}.studio-drawer-upgrade small{color:#777;margin-top:2px;font-size:11px}.studio-drawer-account{margin-top:8px;position:relative}.studio-drawer-account>button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-width:0;height:52px;padding:5px 7px;display:flex}.studio-drawer-account>button:hover{background:#f2f1ee}.studio-drawer-account>button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.studio-drawer-account strong,.studio-drawer-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-drawer-account small{color:#777;margin-top:2px;font-size:11px}.studio-drawer-account-menu{z-index:90;background:#fff;border:1px solid #d8d5cf;border-radius:9px;padding:5px;position:absolute;bottom:56px;left:0;right:0;box-shadow:0 14px 34px #00000029}.studio-drawer-account-menu button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px;display:flex}.studio-drawer-account-menu button:hover{background:#f2f1ee}.studio-project-identity>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-main-menu.studio-account-menu{width:min(330px,100vw - 24px);padding:14px 12px 18px}.studio-workspace-return{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 8px;transition:background-color .15s;display:flex}.studio-workspace-return:hover{background:#f0efec}.studio-workspace-return>svg{color:#5f5d58;flex:none}.studio-workspace-return .avatar{color:#fff;letter-spacing:.015em;background:#242326;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:12px;font-weight:800;line-height:1;display:flex}.studio-workspace-return>span:last-child{flex-direction:column;flex:1;min-width:0;display:flex}.studio-workspace-return strong,.studio-workspace-return small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-workspace-return strong{font-size:13px}.studio-workspace-return small{color:#77746f;margin-top:3px;font-size:11px}.studio-credit-summary{background:#fff;border:1px solid #dedbd5;border-radius:10px;flex-direction:column;gap:9px;margin-top:14px;padding:15px;display:flex}.studio-credit-heading,.studio-daily-credit-row{justify-content:space-between;align-items:center;display:flex}.studio-credit-heading strong{font-size:15px}.studio-credit-heading span{font-size:13px;font-weight:650}.studio-daily-credit-row{color:#5f5c57;margin-top:4px;font-size:12px}.studio-daily-credit-track{background:#dfddd8;border-radius:99px;height:8px;overflow:hidden}.studio-daily-credit-track i{border-radius:inherit;background:#171619;height:100%;display:block}.studio-credit-summary>small{color:#7b7872;font-size:11px}.studio-credit-upgrade{color:#171619;background:#fff;border:1px solid #171619;border-radius:7px;height:38px;margin-top:5px;font-weight:650;transition:background-color .16s,color .16s,transform .16s}.studio-credit-upgrade:hover{color:#fff;background:#171619}.studio-credit-upgrade:active{transform:scale(.985)}.studio-account-actions{border-top:1px solid #eceae5;flex-direction:column;gap:3px;margin-top:auto;padding-top:10px;display:flex}.studio-account-actions button{color:#242320;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:42px;padding:0 10px;transition:background-color .15s;display:flex}.studio-account-actions button:hover{background:#f0efec}.studio-account-actions button>svg,.studio-account-actions button>.brand-mark{flex:none;width:17px;height:17px}.studio-account-actions button>.brand-mark{transform:translateY(0)}.project-thumb{position:relative;overflow:hidden}.project-thumb iframe{opacity:0;pointer-events:none;transform-origin:0 0;border:0;width:100%;height:100%;transition:opacity .16s}.project-thumb iframe.is-ready{opacity:1}.project-preview-loading,.project-preview-unavailable{pointer-events:none;background:#f1efea;place-content:center;place-items:center;display:grid;position:absolute;inset:0}.project-preview-loading .brand-mark{width:34px;height:34px;animation:1.1s ease-in-out infinite alternate studio-loading-pulse}.project-preview-unavailable .brand-mark{opacity:.3;width:34px;height:34px}.studio-main{background:#fff;flex:1;min-height:0;display:flex;position:relative}.studio-chat{background:#fff;flex-direction:column;flex:none;min-width:340px;display:flex;overflow-x:hidden}.studio-log{flex-direction:column;flex:1;gap:18px;min-width:0;padding:22px;display:flex;overflow:hidden auto}.studio-log>*{min-width:0;max-width:100%}.studio-empty{color:#777;text-align:center;flex:1;place-content:center;gap:5px;display:grid}.studio-empty strong{color:#171619;font-size:22px}.studio-message{flex-direction:column;gap:5px;min-width:0;max-width:100%;display:flex}.studio-message>span{color:#888;text-transform:uppercase;font-size:11px}.studio-message>div{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;max-width:100%;line-height:1.55}.studio-message.user{align-items:flex-end}.studio-message.user>div{background:#efede8;border-radius:10px;width:fit-content;max-width:82%;padding:11px 13px}.studio-status{overflow-wrap:anywhere;color:#777;font-size:13px;font-style:italic}.studio-error{overflow-wrap:anywhere;color:#b91c1c;background:#fee2e2;border-radius:7px;padding:10px}.studio-activity{overflow-wrap:anywhere;color:#666;flex-direction:column;gap:5px;min-width:0;max-width:100%;font-family:ui-monospace,monospace;font-size:12px;display:flex}.studio-activity>div{align-items:center;gap:8px;min-width:0;display:flex}.studio-dot{background:#999;border-radius:50%;flex:none;width:7px;height:7px}.studio-dot.running{background:#ff5d22;animation:1s infinite pulse}.studio-dot.ok{background:#22c55e}.studio-dot.fail{background:#ef4444}.studio-thinking{overflow-wrap:anywhere;color:#777;border-left:2px solid #d7d5d0;min-width:0;max-width:100%;padding-left:10px}.studio-thinking div{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;max-width:100%}.studio-usage{overflow-wrap:anywhere;border:1px dashed #d7d5d0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:100%;padding:8px;font-size:11px;display:flex}.studio-usage strong{color:#ff5d22}.studio-roaring{margin:0;animation:1.4s ease-in-out infinite studio-roaring-breathe}@keyframes studio-roaring-breathe{0%,to{opacity:.62}50%{opacity:1}}.studio-composer{background:#fff;border:1px solid #deddd9;border-radius:12px;flex:none;margin:14px;position:relative;overflow:visible;box-shadow:0 10px 28px #0000001c,0 2px 7px #0000000f}.studio-composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:90px;padding:16px 16px 4px;font-size:15px}.studio-composer.has-attachments textarea{height:66px;padding-top:8px}.attachment-limit-banner{z-index:12;color:#272624;background:#efefed;border:1px solid #d8d7d3;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:38px;padding:5px 6px 5px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 6px 16px #00000014}.attachment-limit-banner span{align-items:center;gap:8px;min-width:0;display:flex}.attachment-limit-banner svg{color:#d1432f;flex:none}.attachment-limit-banner button{color:#272624;cursor:pointer;border-radius:6px;flex:none;height:28px;padding:0 10px;font-size:12px;font-weight:700;transition:border-color .14s,background-color .14s,color .14s;background:#fff!important;border:1px solid #cbc9c4!important}.attachment-limit-banner button:hover{color:#fff;background:#171619!important;border-color:#171619!important}.composer-attachment-viewport{scrollbar-width:thin;scrollbar-color:#c9c6c0 transparent;width:100%;height:76px;padding:12px 14px 0;overflow:auto hidden}.composer-attachment-strip{align-items:stretch;gap:8px;width:max-content;height:60px;display:flex}.composer-attachment{background:#f8f7f5;border:1px solid #d9d7d2;border-radius:9px;flex:none;align-items:center;height:58px;display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #0000000a}.composer-attachment.is-image{background:#eceae6;width:58px;overflow:visible}.composer-attachment.is-image img,.composer-attachment.is-image video{object-fit:cover;border-radius:8px;width:100%;height:100%}.composer-attachment.is-file{gap:9px;width:194px;padding:8px 28px 8px 9px}.composer-file-icon{color:#55514b;background:#ebe9e4;border-radius:6px;flex:none;place-items:center;width:36px;height:36px;display:grid}.composer-file-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.composer-file-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.composer-file-copy small{color:#85817a;font-size:10px}.composer-attachment>button{color:#4f4b45;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0000001f;background:#fff!important;border:1px solid #d1cec8!important}.composer-attachment>button:hover{background:#f0eeea!important}.composer-attachment-progress{background:#ffffffa6;border-radius:8px;position:absolute;inset:0}.composer-attachment-progress:after{content:"";border:2px solid #cbc8c1;border-top-color:#ff5d22;border-radius:50%;width:19px;height:19px;animation:.7s linear infinite attachment-spin;position:absolute;top:50%;left:50%}.composer-attachment-error{color:#fff;background:#dc2626;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:5px;right:5px}.message-attachment-strip{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:82%;display:flex}.message-attachment{color:#292724;text-align:left;background:#fff;border:1px solid #d8d5cf;border-radius:9px;align-items:center;height:54px;display:flex;overflow:hidden}.message-attachment.is-image{width:54px;padding:0}.message-attachment.is-image img,.message-attachment.is-image video{object-fit:cover;width:100%;height:100%}.message-attachment-placeholder{background:#f1f0ed;place-items:center;width:100%;height:100%;display:grid}.message-attachment-placeholder .brand-mark{animation:1.05s ease-in-out infinite project-preview-logo;transform:scale(.55)}.message-attachment.is-file{gap:8px;width:min(210px,100%);padding:7px 10px}.message-attachment.is-file>span:first-child{background:#eeece8;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;display:grid}.message-attachment.is-file>span:last-child{flex-direction:column;min-width:0;display:flex}.message-attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.message-attachment small{color:#837f78;margin-top:2px;font-size:9px}.studio-history-loading{color:#777;flex:none;justify-content:center;align-items:center;gap:8px;min-height:28px;font-size:11px;display:flex}.studio-history-loading .brand-mark{animation:1.05s ease-in-out infinite project-preview-logo;transform:scale(.45)}.attachment-type-badge{color:#fff;letter-spacing:-.02em;background:#6b7280;border-radius:4px;flex:none;place-items:center;width:34px;height:38px;font-size:10px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0000001f}.attachment-type-badge.pdf{background:#e5484d;font-size:9px}.attachment-type-badge.word{background:#2b579a;font-family:Arial,sans-serif;font-size:19px}.attachment-type-badge.sheet{background:#217346;font-family:Arial,sans-serif;font-size:18px}.attachment-type-badge.slides{background:#d24726;font-family:Arial,sans-serif;font-size:18px}.attachment-type-badge.archive{background:#7c5c36;font-size:8px}.attachment-type-badge.generic{background:#66635e}.attachment-context-menu{z-index:10000;background:#fff;border:1px solid #d8d5cf;border-radius:8px;min-width:166px;padding:5px;position:fixed;overflow:hidden;box-shadow:0 10px 28px #0000002e}.attachment-context-menu button{color:#23211f;text-align:left;background:0 0;border:0;border-radius:5px;width:100%;padding:7px 10px;font-size:13px;display:block}.attachment-context-menu button:hover{background:#f0efec}.attachment-context-separator{background:#e2dfda;height:1px;margin:4px 2px;display:block}@keyframes attachment-spin{to{transform:translate(-50%,-50%)rotate(360deg)}0%{transform:translate(-50%,-50%)rotate(0)}}.studio-assets{border-bottom:1px solid #eceae6;flex-direction:column;gap:6px;max-height:156px;padding:10px;display:flex;overflow-y:auto}.studio-asset-row{background:#faf9f7;border:1px solid #e4e2dd;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:flex}.studio-asset-row>span{align-items:center;gap:7px;min-width:0;display:flex}.studio-asset-row>span:first-child>span{flex-direction:column;min-width:0;display:flex}.studio-asset-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.studio-asset-row small{color:#85817a;font-size:10px}.studio-asset-row button{color:#625f59;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:grid}.studio-asset-row button:hover{color:#171619;background:#ebe9e4}.uploading-label{color:#77736d;font-size:12px}.studio-resizer{z-index:5;cursor:col-resize;touch-action:none;background:#eceae6;flex:none;width:8px;position:relative}.studio-resizer span{background:#bcb9b2;border-radius:9px;width:4px;height:46px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.studio-resizer:hover{background:#dedbd5}.studio-preview{background:#fff;border:1px solid #d2cfc9;border-radius:14px;flex-direction:column;flex:1;min-width:360px;margin:0 0 14px;display:flex;overflow:hidden;box-shadow:0 10px 28px #0000001c,0 2px 7px #0000000f}.studio-preview iframe{background:#fff;border:0;flex:1;width:100%}.studio-placeholder{text-align:center;flex:1;place-content:center;gap:5px;display:grid}.studio-placeholder strong{font-size:26px}.studio-placeholder span{color:#777}.preview-is-expanded .studio-preview,.preview-is-expanded .studio-code{min-width:100%}.studio-preview.is-workspace-hidden,.studio-code.is-workspace-hidden{display:none}.studio-popover-wrap{position:relative}.studio-popover{z-index:60;background:#fff;border:1px solid #d8d5cf;border-radius:12px;padding:14px;position:absolute;top:42px;right:0;box-shadow:0 16px 44px #00000029}.studio-popover strong{display:block}.studio-popover>small{color:#777;margin:4px 0 12px;display:block}.personality-popover{width:320px}.personality-popover>button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.personality-popover>button:hover,.personality-popover>button.selected{background:#f3f1ed}.personality-popover>button>span{flex:1;min-width:0}.personality-popover b,.personality-popover small{display:block}.personality-popover small{color:#777;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.share-popover{width:420px}.popover-heading{justify-content:space-between;align-items:center;display:flex}.popover-heading button{color:#555;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:flex}.popover-heading button:disabled{color:#aaa}.invite-row{gap:7px;margin:14px 0;display:flex}.invite-row input{border:1px solid #d6d3cd;border-radius:7px;flex:1;min-width:0;height:38px;padding:0 10px}.invite-row button{color:#fff;background:#3478f6;border:0;border-radius:7px;padding:0 14px}.member-row{border-top:1px solid #eeece8;align-items:center;gap:9px;padding:10px 0;display:flex}.member-row .avatar{width:30px;height:30px}.member-row>span:nth-child(2){flex:1;min-width:0}.member-row b,.member-row small{display:block}.member-row small{color:#888;font-size:11px}.member-row>strong{color:#666;font-size:11px;font-weight:500}.access-row{border-top:1px solid #dedbd5;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.access-row b,.access-row small{display:block}.access-row small{color:#777;margin-top:3px;font-size:11px}.access-row select{background:#fff;border:1px solid #d6d3cd;border-radius:6px;height:34px;padding:0 8px}.publish-popover{width:350px}.publish-status{align-items:center;gap:7px;margin-bottom:14px;display:flex}.publish-status i{background:#999;border-radius:50%;width:7px;height:7px}.publish-status i.published{background:#22c55e}.publish-popover>label:not(.security-row){flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.publish-popover>label input{border:1px solid #d6d3cd;border-radius:7px;height:38px;padding:0 10px}.publish-access{background:#f5f4f1;border-radius:8px;margin:12px 0;padding:11px}.publish-access b,.publish-access small{display:block}.publish-access small{color:#777;margin-top:3px;font-size:11px}.security-row{align-items:center;gap:8px;margin:13px 0;font-size:12px;display:flex}.security-row input{width:15px;height:15px}.publish-confirm{color:#fff;background:#3478f6;border:0;border-radius:7px;width:100%;height:38px;font-weight:600}.studio-code{background:#fff;flex:1;min-width:360px;display:flex;overflow:hidden}.code-sidebar{background:#f8f7f4;border-right:1px solid #dedbd5;flex-direction:column;flex:none;width:220px;display:flex}.code-sidebar-heading{border-bottom:1px solid #e3e0da;flex:none;align-items:center;min-height:43px;padding:0 14px;display:flex}.code-sidebar-heading strong{font-size:13px;font-weight:650}.code-sidebar>label{background:#fff;border:1px solid #d6d3cd;border-radius:7px;flex:none;align-items:center;gap:7px;height:36px;margin:9px 10px;padding:0 10px;display:flex}.code-sidebar input{background:0 0;border:0;outline:0;flex:1;min-width:0}.code-file-list{flex:1;padding:0 7px 12px;overflow:auto}.code-file-list button{color:#37342f;text-align:left;padding-block:5px;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;width:100%;min-height:30px;padding-right:8px;font-size:11px;display:flex}.code-file-list button:hover,.code-file-list button.active{background:#e9e7e2}.code-file-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-file-list p{color:#777;padding:10px;font-size:12px;line-height:1.5}.code-tree-folder{font-family:inherit;font-weight:600;font-size:12px!important}.code-tree-folder>svg:first-child{color:#716e68;flex:none;transition:transform .14s}.code-tree-folder>svg:first-child.is-expanded{transform:rotate(90deg)}.code-tree-file{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.code-tree-file>svg{color:#8c8881;flex:none}.code-tree-children{position:relative}.code-tree-children:before{content:"";pointer-events:none;background:#e5e2dc;width:1px;position:absolute;top:0;bottom:0;left:18px}.code-tree-folder-group .code-tree-folder-group .code-tree-children:before{left:34px}.code-editor{flex-direction:column;flex:1;min-width:0;display:flex}.code-editorbar{border-bottom:1px solid #dedbd5;flex:none;justify-content:space-between;align-items:center;gap:10px;height:44px;padding:0 10px 0 12px;display:flex}.code-editorbar span,.code-editorbar button{align-items:center;gap:6px;display:flex}.code-editorbar .code-current-path{white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.code-current-path svg{flex:none}.code-editorbar .code-export-button{color:#fff;background:#171717;border:0;border-radius:7px;flex:none;height:32px;padding:0 12px;font-size:12px;font-weight:650}.code-editorbar .code-export-button:hover{background:#333}.code-editorbar .code-export-button:disabled{opacity:.58}.code-editor pre{color:#252422;tab-size:2;white-space:pre;background:#fbfbfa;flex:1;margin:0;padding:18px 20px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-plan-banner{color:#423a35;background:#fff7f2;border-bottom:1px solid #ead2c7;flex:none;align-items:center;min-height:44px;padding:7px 14px;font-size:12px;display:flex}.code-plan-banner span{overflow-wrap:anywhere;min-width:0;line-height:1.35}.studio-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(16px)saturate(.72);background:#1413123d;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.studio-export-modal{text-align:center;background:#fff;border:1px solid #ffffffb8;border-radius:15px;width:min(390px,100%);padding:45px 28px 24px;position:relative;box-shadow:0 24px 70px #0000003b}.studio-modal-close{color:#4a4844;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.studio-modal-close:hover{background:#eeece8}.studio-export-modal h2{letter-spacing:-.02em;margin:0;font-size:19px}.studio-export-modal p{color:#6d6962;max-width:320px;margin:9px auto 18px;font-size:12.5px;line-height:1.5}.studio-modal-primary{color:#fff;background:#171717;border:0;border-radius:8px;min-width:132px;height:40px;font-weight:700}.studio-modal-primary:hover{background:#333}.studio-plans-modal{background:#f8f7f4;border:1px solid #ffffffb3;border-radius:16px;width:min(1240px,96vw);max-height:min(880px,92dvh);position:relative;overflow:hidden;box-shadow:0 26px 90px #00000047}.studio-plans-modal>.studio-modal-close{z-index:2;right:28px}.studio-plans-scroll{scrollbar-gutter:stable;max-height:calc(min(880px,92dvh) - 16px);margin:8px;padding:14px 24px 22px 18px;overflow-y:auto}.studio-plans-modal .plans-heading{margin:16px 0 31px}.studio-plans-modal .plans-heading h1{font-size:clamp(26px,4vw,36px)}.studio-plans-modal .plan-grid{gap:10px}.studio-plans-modal .plan-grid article{min-height:410px;padding:18px}.studio-home-button.is-open .studio-brand-icon{display:none}.studio-home-button.is-open .studio-menu-icon{display:grid}.studio-log{-webkit-mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 22px),#0000 100%)}.studio-composer{margin:21px 14px 7px}.studio-preview{margin-bottom:7px}.studio-resizer:after,.studio-resizer:before{bottom:7px}.studio-topbar{height:48px}.studio-chat-toolbar{transition:none}.studio-preview-toolbar{gap:6px;min-width:510px;padding-inline:9px;position:relative;container-type:inline-size}.studio-chat-toolbar,.studio-chat{flex-shrink:1;min-width:0}.studio-preview-toolbar.is-compact .studio-personality-button>.brand-mark{display:block}.studio-preview-tools{z-index:2;gap:1px;position:absolute;left:calc(50% - 8px);transform:translate(-50%)}.studio-preview-tools>button,.studio-device-wrap>button{width:30px;height:30px}.studio-preview-tools button.active{color:#39318a;background:#eeedff}.studio-route-control{background:#f4f3f0;border-radius:16px;flex:none;align-items:center;width:150px;height:30px;padding:0 2px;transition:background-color .16s,box-shadow .16s;display:flex;position:relative}.studio-route-control>button{border-radius:50%;width:28px;height:28px}.studio-route-control .studio-route-current{color:#37342f;text-align:center;border-radius:8px;flex:1;width:auto;min-width:0;padding:0 3px;font-size:13px;display:block;overflow:hidden}.studio-route-control .studio-route-current span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-route-control .studio-route-current:hover,.studio-route-control .studio-route-arrow:hover{background:#e9e7e2}.studio-route-control .studio-route-arrow{width:24px}.studio-route-menu{z-index:78;background:#fff;border:1px solid #d8d5cf;border-radius:10px;flex-direction:column;width:min(210px,100vw - 24px);max-height:330px;padding:5px;display:flex;position:absolute;top:35px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 14px 34px #00000026}.studio-preview-tools .studio-route-menu>button{color:#37342f;text-align:left;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:8px;width:100%;height:auto;min-height:36px;padding:7px 9px;font-size:13px;display:flex}.studio-route-menu>button:hover,.studio-route-menu>button.active{background:#f1f0ed}.studio-route-menu>button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-route-menu>button svg{color:#5e5a54;flex:none;margin-left:auto}.studio-preview-toolbar.is-compact .studio-route-control{width:150px}.studio-device-menu{z-index:75;background:#fff;border:1px solid #d8d5cf;border-radius:10px;width:164px;padding:5px;position:absolute;top:37px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000026}.studio-device-menu button{color:#45423d;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;height:36px;padding:0 9px;font-size:13px;display:flex}.studio-device-menu button:hover{background:#f2f1ee}.studio-device-menu button svg:last-child{margin-left:auto}.studio-preview,.studio-code{min-width:510px}.studio-preview-canvas{flex:1;justify-content:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.studio-device-stage{flex:none;width:100%;min-width:0;height:100%;overflow:visible}.studio-device-frame{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.studio-preview-empty{color:#777;background:#f7f7f5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.studio-preview-empty button{color:#252525;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d8d3;border-radius:9px;padding:7px 13px}.studio-preview-empty button:disabled{cursor:default;opacity:.55}.studio-preview-loading{z-index:4;color:#8d8982;background:#f1f0ed;place-items:center;display:grid;position:absolute;inset:0}.studio-preview-loading .brand-mark{width:clamp(52px,7vw,72px);height:clamp(52px,7vw,72px);animation:1.05s ease-in-out infinite alternate studio-preview-logo-loading}@keyframes studio-preview-logo-loading{0%{opacity:.34;transform:scale(.93)}to{opacity:.76;transform:scale(1)}}.studio-preview.device-tablet .studio-device-stage{width:768px;min-width:768px}.studio-preview.device-tablet .studio-device-frame{border:1px solid #d4d1cb;border-radius:13px;box-shadow:0 8px 24px #00000014}.studio-preview.device-mobile .studio-device-stage{width:390px;min-width:390px}.studio-preview.device-mobile .studio-device-frame{border:1px solid #d4d1cb;border-radius:16px;box-shadow:0 8px 24px #0000001a}.studio-preview .studio-device-frame iframe{flex:1;width:100%;min-height:0}.studio-device-frame .studio-placeholder{width:100%;min-width:0;padding:20px}.studio-device-frame .studio-placeholder strong{overflow-wrap:anywhere;max-width:100%}@container (max-width:820px){.studio-preview-toolbar:not(.actions-are-compact) .studio-top-actions{gap:3px}.studio-preview-toolbar:not(.actions-are-compact) .studio-top-actions>button,.studio-preview-toolbar:not(.actions-are-compact) .studio-top-actions .studio-popover-wrap>button{padding-inline:7px}}.studio-preview-toolbar.actions-are-compact .studio-top-actions{gap:4px}.studio-preview-toolbar.actions-are-compact .studio-top-actions>button,.studio-preview-toolbar.actions-are-compact .studio-top-actions .studio-popover-wrap>button{justify-content:center;width:34px;padding:0}.studio-preview-toolbar.actions-are-compact .studio-top-actions button>span{display:none}.studio-preview-toolbar.actions-are-compact .studio-publish:after{content:"↑";font-size:16px}.studio-preview-toolbar.actions-are-compact .studio-personality-button>.brand-mark{display:block}.studio-preview-toolbar.actions-are-compact .studio-personality-button .brand-mark{width:17px;height:17px}.studio-preview-toolbar.is-compact.actions-are-compact .studio-top-actions{gap:2px}.studio-preview-toolbar.is-compact.actions-are-compact .studio-top-actions>button,.studio-preview-toolbar.is-compact.actions-are-compact .studio-top-actions .studio-popover-wrap>button{width:32px;height:32px}.studio-preview-toolbar.is-compact .studio-compact-modes>button span{display:none}.studio-resizer,.studio-resizer:hover{z-index:20;background:0 0;width:0}.studio-resizer:after{content:"";width:10px;position:absolute;top:0;bottom:14px;left:0;transform:translate(-50%)}.studio-resizer:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#00000061 9%,#000000c7 24%,#000 50%,#000000c7 76%,#00000061 91%,#0000 100%);width:2px;transition:opacity .12s;position:absolute;top:0;bottom:14px;left:0;transform:translate(-50%);box-shadow:0 0 8px #00000038}.studio-resizer:hover:before,.studio-shell.is-resizing .studio-resizer:before{opacity:1}.studio-shell.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.studio-shell.is-resizing iframe{pointer-events:none}.studio-log{scrollbar-gutter:auto;scrollbar-color:#aaa7a1 transparent;scrollbar-width:thin}.studio-log::-webkit-scrollbar{width:6px}.studio-log::-webkit-scrollbar-track{background:0 0}.studio-log::-webkit-scrollbar-thumb{background:#aaa7a1;border-radius:999px}@container (max-width:420px){.studio-preview-toolbar.is-compact{gap:2px;padding-inline:4px}.studio-preview-toolbar.is-compact .studio-route-control{display:none}.studio-preview-toolbar.is-compact .studio-view-tabs,.studio-preview-toolbar.is-compact .studio-compact-modes{gap:0;padding:2px}.studio-preview-toolbar.is-compact .studio-compact-modes>button{height:28px;padding-inline:7px}.studio-preview-toolbar.is-compact .studio-compact-modes .studio-popover-wrap>button,.studio-preview-toolbar.is-compact .studio-preview-tools>button,.studio-preview-toolbar.is-compact .studio-device-wrap>button,.studio-preview-toolbar.is-compact .studio-top-actions>button,.studio-preview-toolbar.is-compact .studio-top-actions .studio-popover-wrap>button{width:28px;height:28px}.studio-preview-toolbar.is-compact .studio-top-actions{gap:2px}}.studio-mobile-header{background:#fff;border-bottom:1px solid #dedbd5;flex:none;align-items:center;gap:6px;height:50px;padding:0 8px;display:flex}.home-composer-actions .app-attach-wrap,.studio-composer-actions .app-attach-wrap{flex:none;place-items:center;width:32px;height:40px;display:grid}.home-composer-actions .app-attach-wrap>button,.studio-composer-actions .app-attach-wrap>button{place-items:center;width:32px;height:40px;padding:0;display:grid}.home-composer-actions .app-attach-wrap>button,.studio-composer-actions .app-attach-wrap>button,.home-composer-actions .model-picker,.studio-composer-actions .model-picker,.home-composer-actions .composer-mic,.studio-composer-actions .composer-mic{border-radius:7px;transition:background-color .14s,color .14s,transform .14s}.home-composer-actions .app-attach-wrap>button:hover,.studio-composer-actions .app-attach-wrap>button:hover,.home-composer-actions .model-picker:hover,.studio-composer-actions .model-picker:hover,.home-composer-actions .composer-mic:hover,.studio-composer-actions .composer-mic:hover{background:#f1f0ed}.home-composer-actions .app-attach-wrap>button:active,.studio-composer-actions .app-attach-wrap>button:active,.home-composer-actions .model-picker:active,.studio-composer-actions .model-picker:active,.home-composer-actions .composer-mic:active,.studio-composer-actions .composer-mic:active{background:#e8e6e2;transform:scale(.96)}.studio-composer textarea{height:100px;display:block}.studio-composer.has-attachments textarea{height:76px}.studio-composer-actions{gap:6px;height:54px;padding-inline:14px}.studio-composer-actions .app-attach-wrap,.studio-composer-actions .app-attach-wrap>button{height:36px}.studio-composer-actions .model-picker-wrap{margin-left:0}.studio-composer-actions .model-picker{min-height:32px;font-size:12px;line-height:1;position:relative;top:1px;padding:5px 7px!important}.studio-composer-actions .studio-dinosaur-model{place-items:center;width:36px;height:36px;min-height:36px;display:grid;top:0;padding:0!important}.studio-composer-actions .studio-dinosaur-model img{object-fit:contain;width:19px;height:19px;display:block;transform:translate(1px,1px)}.studio-composer-actions .composer-mic{width:36px;height:36px}.studio-composer-actions .composer-mic svg{width:18px;height:18px}.studio-composer-actions .composer-send{width:38px;height:38px}.studio-composer-actions .composer-send svg{width:16px;height:16px}.studio-home-button .studio-brand-icon{position:relative;top:4px}.studio-home-button .studio-menu-icon{place-items:center;width:23px;height:23px}.studio-home-button .studio-menu-icon img{object-fit:contain;width:23px;height:20px;display:block}.studio-mode-menu button svg:last-child{margin-left:auto}.studio-preview-toolbar.is-compact.actions-are-compact .studio-top-actions>button,.studio-preview-toolbar.is-compact.actions-are-compact .studio-top-actions .studio-popover-wrap>button,.studio-preview-toolbar.is-compact .studio-top-actions>button,.studio-preview-toolbar.is-compact .studio-top-actions .studio-popover-wrap>button{width:34px;height:34px}.studio-mobile-header>button{background:#fff;border:1px solid #d7d4ce;border-radius:8px;place-items:center;width:34px;min-width:34px;height:34px;display:grid}.studio-mobile-header .studio-mobile-menu-button .brand-mark{width:19px;height:19px;transform:translateY(-1px)}.studio-mobile-header .studio-mobile-project{text-overflow:ellipsis;white-space:nowrap;border-radius:18px;align-items:center;gap:6px;width:auto;max-width:calc(100% - 94px);padding:0 13px;display:flex;overflow:hidden}.studio-mobile-workspace-tabs{background:#f1f0ed;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:2px;width:172px;min-width:172px;padding:3px;display:flex}.studio-mobile-workspace-tabs button{color:#68655f;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:82px;min-width:82px;height:30px;padding:0 7px;font-size:14px;font-weight:650;display:flex}.studio-mobile-workspace-tabs button svg{display:none}.studio-mobile-workspace-tabs button{gap:0}.studio-mobile-workspace-tabs button.active{color:#282171;background:#eeedff;border:1px solid #8f8bff;box-shadow:0 1px 2px #0000000d}.studio-mobile-header>.studio-mobile-header-upgrade{color:#fff;background:#7c3aed;border-color:#6d28d9;margin-left:auto}.studio-mobile-header>.studio-mobile-header-publish{color:#fff;background:#3478f6;border-color:#2866dc}.studio-mobile-preview-bar{z-index:25;background:#fff;border-bottom:1px solid #e3e0da;flex:none;justify-content:center;align-items:center;gap:6px;height:42px;padding:5px 9px;display:flex;position:relative}.studio-mobile-route-dismiss{z-index:24;background:0 0;border:0;padding:0;position:fixed;inset:92px 0 0}.studio-mobile-preview-bar>button{color:#5f5d58;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;min-width:32px;height:32px;display:grid}.studio-mobile-preview-bar>button:hover{background:#f1f0ed}.studio-mobile-preview-bar>button:disabled{opacity:.35}.studio-mobile-preview-bar>button:last-child{position:absolute;right:8px}.studio-mobile-route{width:min(240px,100% - 82px);position:relative}.studio-mobile-route-current{color:#37342f;background:#f4f3f0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:7px;width:100%;height:32px;padding:0 13px;font-size:13px;display:flex}.studio-mobile-route-current span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-mobile-route-current svg,.studio-route-arrow svg{transition:transform .18s}.studio-mobile-route-current[aria-expanded=true] svg,.studio-route-arrow[aria-expanded=true] svg{transform:rotate(180deg)}.studio-mobile-route-menu{z-index:80;background:#fff;border:1px solid #d8d5cf;border-radius:11px;flex-direction:column;width:min(280px,100vw - 24px);max-height:min(360px,100dvh - 118px);padding:5px;display:flex;position:absolute;top:37px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 14px 34px #00000029}.studio-mobile-route-menu>button{text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:8px;min-height:42px;padding:6px 9px;display:grid}.studio-mobile-route-menu>button:hover,.studio-mobile-route-menu>button.active{background:#f1f0ed}.studio-mobile-route-menu>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-mobile-route-menu>button small{color:#8a8781;font-size:10px}.studio-mobile-route-menu-heading{color:#6f6b65;text-align:left;border-bottom:1px solid #e7e4df;padding:9px 10px 8px;font-size:11px;font-weight:650;display:block}.studio-shell.is-single-pane .studio-main{flex-direction:row;padding-bottom:0;overflow:hidden}.studio-shell.is-single-pane.is-mobile-preview-pane .studio-main{padding-bottom:0}.studio-shell.is-single-pane .studio-chat,.studio-shell.is-single-pane .studio-preview,.studio-shell.is-single-pane .studio-code{flex:1;min-width:0;min-height:0;width:100%!important}.studio-shell.is-single-pane .studio-chat{height:100%}.studio-shell.is-single-pane .studio-preview-canvas{align-items:stretch}.studio-shell.is-single-pane .studio-preview.device-mobile .studio-device-frame{border-radius:9px;width:min(390px,100% - 18px);height:calc(100% - 8px);margin:4px 9px}.studio-shell.is-single-pane{height:100dvh}.studio-shell.is-single-pane .studio-preview{box-shadow:none;border:0;border-radius:0;margin:0}.studio-shell.is-single-pane .studio-preview-canvas,.studio-shell.is-single-pane .studio-device-stage,.studio-shell.is-single-pane .studio-device-frame{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;margin:0}.studio-device-frame:fullscreen{background:#fff;border:0;border-radius:0;width:100%;height:100%;margin:0}.studio-device-frame:fullscreen iframe{width:100%;height:100%}.studio-shell.is-preview-expanded .studio-main{height:100%;min-height:0;padding:0}.studio-shell.is-preview-expanded .studio-preview,.studio-shell.is-preview-expanded .studio-device-stage,.studio-shell.is-preview-expanded .studio-device-frame,.studio-shell.is-single-pane.is-preview-expanded .studio-preview.device-mobile .studio-device-frame,.studio-shell.is-single-pane.is-preview-expanded .studio-preview.device-tablet .studio-device-frame{border:0;border-radius:0;width:100%;min-width:0;height:100%;margin:0}.studio-preview-fullscreen-header{z-index:26;background:#fff;border-bottom:1px solid #e3e0da;flex:none;justify-content:flex-end;align-items:center;height:44px;padding:0 7px;display:flex;position:relative}.studio-preview-fullscreen-header>span{color:#77736d;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.studio-preview-fullscreen-header>button{color:#35332f;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.studio-preview-fullscreen-header>button:hover{background:#f1f0ed}.studio-back-to-roar{right:19px;bottom:max(14px, env(safe-area-inset-bottom));z-index:24;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212d6;border:1px solid #ffffff47;border-radius:20px;align-items:center;gap:8px;height:38px;padding:0 15px 0 12px;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 24px #00000038}.studio-back-to-roar:hover{background:#121212f5}.studio-back-to-roar .brand-mark{color:#fff;filter:none;width:18px;height:18px;transform:translateY(0)}.studio-back-to-roar>span{text-overflow:ellipsis;white-space:nowrap;max-width:min(220px,100vw - 100px);line-height:1;overflow:hidden}.studio-roar-overlay{z-index:32;background:#fff;border:1px solid #d7d4ce;border-radius:14px;flex-direction:column;width:min(520px,100% - 24px);min-width:0;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 18px 48px #0000003d}.studio-roar-overlay>header{border-bottom:1px solid #e3e0da;flex:none;justify-content:space-between;align-items:center;height:52px;padding:0 9px 0 16px;display:flex}.studio-roar-overlay>header>span{align-items:center;gap:9px;min-width:0;display:flex}.studio-roar-overlay>header .brand-mark{width:19px;height:19px;transform:translateY(0)}.studio-roar-overlay>header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1;overflow:hidden}.studio-roar-overlay>header>button{background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.studio-roar-overlay>header>button:hover{background:#f1f0ed}.studio-roar-overlay .studio-roar-chat{flex:1;min-width:0;min-height:0;width:100%!important}.studio-roar-overlay .studio-log{padding-top:18px}.studio-roar-overlay .studio-composer{margin-bottom:9px}.studio-composer-actions .composer-mic{color:#171619;border-radius:50%;margin-right:6px;transform:translateY(.75px)}.studio-composer-actions .composer-send.dino-prompt-send,.studio-composer-actions .composer-send.dino-prompt-send:disabled{flex:none;place-items:center;padding:0;transition:transform .14s;display:grid;position:relative;transform:translateY(.75px);background:0 0!important;border-radius:50%!important}.studio-composer-actions .composer-send.dino-prompt-send:before{z-index:0;content:"";background:0 0;border-radius:50%;width:34px;height:34px;transition:background-color .14s,transform .14s;position:absolute}.studio-composer-actions .composer-send.dino-prompt-send:hover:not(:disabled):before{background:#f1f0ed}.studio-composer-actions .composer-send.dino-prompt-send:active:not(:disabled):before{background:#e8e6e2}.studio-composer-actions .composer-send.dino-prompt-send[data-ready=true] .dino-prompt-send-icon{opacity:.84}.studio-composer-actions .composer-send.dino-prompt-send[data-ready=true]:hover .dino-prompt-send-icon{opacity:1}.studio-composer-actions .composer-send.dino-prompt-send .dino-prompt-send-icon{z-index:1;width:90%;height:90%;position:relative}.studio-composer-actions .composer-send.dino-prompt-send{margin-right:0}@media (max-width:719px){.studio-shell.is-single-pane .studio-mobile-route-menu{border-left:0;border-right:0;border-radius:0 0 11px 11px;width:100%;max-height:calc(100dvh - 92px);position:fixed;top:92px;left:0;right:0;transform:none}}@media (max-width:390px){.studio-mobile-header{gap:4px;padding-inline:6px}.studio-mobile-workspace-tabs{width:160px;min-width:160px}.studio-mobile-workspace-tabs button{width:76px;min-width:76px;padding-inline:4px}}.studio-mobile-dock{z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #d7d4ce;border-radius:23px;align-items:center;gap:6px;height:44px;padding:4px;display:flex;position:absolute;bottom:7px;left:8px;right:8px;box-shadow:0 8px 28px #0000001f}.studio-mobile-dock button{color:#393733;background:0 0;border:0;border-radius:17px;justify-content:center;align-items:center;gap:4px;height:34px;padding:0 10px;display:flex}.studio-mobile-dock button:hover{background:#f0efec}.studio-mobile-dock-spacer{flex:1;min-width:0}.studio-mobile-preview-actions{flex:none;position:relative}.studio-mobile-preview-actions>button{border:1px solid #dfdcd6;width:34px;padding:0}.studio-mobile-menu-dismiss{z-index:44;position:absolute;inset:0}.studio-mobile-preview-menu{z-index:46;background:#fff;border:1px solid #d8d5cf;border-radius:11px;flex-direction:column;width:210px;padding:5px;display:flex;position:absolute;bottom:43px;right:0;box-shadow:0 14px 34px #00000029}.studio-mobile-preview-menu>button{border-radius:7px;justify-content:flex-start;width:100%;padding:0 10px;font-size:13px}.studio-mobile-preview-menu>button>span{text-align:left;flex:1}.studio-mobile-preview-menu>button svg:last-child.is-expanded{transform:rotate(180deg)}.studio-mobile-page-list{border-block:1px solid #ebe9e5;max-height:220px;padding:4px 0;overflow-y:auto}.studio-mobile-page-list>button{text-align:left;border-radius:7px;justify-content:flex-start;width:100%;min-height:42px;padding:5px 10px 5px 30px;display:flex}.studio-mobile-page-list>button.active{background:#f1f0ed}.studio-mobile-page-list>button span{flex-direction:column;flex:1;min-width:0;display:flex}.studio-mobile-page-list b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.studio-mobile-page-list small{color:#8a8781;margin-top:2px;font-size:9px}.studio-mobile-dock .studio-mobile-publish{color:#fff;background:#3478f6;font-weight:600}@media (max-width:1180px){.auth-page{background:linear-gradient(135deg,#cbcaff 0%,#afb5ff 52%,#c9c9ff 100%);grid-template-columns:1fr;place-items:center;min-height:100dvh;padding:24px;display:grid;overflow-x:hidden}.auth-art{display:none}.auth-panel{background:#fff;border:1px solid #17161914;border-radius:16px;width:min(560px,100%);min-height:0;padding:24px 38px 22px;overflow:visible;box-shadow:0 18px 55px #2b2a5c33}.auth-topline{justify-content:center;min-height:38px;position:relative}.auth-back{position:absolute;left:0}.auth-brand{justify-content:center}.auth-form-wrap{width:min(440px,100%);margin:20px auto;padding-block:10px}.auth-terms{text-align:center;margin-top:18px}.auth-password-strength{width:100%;box-shadow:none;margin-top:9px;position:relative;top:auto;left:auto}.auth-password-strength:before{display:none}.consent-card{animation:.35s cubic-bezier(.22,1,.36,1) consent-rise-mobile;bottom:14px;right:50%;transform:translate(50%)}.consent-manager{width:100vw}.app-home{padding:42px 18px 50px}.app-home-intro h1{font-size:clamp(36px,8vw,52px)}.home-composer{margin-top:44px}.home-composer textarea{height:100px;padding:18px;font-size:16px}.home-projects{margin-top:55px}.plan-grid{grid-template-columns:1fr 1fr;gap:26px 10px}.plans-page{padding-inline:16px}.admin-page{padding:36px 18px 60px}.admin-heading{align-items:flex-start;margin-top:32px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-user-row{grid-template-columns:minmax(160px,1fr) 82px}.admin-user-row>span:last-child{display:none}.studio-placeholder strong{font-size:21px}.studio-popover{width:auto;max-height:calc(100dvh - 64px);position:fixed;top:54px;left:8px;right:8px;overflow-y:auto}}@media (min-width:901px) and (max-width:1180px){.auth-page{background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);place-items:stretch stretch;padding:0;overflow:visible}.auth-panel{width:auto;min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:22px 32px 18px;overflow:visible}.auth-art{align-self:start;height:calc(100dvh - 44px);min-height:500px;display:block;position:sticky;top:22px}.auth-topline{justify-content:flex-start;position:static}.auth-back{position:static}.auth-brand{justify-content:flex-start}.auth-form-wrap{width:min(440px,100%);margin:auto;padding-block:20px}.auth-terms{text-align:left;margin:auto auto 0}}@media (min-width:561px) and (max-height:760px){.auth-panel{padding-block:14px 12px}.auth-topline{min-height:34px}.auth-back{width:34px;height:34px}.auth-brand{font-size:21px}.auth-brand .brand-mark{width:25px;height:25px}.auth-form-wrap{width:min(440px,100%);padding-block:4px}.auth-form-wrap h1{margin-bottom:14px;font-size:31px;line-height:1.08}.auth-providers{gap:7px}.auth-providers button{height:40px;font-size:14px}.auth-divider{margin:12px 0}.auth-email-form{gap:10px}.auth-email-form label{gap:4px}.auth-email-form input,.auth-submit,.auth-password-eye{height:42px}.auth-turnstile{min-height:61px}.auth-switch{margin-top:12px;font-size:13px}.auth-terms{font-size:10px;line-height:1.3}}@media (max-width:560px){.auth-reset-complete-toast{justify-content:center;top:68px;left:18px;right:18px}.auth-page{padding:12px}.auth-form-wrap h1{font-size:31px}.auth-providers button{font-size:14px}.auth-panel{border-radius:13px;width:100%;padding:18px}.auth-focused-flow h1{font-size:30px}.auth-email-form .auth-code-digit{width:39px;height:46px}.auth-code-grid{grid-template-columns:repeat(6,38px);width:228px}.consent-manager>header{padding:18px 16px 10px}.consent-tabs,.consent-list{padding-inline:16px}.consent-row{grid-template-columns:1fr auto;padding:13px}.consent-expand{grid-column:2}.consent-manager>footer{grid-template-columns:1fr;gap:7px;padding:12px 16px}.app-home{padding-top:32px}.home-composer-actions,.studio-composer-actions{padding-inline:8px}.model-picker{font-size:12px}.project-card{width:100%}.plan-grid,.profile-details{grid-template-columns:1fr}.account-popover{width:min(340px,100vw - 88px)}.admin-heading h1{font-size:31px}.admin-heading p{font-size:13px}.admin-metrics{grid-template-columns:1fr}.admin-user-row{padding-inline:12px}.studio-preview-toolbar{padding-inline:4px}.studio-compact-modes>button span{display:none}.studio-top-actions{gap:3px}.studio-top-actions>button,.studio-popover-wrap>button{justify-content:center;width:34px;padding:0}.studio-publish{width:34px!important;padding:0!important}.studio-project-identity{display:none}.code-sidebar{width:34%;min-width:112px}.code-editorbar{gap:5px;padding-left:7px;padding-right:6px}.code-editorbar .code-export-button{height:30px;padding:0 9px}.code-editor pre{padding:12px;font-size:11px}.studio-modal-backdrop{padding:10px}.studio-export-modal{padding:43px 20px 22px}.studio-plans-modal{width:100%;max-height:94dvh}.studio-plans-scroll{max-height:calc(94dvh - 16px);padding:10px 11px 16px 5px}.studio-plans-modal .plan-grid{grid-template-columns:1fr;gap:25px}.studio-plans-modal .plan-grid article{min-height:390px}}@media (max-width:899px){.app-shell{padding-top:56px;position:relative}.dashboard-mobile-header{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f7f5;border-bottom:1px solid #deddd9;justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex;position:absolute;inset:0 0 auto}.dashboard-mobile-header>button{background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.dashboard-mobile-header>button:hover{background:#ecebe8}.dashboard-mobile-menu-button img{object-fit:contain;width:24px;height:24px}.dashboard-mobile-brand{align-items:center;gap:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dashboard-mobile-brand img{object-fit:contain;width:23px;height:23px}.dashboard-mobile-brand strong{letter-spacing:-.04em;font-size:17px}.dashboard-mobile-account .avatar{border-radius:8px;width:32px;height:32px;padding:0;font-size:12px;font-weight:800}.app-project-section-title{min-height:44px;font-size:16px!important}.dashboard-sidebar-backdrop{z-index:110;opacity:0;pointer-events:none;background:#17161952;border:0;transition:opacity .21s;display:block;position:fixed;inset:0}.mobile-sidebar-open .dashboard-sidebar-backdrop{opacity:1;pointer-events:auto}.app-sidebar,.sidebar-collapsed .app-sidebar{z-index:120;border-right:0;width:min(320px,100vw - 42px);height:100dvh;transition:transform .24s cubic-bezier(.22,1,.36,1);position:fixed;inset:0 auto 0 0;transform:translate(-104%);box-shadow:16px 0 48px #0003}.sidebar-flashing .app-sidebar{transition:none}.mobile-sidebar-open .app-sidebar{transform:translate(0)}.app-sidebar-brand{justify-content:flex-start;height:60px;padding:0 14px}.app-sidebar-brand>strong,.app-sidebar-brand .app-sidebar-dinosaur{display:block}.app-sidebar-brand>button{margin-left:auto}.app-sidebar-nav{padding:12px}.app-sidebar-nav button{justify-content:flex-start;padding:0 12px}.app-sidebar-nav span{display:inline}.app-project-links{min-height:0;display:flex;overflow-y:auto}.upgrade-card{justify-content:flex-start;width:calc(100% - 28px);min-height:64px;padding:11px}.upgrade-card span{display:flex}.workspace-switcher{flex-direction:row;height:68px;padding:8px 10px}.workspace-button{flex:1}.workspace-button>span:not(.avatar){display:flex}.workspace-button>svg{display:block}.notification-popover{width:auto;position:fixed;bottom:78px;left:12px;right:12px}.account-popover{width:auto;max-height:calc(100dvh - 92px);position:fixed;bottom:76px;left:12px;right:12px;overflow-y:auto}.app-content{width:100%}}.home-composer .app-attach-menu,.studio-composer .app-attach-menu{transform-origin:0 100%;bottom:50px}@keyframes consent-rise-mobile{0%{opacity:0;transform:translate(50%,18px)}to{opacity:1;transform:translate(50%)}}.studio-loading-cover{z-index:10000;color:#6d6a65;background:#f7f6f3;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:100dvh;font-size:14px;display:flex;position:fixed;inset:0}.project-loading-track{background:#d8d6d1;border-radius:99px;width:min(260px,100vw - 64px);height:3px;overflow:hidden}.project-loading-track i{border-radius:inherit;background:#171619;height:100%;transition:width .24s ease-out;display:block}.studio-shell.is-project-loading{pointer-events:none;-webkit-user-select:none;user-select:none}.studio-loading-cover .brand-mark{width:27px;height:27px;animation:1.1s ease-in-out infinite alternate studio-loading-pulse}@keyframes studio-loading-pulse{0%{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.standalone-preview{background:#fff;position:fixed;inset:0;overflow:hidden}.standalone-preview>iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .12s}.standalone-preview>iframe.is-ready{opacity:1}.standalone-preview-loading{position:absolute}.standalone-preview-loading button{background:#fff;border:1px solid #cfccc6;border-radius:7px;height:34px;padding:0 13px}.studio-tools{background:#fff;flex:1;min-width:510px;min-height:0;display:flex;overflow:hidden}.studio-tools.is-workspace-hidden{display:none}.project-tools-panel{isolation:isolate;background:#fbfaf8;flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;position:relative;container:project-tools/inline-size}.project-tools-body{flex:1;min-width:0;min-height:0;display:flex}.project-tools-compact-bar,.project-tools-sheet,.project-tools-sheet-dismiss{display:none}.project-tools-nav{background:#f4f3f0;border-right:1px solid #dedbd5;flex-direction:column;flex:none;gap:4px;width:184px;padding:14px 10px;display:flex}.project-tools-nav header{align-items:center;gap:9px;height:44px;padding:0 10px 10px;font-size:17px;display:flex}.project-tools-nav button{color:#4e4b46;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr 15px;align-items:center;gap:8px;min-height:50px;padding:0 10px;font-size:15px;display:grid}.project-tools-nav button:hover,.project-tools-nav button.active{color:#171619;background:#e7e5e0}.project-tools-nav button svg:last-child{opacity:.45}.project-tools-nav .backend-nav-parent svg:last-child{transition:transform .18s}.project-tools-nav .backend-nav-parent svg:last-child.is-expanded{transform:rotate(90deg)}.backend-nav-children{flex-direction:column;gap:3px;margin:-1px 0 3px 12px;display:flex}.project-tools-nav .backend-nav-children button{align-items:center;width:100%;min-height:38px;padding:0 12px;font-size:13px;animation:.18s cubic-bezier(.2,.8,.2,1) both backend-nav-child-in;display:flex}.project-tools-nav .backend-nav-children button:nth-child(2){animation-delay:70ms}@keyframes backend-nav-child-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.project-tool-content{flex:1;min-width:0;min-height:0;overflow:auto}.tool-page{width:min(880px,100%);margin:0 auto;padding:34px 34px 80px}.tool-heading{align-items:flex-start;gap:13px;margin-bottom:25px;display:flex}.tool-heading>span{background:#fff;border:1px solid #d8d5cf;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.tool-heading>div{flex:1;min-width:0}.tool-heading h2{letter-spacing:-.035em;margin:0;font-size:26px}.tool-heading p{color:#77736d;margin:5px 0 0;font-size:13px}.tool-heading>button{margin-left:auto}.tool-card{background:#fff;border:1px solid #dedbd5;border-radius:11px;margin-bottom:15px;padding:19px}.tool-card h3{margin:0;font-size:16px}.tool-card p{color:#77736d;margin:6px 0 0;font-size:13px;line-height:1.5}.tool-card button,.tool-primary{background:#fff;border:1px solid #ccc8c1;border-radius:7px;min-height:35px;padding:0 13px;font-size:12px}.tool-card button:hover:not(:disabled),.tool-primary:hover:not(:disabled){color:#fff;background:#171619;border-color:#171619}.tool-card button:disabled{color:#99958e}.tool-primary{color:#fff;background:#171619;border-color:#171619}.tool-row-card{align-items:center;gap:24px;display:flex}.tool-row-card>div{flex:1;min-width:0}.tool-copy{align-items:center;gap:6px;margin-top:13px;display:flex}.publish-address-editor{margin-top:15px;position:relative}.publish-address-editor>label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.publish-address-field{background:#fff;border:1px solid #d6d3cd;border-radius:8px;align-items:center;min-height:40px;padding:0 10px;display:flex}.publish-address-field:focus-within{border-color:#7b75e8;box-shadow:0 0 0 2px #7b75e81f}.publish-address-field input{background:0 0;border:0;outline:0;flex:1;min-width:80px;font-size:13px}.publish-address-field>span{color:#77736d;font-size:12px}.publish-address-field>i{color:#77736d;justify-content:flex-end;min-width:58px;font-size:10px;font-style:normal;display:flex}.publish-address-field.is-available>i{color:#278344}.publish-address-field.is-taken,.publish-address-field.is-invalid{border-color:#cf6b5e}.publish-address-field.is-taken>i,.publish-address-field.is-invalid>i{color:#b33e30}.publish-save-address{margin-top:8px}.email-option{border-top:1px solid #eeece8;align-items:center;gap:11px;padding:15px 0;display:flex}.email-option:first-of-type{margin-top:14px}.email-option>span{flex:1;min-width:0}.email-option b,.email-option small{display:block}.email-option small{color:#77736d;margin-top:4px;font-size:11px;line-height:1.4}.email-option em{color:#77736d;background:#efede8;border-radius:12px;padding:5px 8px;font-size:10px;font-style:normal}.security-overview{background:#fff;border:1px solid #dedbd5;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:19px;display:flex}.security-overview>div{align-items:baseline;gap:9px;display:flex}.security-overview strong{font-size:30px}.security-overview span,.security-overview p{color:#77736d;font-size:12px}.security-overview p{margin:0}.security-empty{color:#26753b;text-align:center;background:#f1faf3;border:1px solid #b9d8c1;border-radius:11px;place-items:center;gap:6px;padding:32px;display:grid}.security-empty span{color:#64816c;font-size:12px}.security-section-title{color:#69655f;letter-spacing:.07em;text-transform:uppercase;margin:16px 0 8px;font-size:11px}.security-group-list{flex-direction:column;gap:9px;margin:15px 0;display:flex}.security-group{background:#fff;border:1px solid #dedbd5;border-radius:11px;overflow:hidden}.security-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:10px 14px;list-style:none;display:flex}.security-group>summary::-webkit-details-marker{display:none}.security-group>summary>span:first-child{min-width:0}.security-group>summary b,.security-group>summary small{display:block}.security-group>summary b{font-size:14px}.security-group>summary small{color:#77736d;margin-top:4px;font-size:11px}.security-group-counts{flex:none;align-items:center;gap:7px;display:flex}.security-group-counts em{color:#6f6b65;white-space:nowrap;background:#f0eeea;border-radius:10px;padding:4px 7px;font-size:9px;font-style:normal}.security-group-counts>svg{transition:transform .16s}.security-group[open] .security-group-counts>svg{transform:rotate(90deg)}.security-group-result{align-items:center;gap:6px;display:flex}.security-group-result.is-passed,.security-result-pass{color:#fff;background:#278a47;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.security-group-result.is-issue>i,.security-result-fail{color:#fff;background:#d94235;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;font-style:normal;font-weight:800;display:grid}.security-group-result.is-issue>button,.security-finding-action.is-issue>button{color:#fff;opacity:0;white-space:nowrap;background:#171619;border:0;border-radius:6px;max-width:0;min-height:27px;padding:0;font-size:10px;transition:max-width .16s,opacity .16s,padding .16s;overflow:hidden}.security-group-result.is-issue:hover>button,.security-group-result.is-issue:focus-within>button,.security-finding-action.is-issue:hover>button,.security-finding-action.is-issue:focus-within>button{opacity:1;max-width:72px;padding:0 10px}.security-group>.security-findings{border-top:1px solid #ebe9e5;margin:0;padding:10px}.security-group .security-finding{border-top-color:#ebe9e5;border-bottom-color:#ebe9e5;border-right-color:#ebe9e5}.security-findings{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}.security-finding{background:#fff;border:1px solid #dedbd5;border-left-width:4px;border-radius:9px;gap:12px;padding:15px;display:flex}.security-finding.severity-critical{border-left-color:#c83f31}.security-finding.severity-high{border-left-color:#df723d}.security-finding.severity-medium{border-left-color:#d19c32}.security-finding.severity-info{border-left-color:#7187a8}.security-checks .security-finding.outcome-not-applicable{background:#fbfefb;border-left-color:#69a678}.security-checks .security-finding.outcome-not-applicable>svg{color:#26753b}.security-checks .security-finding.outcome-passed{background:#fbfefb;border-left-color:#69a678}.security-checks .security-finding.outcome-passed>svg{color:#26753b}.security-checks .security-finding.outcome-not-checked{background:#fbfcfe;border-left-color:#7187a8}.security-checks .security-finding.outcome-not-checked>svg{color:#59708f}.security-finding>div{flex:1;min-width:0}.security-finding>div>span{color:#8b8780;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.security-finding-action{flex:none;align-self:flex-start;align-items:center;gap:6px;display:flex}.security-result-pending{color:#59708f;background:#e4e8ee;border-radius:50%;place-items:center;width:21px;height:21px;font-style:normal;display:grid}.security-finding h3{margin:3px 0 5px;font-size:14px}.security-finding p{color:#67635e;margin:0;font-size:12px;line-height:1.45}.security-finding small{overflow-wrap:anywhere;color:#99958e;margin-top:7px;font:10px/1.4 ui-monospace,monospace;display:block}.locked-feature,.backend-card{align-items:center;gap:14px;display:flex}.locked-feature>div,.backend-card>div{flex:1;min-width:0}.tool-card.backend-card{margin-bottom:11px;padding:13px 15px}.integration-brand-icon{background:#fff;border:1px solid #e5e1da;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.integration-brand-icon svg{width:25px;height:25px;display:block}.backend-card .supabase-connect-button,.backend-card .supabase-connected-button{font-weight:650}.backend-card .supabase-connect-button:disabled{color:#171619;cursor:default;opacity:1;background:#fff;border-color:#ccc8c1}.backend-card .supabase-connected-button{min-width:86px}.backend-card .supabase-disconnect-label{display:none}.backend-card .supabase-connected-button:hover,.backend-card .supabase-connected-button:focus-visible{color:#fff;background:#bd352b;border-color:#bd352b}.backend-card .supabase-connected-button:hover .supabase-connected-label,.backend-card .supabase-connected-button:focus-visible .supabase-connected-label{display:none}.backend-card .supabase-connected-button:hover .supabase-disconnect-label,.backend-card .supabase-connected-button:focus-visible .supabase-disconnect-label{display:inline}.auth-provider-list>div:last-child{gap:2px;margin-top:12px;display:grid}.auth-provider-list>div:last-child>span{border-top:1px solid #ebe9e5;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:54px;padding:8px 0;display:grid}.auth-provider-list>div:last-child>span>svg{color:#716d67;grid-row:1/3}.auth-provider-list b{font-size:12px}.auth-provider-list small{color:#7c7871;font-size:10px}.auth-provider-list [role=switch]{opacity:.72;background:#d8d5cf;border:0;border-radius:10px;grid-area:1/3/3;width:32px;height:18px;padding:0;position:relative}.auth-provider-list [role=switch] i{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000029}.auth-provider-list [role=switch][aria-checked=true]{opacity:1;background:#6861e9}.auth-provider-list [role=switch][aria-checked=true] i{left:17px}.auth-provider-list [role=switch]:disabled{cursor:not-allowed;opacity:.48}.auth-provider-list [role=switch].is-plan-blocked{animation:.38s auth-plan-blocked}@keyframes auth-plan-blocked{0%,to{transform:translate(0)}28%{transform:translate(4px)}55%{transform:translate(-3px)}78%{transform:translate(2px)}}.auth-provider-confirm-backdrop{z-index:180}.auth-provider-confirm-modal{background:#fff;border:1px solid #d8d5cf;border-radius:14px;width:min(410px,100vw - 32px);padding:24px 24px 22px;box-shadow:0 24px 70px #0000003d}.auth-provider-confirm-modal h2{color:#171619;letter-spacing:-.02em;margin:0;font-size:19px}.auth-provider-confirm-modal p{color:#65625d;margin:10px 0 22px;font-size:14px;line-height:1.5}.auth-provider-confirm-modal>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.auth-provider-confirm-modal button{color:#171619;background:#fff;border:1px solid #cbc8c2;border-radius:8px;min-height:40px;font-weight:650}.auth-provider-confirm-modal .auth-provider-confirm-primary{color:#fff;background:#171619;border-color:#171619}.auth-paid-plan-modal{width:min(350px,100vw - 32px)}.auth-paid-plan-modal>div{grid-template-columns:1fr}.auth-provider-confirm-modal button:disabled{cursor:not-allowed;opacity:.55}.backend-guidance{color:#68645d;background:#f2f1ee;border-radius:8px;margin:0;padding:11px 13px;font-size:11px;line-height:1.45}.studio-backend-required{background:#fffdf8;border:1px solid #d9d4ca;border-radius:13px;grid-template-columns:36px minmax(0,1fr);gap:11px;margin:10px 14px;padding:14px;display:grid}.studio-backend-required>span{color:#554fc2;background:#ece9ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.studio-backend-required strong,.studio-backend-required p,.studio-backend-required small{display:block}.studio-backend-required p{color:#65615a;margin:5px 0;font-size:12px;line-height:1.45}.studio-backend-required small{color:#858078;text-transform:capitalize;font-size:10px}.studio-backend-connect-link{color:#4f46c8;text-underline-offset:3px;background:0 0;border:0;margin-top:9px;padding:0;font-size:12px;font-weight:650;text-decoration:underline;display:inline}.studio-backend-connect-link:hover{color:#302a9f}.studio-backend-tool-paused{background:#fffaf1;border:1px solid #ead9bd;border-radius:13px;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:10px 14px;padding:13px 14px;display:grid}.studio-backend-tool-paused>span{color:#8a5a12;background:#f7e7c9;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.studio-backend-tool-paused strong{color:#302719;font-size:13px;display:block}.studio-backend-tool-paused p{color:#6f6250;margin:4px 0 0;font-size:12px;line-height:1.45}.supabase-project-picker>div:last-child{gap:7px;margin-top:14px;display:grid}.supabase-project-picker>div:last-child>button{text-align:left;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:10px;width:100%;min-height:58px;display:grid}.supabase-project-picker button span,.supabase-project-picker button b,.supabase-project-picker button small{min-width:0;display:block}.supabase-project-picker button small{color:#7d7972;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.supabase-project-picker button em{color:#77736d;font-size:9px;font-style:normal}.supabase-disconnect-modal .supabase-account-modal-icon{color:#b33e30;background:#fff0ed}.supabase-disconnect-warning{border-bottom:1px solid #e8e4de;padding-bottom:17px}.supabase-disconnect-warning h2{margin-bottom:8px}.supabase-disconnect-confirmation{gap:8px;padding-top:2px;display:grid}.supabase-disconnect-confirmation>span{color:#5f5a53;font-size:12px}.supabase-disconnect-confirmation input{color:#262320;width:100%;min-height:43px;font:inherit;background:#fff;border:1px solid #cbc7c0;border-radius:9px;outline:none;padding:0 12px}.supabase-disconnect-confirmation input::placeholder{color:#aaa59e}.supabase-disconnect-confirmation input:focus{border-color:#76716a;box-shadow:0 0 0 3px #201d1914}.supabase-account-modal-actions>button.supabase-disconnect-confirm-button:not(:disabled){color:#312e2a;background:#fff;border-color:#b9b4ad;font-weight:650;transition:border-color .16s,background-color .16s,color .16s}.supabase-account-modal-actions>button.supabase-disconnect-confirm-button:hover:not(:disabled){color:#fff;background:#b9362c;border-color:#b9362c}.supabase-account-modal-actions>button.supabase-disconnect-confirm-button:disabled{color:#a09b94;background:#efede9;border-color:#ddd9d3}.supabase-account-modal-actions>button.supabase-disconnect-confirm-button.is-loading:disabled{color:#fff;background:#b9362c;border-color:#b9362c}.supabase-button-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite supabase-connection-spin}.supabase-disconnect-complete-icon{color:#2e7b3c!important;background:#e8f5ea!important}.supabase-account-modal-actions>button.supabase-disconnect-complete-button{color:#fff;background:#171619;border-color:#171619;font-weight:650}.supabase-account-modal-actions>button.supabase-disconnect-complete-button:hover{color:#fff;background:#000;border-color:#000}.project-tools-panel:has(.supabase-account-backdrop){z-index:100}.supabase-account-backdrop{z-index:1000;pointer-events:auto;overflow-y:auto}.supabase-account-modal{background:#fff;border:1px solid #ffffffc2;border-radius:17px;flex-direction:column;width:min(470px,100%);height:auto;padding:31px 30px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 80px #00000040}.supabase-access-notice-modal{width:min(360px,100%);padding:23px 24px 20px}.supabase-access-notice-modal h2{max-width:none;font-size:18px}.supabase-access-notice-modal .supabase-account-modal-actions{margin-top:18px;padding-top:0;display:flex}.supabase-rate-limit-modal{width:min(340px,100%);padding:23px 24px 22px}.supabase-rate-limit-modal h2{text-align:center;max-width:none;padding-right:0;font-size:17px;line-height:1.4}.supabase-rate-limit-modal .supabase-account-modal-actions{margin-top:18px;padding-top:0;display:flex}.supabase-rate-limit-modal .supabase-account-modal-actions>button{width:100%}.supabase-account-modal-icon{color:#b63d31;background:#fff0ed;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:17px;display:grid}.supabase-connect-modal,.supabase-checking-modal{width:min(470px,100%)}.supabase-connect-modal{height:auto;min-height:390px;padding:26px 28px 32px}.supabase-checking-modal{height:390px}.supabase-connection-mark{justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.supabase-connection-brand{background:#fff;border:1px solid #dfdcd6;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 5px 16px #0000000f}.supabase-connection-brand img,.supabase-connection-brand svg{object-fit:contain;width:29px;height:29px;display:block}.supabase-connection-link{background-image:linear-gradient(90deg,#aaa69f 50%,#0000 50%);background-position:0 0;background-size:9px 2px;width:76px;height:2px;margin:0 11px;animation:.75s linear infinite supabase-connection-link-flow;position:relative}.supabase-connection-link.is-uncertain b{color:#aaa69f;background:#fff;place-items:center;width:19px;height:22px;font-size:16px;font-weight:750;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.supabase-connection-link.is-success b{color:#5e9a6c;background:#edf7ef;border:1px solid #c9dfcf;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes supabase-connection-link-flow{to{background-position:9px 0}}@media (prefers-reduced-motion:reduce){.supabase-connection-link{animation:none}}.supabase-account-modal h2{color:#201f1d;letter-spacing:-.025em;max-width:360px;margin:0;font-size:20px;line-height:1.25}.supabase-account-modal>p{color:#6d6962;margin:9px 0 20px;font-size:13px;line-height:1.55}.supabase-account-modal>p.supabase-connect-requirement{color:#817c75;margin-top:-8px;font-size:12px}.supabase-account-modal>p.supabase-connect-privacy{color:#77736d;border-top:1px solid #ece9e4;margin:-7px 0 0;padding-top:13px;font-size:11px;line-height:1.5}.supabase-connect-modal .supabase-account-modal-actions{margin-top:0;padding-top:16px}.supabase-account-steps{background:#faf9f7;border:1px solid #e4e0d9;border-radius:12px;padding:15px 17px 14px}.supabase-account-steps>strong{color:#34312d;margin-bottom:9px;font-size:12px;display:block}.supabase-account-steps ul{color:#625e58;margin:0;padding:0;font-size:12px;line-height:1.55;list-style:none}.supabase-account-steps li{padding-left:13px;position:relative}.supabase-account-steps li:before{color:#625e58;content:"•";font-weight:800;position:absolute;top:0;left:0}.supabase-account-steps li+li{margin-top:6px}.supabase-account-steps a{color:#4d47c7;align-items:center;gap:3px;font-weight:650;text-decoration:none;display:inline-flex}.supabase-account-steps a:hover{text-decoration:underline}.supabase-account-modal-actions{justify-content:flex-end;gap:9px;margin-top:auto;padding-top:20px;display:flex}.supabase-checking-modal{text-align:center;justify-content:center;align-items:center}.supabase-checking-modal h2{max-width:none}.supabase-connection-spinner{border:4px solid #e9e7ff;border-top-color:#514bc8;border-radius:50%;width:44px;height:44px;margin-bottom:22px;animation:.85s linear infinite supabase-connection-spin}.supabase-progress-track{background:#eceae6;border-radius:999px;width:min(300px,86%);height:7px;margin-top:9px;overflow:hidden}.supabase-progress-track i{border-radius:inherit;background:#514bc8;width:42%;height:100%;animation:1.45s ease-in-out infinite supabase-connection-progress;display:block}.supabase-checking-actions{justify-content:center;width:100%}@keyframes supabase-connection-spin{to{transform:rotate(360deg)}}@keyframes supabase-connection-progress{0%{transform:translate(-110%)}55%{transform:translate(105%)}to{transform:translate(250%)}}.supabase-account-modal-actions>button{color:#292724;background:#fff;border:1px solid #cbc8c2;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:0 15px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.supabase-account-modal-actions>button.supabase-connect-primary{color:#fff;background:#171619;border-color:#171619}.supabase-account-modal-actions>button:hover{background:#f5f3ef;border-color:#96918a}.supabase-account-modal-actions>button.supabase-connect-primary:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.supabase-rejection-actions>button{width:100%}.backend-dashboard-link{color:#4d47c7;align-items:center;gap:6px;margin:1px 2px 17px;font-size:11px;text-decoration:none;display:inline-flex}.backend-usage-empty{text-align:left;justify-content:center;align-items:center;gap:14px;min-height:150px;display:flex}.backend-usage-empty>svg{color:#817d77}.backend-health-card{background:#fff;border:1px solid #d5d2cc;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:74px;margin-bottom:15px;padding:15px;display:grid}.backend-health-card>span{background:#eceae6;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.backend-health-card b,.backend-health-card small{display:block}.backend-health-card small{color:#77736d;margin-top:4px;font-size:10px}.backend-health-card>a{color:#4d47c7;align-items:center;gap:5px;font-size:10px;text-decoration:none;display:flex}.backend-health-card.is-healthy{background:#f5fbf6;border-color:#b9d8c1}.backend-health-card.is-healthy>span{color:#26753b;background:#dcefe1}.backend-health-card.is-degraded,.backend-health-card.is-read-only,.backend-health-card.is-restricted,.backend-health-card.is-paused{background:#fff6f4;border-color:#e0aaa2}.backend-health-card.is-degraded>span,.backend-health-card.is-read-only>span,.backend-health-card.is-restricted>span,.backend-health-card.is-paused>span{color:#a7382c;background:#f8ddd8}.backend-usage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.backend-usage-grid>.tool-card{grid-template-columns:21px 1fr;align-content:start;gap:8px;min-height:112px;margin-bottom:15px;padding:14px;display:grid}.backend-usage-grid svg{color:#77736d}.backend-usage-grid span{color:#77736d;font-size:10px;line-height:1.3}.backend-usage-grid strong{grid-column:1/3;align-self:end;margin-top:13px;font-size:19px}.backend-request-chart>div:first-child{margin-bottom:15px}.backend-chart-bars{border-bottom:1px solid #d8d5cf;align-items:flex-end;gap:6px;height:150px;padding:0 3px;display:flex}.backend-chart-bars>div{flex:1;justify-content:center;align-items:flex-end;gap:1px;min-width:5px;height:100%;display:flex}.backend-chart-bars i{background:#403d39;border-radius:3px 3px 0 0;width:28%;max-width:8px;display:block}.backend-chart-bars i:nth-child(2){background:#716bf1}.backend-chart-bars i:nth-child(3){background:#64a979}.backend-chart-empty{color:#85817a;background:#f5f3ef;border-radius:8px;place-items:center;height:120px;font-size:11px;display:grid}.backend-chart-legend{color:#77736d;gap:15px;margin-top:10px;font-size:9px;display:flex}.backend-chart-legend span{align-items:center;gap:5px;display:flex}.backend-chart-legend i{background:#403d39;border-radius:50%;width:7px;height:7px}.backend-chart-legend i.auth{background:#716bf1}.backend-chart-legend i.storage{background:#64a979}.backend-capacity{grid-template-columns:1fr 1fr;gap:24px;display:grid}.backend-capacity>div>h3{margin-bottom:8px}.backend-capacity strong{font-size:13px;display:block}.backend-capacity>div>span{background:#e7e4df;border-radius:99px;height:7px;margin-top:11px;display:block;overflow:hidden}.backend-capacity>div>span>i{border-radius:inherit;background:#706bf0;height:100%;display:block}.backend-capacity small{color:#827e77;margin-top:7px;font-size:9px;line-height:1.35;display:block}@container project-tools (max-width:700px){.backend-usage-grid{grid-template-columns:1fr 1fr}.backend-capacity{grid-template-columns:1fr}.backend-health-card{grid-template-columns:38px minmax(0,1fr)}.backend-health-card>a{grid-column:2}}.tool-placeholder-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tool-placeholder-grid>div{background:#f3f1ed;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:110px;padding:14px;display:flex}.tool-placeholder-grid small{color:#89857f}.embedded-code-panel{background:#fff;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.project-tool-content.tool-code{display:flex;overflow:hidden}.studio-publish-dismiss-layer{z-index:79;position:fixed;inset:0}.studio-publish-layer{z-index:80;visibility:hidden;pointer-events:none;width:min(360px,100vw - 16px);max-height:calc(100dvh - 64px);position:fixed;top:54px;right:8px}.studio-publish-layer.is-open{visibility:visible;pointer-events:auto}.studio-publish-layer>.publish-popover.publish-workflow{width:100%;max-height:inherit;padding:0;position:static;top:auto;left:auto;right:auto;overflow:hidden auto}.publish-workflow>:not(.publish-tabs){margin-inline:17px}.publish-tabs{border-bottom:1px solid #dedbd5;grid-template-columns:1fr 1fr;padding:6px;display:grid}.publish-tabs button{color:#716d67;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;display:flex}.publish-tabs button.active{color:#171619;background:#efede8}.publish-workflow .publish-status{margin-top:17px}.publish-domain-row{text-align:left;background:0 0;border:1px solid #ebe9e5;border-left:0;border-right:0;grid-template-columns:1fr auto 16px;align-items:center;gap:8px;width:calc(100% - 34px);min-height:49px;padding:0;display:grid}.publish-domain-row>span{align-items:center;gap:8px;display:flex}.publish-domain-row small{color:#706bf0}.publish-security-summary{border-bottom:1px solid #ebe9e5;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.publish-security-summary>span{align-items:center;gap:9px;display:flex}.publish-security-summary b,.publish-security-summary small{display:block}.publish-security-summary small{color:#77736d;margin-top:3px;font-size:10px}.publish-security-summary .publish-scan-actions{flex:none;gap:7px}.security-issue-badge{color:#fff;background:#d94235;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:10px;font-style:normal;font-weight:700;line-height:1;display:grid}.security-pass-indicator{color:#fff;background:#278a47;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.publish-security-summary button{background:#fff;border:1px solid #ccc8c1;border-radius:6px;min-height:31px;padding:0 10px;font-size:11px}.publish-error{color:#a7382c;background:#fff0ee;border-radius:7px;align-items:flex-start;gap:7px;padding:9px 10px;font-size:11px;line-height:1.4;display:flex}.publish-error svg{flex:none}.publish-local-link{color:#4d47c7;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}.publish-actions{justify-content:flex-end;gap:8px;padding:13px 0 17px;display:flex}.publish-actions .publish-confirm{width:auto;min-width:104px;padding:0 18px}.publish-unpublish{background:#fff;border:1px solid #ccc8c1;border-radius:7px;min-height:38px;padding:0 13px}.publish-loading{color:#77736d;align-items:center;gap:8px;padding:22px;font-size:12px;display:flex}.publish-loading svg{animation:1s linear infinite spin}.mobile-publish-flow{padding:19px 0}.mobile-publish-flow h3{margin:0;font-size:17px}.mobile-publish-flow>p{color:#77736d;margin:6px 0 17px;font-size:12px;line-height:1.45}.mobile-publish-step{border-top:1px solid #ebe9e5;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.mobile-publish-step>span{background:#efede8;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.mobile-publish-step b,.mobile-publish-step small{display:block}.mobile-publish-step small{color:#77736d;margin-top:3px;font-size:10px}.mobile-publish-step button{background:#fff;border:1px solid #ccc8c1;border-radius:6px;min-height:31px;padding:0 9px;font-size:10px}@container project-tools (max-width:800px){.security-group-result.is-issue>button,.security-finding-action.is-issue>button{opacity:1;max-width:72px;padding:0 9px}.project-tools-nav{display:none}.project-tools-compact-bar{background:#fff;border-bottom:1px solid #dedbd5;flex:none;padding:7px 10px;display:block}.project-tools-compact-bar>button{color:#302e2a;background:#f0efec;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:39px;padding:0 11px;display:flex}.project-tools-compact-bar>button>span{align-items:center;gap:8px;display:flex}.project-tools-compact-bar strong{font-size:14px}.project-tools-sheet-dismiss{z-index:88;background:#12110f21;border:0;display:block;position:absolute;inset:53px 0 0}.project-tools-sheet{z-index:89;background:#fff;border:1px solid #d7d4ce;border-radius:15px;flex-direction:column;gap:3px;max-height:none;padding:9px;animation:.22s cubic-bezier(.2,.78,.2,1) both project-tools-sheet-rise;display:flex;position:absolute;inset:61px 8px 8px;overflow-y:auto;box-shadow:0 20px 60px #0000003d}.project-tools-sheet header{border-bottom:1px solid #ebe9e5;justify-content:space-between;align-items:center;height:43px;padding:0 7px 7px;display:flex}.project-tools-sheet header>span{align-items:center;gap:8px;display:flex}.project-tools-sheet header>button{background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.project-tools-sheet>button{color:#46433e;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:23px 1fr 17px;align-items:center;gap:9px;min-height:46px;padding:0 11px;display:grid}.project-tools-sheet>button:hover,.project-tools-sheet>button.active{color:#171619;background:#efede8}.project-tools-sheet>button svg:last-child{opacity:.58;justify-self:end;transition:transform .16s}.project-tools-sheet>button svg:last-child.is-expanded{transform:rotate(90deg)}.project-tools-sheet-children{border-left:1px solid #dedbd5;gap:2px;margin:0 8px 4px 22px;padding-left:8px;display:grid}.project-tools-sheet-children button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;min-height:39px;padding:0 10px;display:flex}.project-tools-sheet-children button:hover,.project-tools-sheet-children button.active{background:#efede8}@keyframes project-tools-sheet-rise{0%{opacity:0;transform:translateY(28px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.tool-page{padding:24px 16px 80px}.tool-placeholder-grid{grid-template-columns:1fr}}@media (max-width:800px){.studio-tools{min-width:0}.studio-publish-layer{width:auto;max-height:calc(100dvh - 64px);left:8px}.supabase-connect-modal{height:auto;min-height:400px;padding-bottom:32px}}@media (max-width:420px){.studio-mobile-workspace-tabs button{padding-inline:6px;font-size:13px}.studio-mobile-workspace-tabs button svg{display:none}.supabase-account-modal{padding:27px 19px 19px}.supabase-connect-modal{padding-bottom:32px}.supabase-account-modal h2{padding-right:27px;font-size:18px}.supabase-account-modal-actions{grid-template-columns:1fr 1fr;display:grid}.supabase-account-modal-actions>button,.supabase-account-modal-actions>a{padding-inline:10px}.supabase-rate-limit-modal{padding:23px 20px 22px}.supabase-rate-limit-modal h2{padding-right:0;font-size:17px}}.studio-view-tabs button,.studio-compact-modes>button{font-size:14px;font-weight:650}.studio-composer-actions{padding-inline:14px;position:relative}.studio-composer-actions .app-attach-wrap,.studio-composer-actions .app-attach-wrap>button,.studio-composer-actions .model-picker-wrap,.studio-composer-actions .studio-dinosaur-model,.studio-composer-actions .composer-mic,.studio-composer-actions .composer-send{flex:none}.studio-composer-actions .composer-mic{margin-right:0;position:absolute;inset:50% 58px auto auto;transform:translateY(calc(.75px - 50%))}.studio-composer-actions .composer-mic:active{transform:translateY(calc(.75px - 50%))scale(.96)}.studio-composer-actions .composer-send.dino-prompt-send,.studio-composer-actions .composer-send.dino-prompt-send:disabled{inset:50% 14px auto auto;transform:translateY(calc(.75px - 50%));position:absolute!important}.studio-composer-actions .composer-send.dino-prompt-send:active:not(:disabled){transform:translateY(calc(.75px - 50%))scale(.96)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes spin{to{transform:rotate(360deg)}}