:root{--nav-height: 68px;--nav-control-height: 36px;--mobile-dock-height: 70px}body{padding-top:var(--nav-height)}body.navMobileSheetOpen{overflow:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:500;--nav-surface: color-mix(in srgb, var(--bg2, #eef6ff) 96%, #ffffff 4%);--nav-surface-elevated: color-mix(in srgb, var(--card, rgba(255, 255, 255, .94)) 94%, var(--bg2, #eef6ff) 6%);--nav-profile-menu-surface: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);--nav-surface-soft: color-mix(in srgb, var(--text, #0b1220) 6%, transparent);--nav-text: var(--text, #0b1220);--nav-text-muted: color-mix(in srgb, var(--text, #0b1220) 66%, transparent);--nav-border-color: color-mix(in srgb, var(--navBorder, var(--border, rgba(20, 36, 70, .12))) 92%, transparent);--nav-soft-fill: color-mix(in srgb, var(--text, #0b1220) 6%, transparent);--nav-logo-filter: brightness(0) invert(8%) brightness(96%) contrast(95%);--nav-popover-shadow: none;--nav-edge-shadow: none;height:var(--nav-height);padding:0;border:0;border-bottom:1px solid var(--nav-border-color);background:var(--nav-surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--nav-edge-shadow);overflow:visible;isolation:isolate}:root[data-theme-mode=dark] .nav{--nav-surface: color-mix(in srgb, var(--bg, #0b0b12) 88%, #000000 12%);--nav-surface-elevated: color-mix(in srgb, var(--card, rgba(22, 22, 34, .95)) 92%, var(--bg, #0b0b12) 8%);--nav-profile-menu-surface: linear-gradient(180deg, #161616 0%, #0a0a0a 100%);--nav-surface-soft: color-mix(in srgb, #ffffff 7%, transparent);--nav-text: var(--text, #f7fbff);--nav-text-muted: color-mix(in srgb, var(--text, #f7fbff) 74%, transparent);--nav-border-color: color-mix(in srgb, var(--navBorder, var(--border, rgba(255, 255, 255, .1))) 92%, rgba(255, 255, 255, .04));--nav-soft-fill: color-mix(in srgb, #ffffff 6%, transparent);--nav-logo-filter: brightness(0) saturate(100%) invert(1);--nav-popover-shadow: none;--nav-edge-shadow: none}.nav .wrap{width:calc(100% - 32px);margin:0 auto}.nav .navInner{min-height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0}.nav .navLeft{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:18px}.nav .navLeft>*,.nav .navRight>*{align-self:center}.nav .brand{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.nav .logo{position:relative;width:36px;height:36px;border-radius:12px;overflow:hidden;transform:translateY(0) scale(1);transition:transform .32s ease}.nav .logo:before,.nav .logo:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .32s cubic-bezier(.22,1,.36,1)}.nav .logo:before{background:url(../../assets/brand/VanuaStudioLogo.png) center / cover no-repeat;filter:var(--nav-logo-filter);opacity:0}.nav .logo:after{background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));-webkit-mask:url(../../assets/brand/VanuaStudioLogo.png) center / cover no-repeat;mask:url(../../assets/brand/VanuaStudioLogo.png) center / cover no-repeat;opacity:1}.nav .brand:hover .logo,.nav .brand:focus-visible .logo{transform:translateY(-1px) scale(1.02)}.nav .brandWordmark{display:none;flex-direction:column;align-items:flex-start;justify-content:center;align-self:center;gap:0;min-height:100%;white-space:nowrap;transform:translateY(1px);transition:transform .46s cubic-bezier(.22,1,.36,1)}.nav .brandWordmarkVanua,.nav .brandWordmarkStudio{display:inline-block;font-size:18px;font-weight:900;line-height:.92;letter-spacing:-.04em;color:var(--nav-text);transition:color .46s cubic-bezier(.22,1,.36,1),opacity .46s cubic-bezier(.22,1,.36,1)}.nav .brand:hover .brandWordmarkVanua,.nav .brand:focus-visible .brandWordmarkVanua,.nav .brand:hover .brandWordmarkStudio,.nav .brand:focus-visible .brandWordmarkStudio{color:transparent;background-image:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));-webkit-background-clip:text;background-clip:text}.nav .brand:hover .brandWordmark,.nav .brand:focus-visible .brandWordmark{transform:translateY(0)}.nav .navMenuBar{min-width:0;flex:1 1 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;overflow:visible;transition:gap .28s cubic-bezier(.22,1,.36,1)}.nav .navMenuBar::-webkit-scrollbar{display:none}.nav .navStudioLink{position:relative;min-height:var(--nav-control-height);padding:0 7px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--nav-text-muted);text-decoration:none;font-size:13px;font-weight:800;line-height:1;letter-spacing:-.01em;white-space:nowrap;flex:0 0 auto;transform:translateY(0);transition:color .26s ease,background-color .26s ease,transform .26s ease,padding .26s ease}.nav .navStudioLinkCollapsed,.nav .navStudioDividerCollapsed{display:none!important}.nav .navStudioLink:hover,.nav .navStudioLink:focus-visible,.nav .navStudioLinkActive{color:transparent;background:transparent;transform:translateY(-1px);outline:none}.nav .navStudioLabel{position:relative;display:inline-grid;grid-template-areas:"label";align-items:center}.nav .navStudioLabelBase,.nav .navStudioLabelGradient{grid-area:label;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.nav .navStudioLabelBase{color:var(--nav-text-muted);opacity:1}.nav .navStudioLabelGradient{opacity:0;color:transparent;background:linear-gradient(135deg,var(--studio-brand1, var(--brand1, #5aa2ff)),var(--studio-brand2, var(--brand2, #7c5cff)));-webkit-background-clip:text;background-clip:text}.nav .navStudioLink:hover .navStudioLabelBase,.nav .navStudioLink:focus-visible .navStudioLabelBase,.nav .navStudioLinkActive .navStudioLabelBase{opacity:0}.nav .navStudioLink:hover .navStudioLabelGradient,.nav .navStudioLink:focus-visible .navStudioLabelGradient,.nav .navStudioLinkActive .navStudioLabelGradient{opacity:1}.nav .navStudioIcon{width:0;height:16px;flex:0 0 auto;margin-left:0;opacity:0;transform:translate(-5px) scale(.86);background:linear-gradient(135deg,var(--studio-brand1, var(--brand1, #5aa2ff)),var(--studio-brand2, var(--brand2, #7c5cff)));-webkit-mask:var(--studio-icon) center / contain no-repeat;mask:var(--studio-icon) center / contain no-repeat;transition:width .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1)}.nav .navStudioLink:hover .navStudioIcon,.nav .navStudioLink:focus-visible .navStudioIcon,.nav .navStudioLinkActive .navStudioIcon{width:16px;margin-left:6px;opacity:1;transform:translate(0) scale(1)}.nav .navStudioDivider{width:1px;height:18px;flex:0 0 1px;margin:0 3px;border-radius:999px;background:color-mix(in srgb,var(--nav-text) 20%,transparent);opacity:.72;transition:margin .28s cubic-bezier(.22,1,.36,1),opacity .22s ease}.nav .navStudioTooltip{position:absolute;left:50%;top:calc(100% + 10px);z-index:560;width:max-content;max-width:min(320px,calc(100vw - 32px));padding:9px 11px;border-radius:10px;border:1px solid color-mix(in srgb,var(--studio-brand1, var(--brand1, #5aa2ff)) 26%,var(--nav-border-color));background:var(--nav-surface-elevated);color:var(--nav-text);box-shadow:var(--nav-popover-shadow);font-size:11px;font-weight:750;line-height:1.35;letter-spacing:0;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s ease .62s,transform .18s ease .62s,visibility 0s linear .8s}.nav .navStudioTooltip:before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;transform:translate(-50%) rotate(45deg);border-left:1px solid color-mix(in srgb,var(--studio-brand1, var(--brand1, #5aa2ff)) 26%,var(--nav-border-color));border-top:1px solid color-mix(in srgb,var(--studio-brand1, var(--brand1, #5aa2ff)) 26%,var(--nav-border-color));background:var(--nav-surface-elevated)}.nav .navStudioLink[data-studio-tooltip-edge=start] .navStudioTooltip{left:0;transform:translateY(6px)}.nav .navStudioLink[data-studio-tooltip-edge=start] .navStudioTooltip:before{left:24px}.nav .navStudioLink[data-studio-tooltip-edge=end] .navStudioTooltip{left:auto;right:0;transform:translateY(6px)}.nav .navStudioLink[data-studio-tooltip-edge=end] .navStudioTooltip:before{left:auto;right:24px;transform:translate(50%) rotate(45deg)}.nav .navStudioLink:hover .navStudioTooltip,.nav .navStudioLink:focus-visible .navStudioTooltip{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .18s ease .62s,transform .18s ease .62s,visibility 0s linear .62s}.nav .navStudioLink[data-studio-tooltip-edge=start]:hover .navStudioTooltip,.nav .navStudioLink[data-studio-tooltip-edge=start]:focus-visible .navStudioTooltip,.nav .navStudioLink[data-studio-tooltip-edge=end]:hover .navStudioTooltip,.nav .navStudioLink[data-studio-tooltip-edge=end]:focus-visible .navStudioTooltip{transform:translate(0)}.nav .navMenuGroup{position:relative;flex:0 0 auto;--menu-accent: var(--brand1, #5aa2ff);--dropdown-width: 420px;overflow:visible}.nav .navMenuToggle{appearance:none;border:none;background:transparent;color:var(--nav-text-muted);min-height:var(--nav-control-height);display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;font:inherit;font-size:13px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:color .18s ease,background-color .18s ease}.nav .navMenuToggle:hover,.nav .navMenuToggle[aria-expanded=true],.nav .navMenuGroupActive .navMenuToggle{color:var(--nav-text);background:var(--nav-soft-fill)}.nav .navMenuLabelShort{display:none}.nav .navMenuChevron{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;transition:transform .18s ease}.nav .navMenuChevron svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .navMenuToggle[aria-expanded=true] .navMenuChevron{transform:rotate(180deg)}.nav .navDropdown,.nav .profileMenu{position:absolute;top:calc(100% + 10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;transform:translateY(8px) scale(.98);transform-origin:top left}.nav .navDropdown{left:0;width:min(var(--dropdown-width),calc(100vw - 32px));max-height:min(68vh,560px);overflow-x:hidden;overflow-y:scroll;padding:10px;border-radius:16px;background:var(--nav-surface-elevated);border:1px solid var(--nav-border-color);box-shadow:var(--nav-popover-shadow);color:var(--nav-text);scrollbar-gutter:stable both-edges;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--brand1, #5aa2ff) 58%,var(--brand2, #7c5cff) 42%) rgba(255,255,255,.08);z-index:520}.nav .navDropdown::-webkit-scrollbar{width:12px}.nav .navDropdown::-webkit-scrollbar-track{background:color-mix(in srgb,var(--nav-text) 8%,transparent);border-radius:999px}.nav .navDropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--brand1, #5aa2ff) 78%,#ffffff 22%),color-mix(in srgb,var(--brand2, #7c5cff) 72%,#ffffff 28%));border-radius:999px;border:2px solid color-mix(in srgb,var(--nav-surface-elevated) 92%,transparent)}.nav .navDropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--brand1, #5aa2ff) 88%,#ffffff 12%),color-mix(in srgb,var(--brand2, #7c5cff) 82%,#ffffff 18%))}.nav .navDropdown[data-nav-align=center],.nav .navDropdown[data-nav-align=right]{left:0;right:auto;transform:translateY(8px) scale(.98);transform-origin:top left}.nav .navDropdownOpen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.nav .navDropdownOpen[data-nav-align=left],.nav .navDropdownOpen[data-nav-align=right],.nav .navDropdownOpen[data-nav-align=center]{transform:translateY(0) scale(1)}.nav .navDropdownHead{display:grid;gap:8px;margin-bottom:14px}.nav .navDropdownEyebrow{color:var(--menu-accent);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nav .navDropdownTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav .navDropdownTitle{font-size:21px;font-weight:900;letter-spacing:-.03em;color:var(--nav-text)}.nav .navDropdownMeta{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;color:var(--nav-text-muted);background:color-mix(in srgb,var(--menu-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--menu-accent) 24%,var(--nav-border-color))}.nav .navDropdownItems{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.nav .navDropdownItem{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.nav .navDropdownItem:hover,.nav .navDropdownItemActive{border-color:color-mix(in srgb,var(--menu-accent) 24%,var(--border, rgba(20, 36, 70, .12)));background:color-mix(in srgb,var(--menu-accent) 10%,transparent)}.nav .navDropdownIcon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--nav-surface) 88%,var(--nav-text) 12%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nav-text) 8%,transparent)}.nav .navDropdownIconImg{width:18px;height:18px;display:block;filter:brightness(0) invert(1);opacity:.98}.nav .navDropdownBody{min-width:0;display:grid;gap:5px}.nav .navDropdownItemTitleRow{min-width:0;display:flex;align-items:center;gap:8px}.nav .navDropdownItemTitle{color:var(--nav-text);font-size:13px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.nav .navDropdownTopBadge{min-height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#cf0064;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;white-space:nowrap}.nav .navDropdownItemDesc{color:var(--nav-text-muted);font-size:12px;line-height:1.4}.nav .navDropdown[data-nav-menu=editors] .navDropdownItemTitle{background-image:linear-gradient(135deg,var(--studio-brand1, var(--brand1, #5aa2ff)),var(--studio-brand2, var(--brand2, #7c5cff)));-webkit-background-clip:text;background-clip:text;color:transparent}.nav .navDropdown[data-nav-menu=editors] .navDropdownIcon{position:relative}.nav .navDropdown[data-nav-menu=editors] .navDropdownIcon:before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--studio-brand1, var(--brand1, #5aa2ff)),var(--studio-brand2, var(--brand2, #7c5cff)));-webkit-mask:var(--studio-icon) center / contain no-repeat;mask:var(--studio-icon) center / contain no-repeat}.nav .navDropdown[data-nav-menu=editors] .navDropdownIconImg{opacity:.96;visibility:hidden}.nav .navRight{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:auto;padding-bottom:0;gap:12px}.nav .btn{min-height:var(--nav-control-height);display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;border:1px solid var(--nav-border-color);background:color-mix(in srgb,var(--nav-text) 4%,transparent);color:var(--nav-text);font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease;box-shadow:none}.nav .btn:hover{border-color:color-mix(in srgb,var(--brand1, #5aa2ff) 42%,transparent);background:color-mix(in srgb,var(--brand1, #5aa2ff) 10%,var(--nav-soft-fill))}.nav .navAuthBtn{backdrop-filter:none;-webkit-backdrop-filter:none}.nav .navLoginBtn{position:relative;isolation:isolate;overflow:hidden;border-color:transparent;background:transparent;color:#fff;box-shadow:none;transition:border-color .32s ease,color .32s ease,transform .32s ease}.nav .navLoginBtn:before,.nav .navLoginBtn:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;transition:opacity .32s ease}.nav .navLoginBtn:before{background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));opacity:1}.nav .navLoginBtn:after{background:#fff;opacity:0}.nav .navLoginBtnText{position:relative;z-index:1;color:currentColor;-webkit-text-fill-color:currentColor;transition:color .32s ease,-webkit-text-fill-color .32s ease}.nav .navLoginBtn:hover,.nav .navLoginBtn:focus-visible{border-color:color-mix(in srgb,var(--brand1, #5aa2ff) 50%,var(--brand2, #7c5cff));background:transparent;color:transparent;box-shadow:none;transform:translateY(-1px)}.nav .navLoginBtn:hover:before,.nav .navLoginBtn:focus-visible:before{opacity:0}.nav .navLoginBtn:hover:after,.nav .navLoginBtn:focus-visible:after{opacity:1}.nav .navLoginBtn:hover .navLoginBtnText,.nav .navLoginBtn:focus-visible .navLoginBtnText{background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.nav .navShortcutLink,.nav .navPricingCard{color:var(--nav-text);text-decoration:none}.nav .navShortcutLink{min-height:var(--nav-control-height);padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--brand1, #5aa2ff) 34%,var(--nav-border-color));background:color-mix(in srgb,var(--nav-text) 4%,transparent);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.nav .navShortcutLink:hover,.nav .navShortcutLinkActive{border-color:color-mix(in srgb,var(--brand2, #7c5cff) 38%,var(--nav-border-color));background:color-mix(in srgb,var(--brand1, #5aa2ff) 12%,var(--nav-soft-fill));box-shadow:none;transform:translateY(-1px)}.nav .navShortcutIcon,.nav .navPricingIcon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:7px}.nav .navAssistantWrap{position:relative;flex:0 0 auto}.nav .navAssistantBtn{position:relative;isolation:isolate;min-width:88px;height:42px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand2, #7c5cff) 28%,transparent);border-radius:999px;background:var(--nav-text);color:var(--nav-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-shadow:none;transition:border-color .28s ease,background-color .28s ease,color .28s ease,transform .28s ease}.nav .navAssistantBtn:hover{border-color:color-mix(in srgb,var(--nav-text) 16%,transparent);background:var(--nav-text);color:var(--nav-surface, #101722);box-shadow:none;transform:translateY(-1px) scale(1.01)}.nav .navAssistantBtn:focus-visible{outline:none;border-color:color-mix(in srgb,var(--nav-text) 16%,transparent);box-shadow:none;outline:2px solid color-mix(in srgb,var(--brand1, #5aa2ff) 36%,transparent);outline-offset:2px}.nav .navAssistantBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));opacity:1;z-index:0;transition:opacity .28s ease}.nav .navAssistantBtn:hover:before,.nav .navAssistantBtn:focus-visible:before{opacity:0}.nav .navAssistantGlow{display:none}.nav .navAssistantBtn:hover .navAssistantGlow,.nav .navAssistantBtn:focus-visible .navAssistantGlow{display:none}.nav .navAssistantButtonInner{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px}.nav .navAssistantIconWrap{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;box-shadow:none}.nav .navAssistantIcon,.nav .navAssistantHeaderIcon{display:inline-flex;align-items:center;justify-content:center}.nav .navAssistantIcon{width:20px;height:20px;color:inherit;transition:color .28s ease}.nav .navAssistantIcon svg,.nav .navAssistantHeaderIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .navAssistantIcon svg *{stroke:currentColor;transition:stroke .28s ease}.nav .navAssistantLabel{position:relative;z-index:1;font-size:13px;font-weight:700;letter-spacing:-.01em;color:inherit;transition:color .28s ease}.nav .navAssistantBtn:hover .navAssistantIcon,.nav .navAssistantBtn:focus-visible .navAssistantIcon{color:var(--nav-surface, #101722)}.nav .navAssistantBtn:hover .navAssistantIcon svg *,.nav .navAssistantBtn:focus-visible .navAssistantIcon svg *{stroke:url(#navAssistantButtonIconGradient)}.nav .navAssistantBtn:hover .navAssistantLabel,.nav .navAssistantBtn:focus-visible .navAssistantLabel{color:transparent;background-image:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}.nav .navAssistantDropdown{position:absolute;top:calc(100% + 12px);right:0;width:min(560px,calc(100vw - 24px));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;z-index:540}.nav .navAssistantDropdownOpen{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.nav .navAssistantPanel{position:relative;isolation:isolate;width:100%;height:min(78vh,760px);min-height:560px;border-radius:28px;border:1px solid color-mix(in srgb,var(--nav-border-color) 94%,transparent);background:linear-gradient(180deg,color-mix(in srgb,rgba(7,13,24,.56) 100%,transparent),color-mix(in srgb,rgba(7,13,24,.72) 100%,transparent)),url(../../assets/ui/backgrounds/assistant.jpg) center/cover no-repeat;box-shadow:none;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.nav .navAssistantPanel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080d1838,#080d1861);pointer-events:none;z-index:0}.nav .navAssistantHeader{position:relative;z-index:1;min-height:56px;padding:12px 16px 6px;display:flex;justify-content:flex-end;align-items:flex-start}.nav .navAssistantCloseBtn{width:34px;height:34px;padding:0;border:0;background:transparent;color:color-mix(in srgb,var(--nav-text) 72%,transparent);display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:26px;line-height:1;cursor:pointer;transition:color .2s ease,transform .2s ease}.nav .navAssistantCloseBtn:hover{color:var(--brand1, #5aa2ff);transform:scale(1.04)}.nav .navAssistantHero{display:grid;justify-items:center;gap:10px;padding:2px 0 10px;text-align:center}.nav .navAssistantHeroIcon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;color:#f3f7ff}.nav .navAssistantHeroIcon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.nav .navAssistantHeroTitle{margin:0;font-size:28px;line-height:.95;font-weight:900;letter-spacing:-.03em;color:#f7fbff}.nav .navAssistantFeed{position:relative;z-index:1;min-height:0;overflow:auto;padding:0 14px}.nav .navAssistantConversation{width:100%;margin:0;padding:4px 0 18px;display:grid;gap:14px}.nav .navAssistantRow{display:flex;width:100%}.nav .navAssistantRowSpawn{opacity:0;will-change:transform,opacity;animation:navAssistantMessageIn .44s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--assistant-msg-delay, 0ms)}.nav .navAssistantRowAssistant{justify-content:flex-start}.nav .navAssistantRowUser{justify-content:flex-end}.nav .navAssistantRowInner{display:flex;align-items:flex-end;gap:10px;max-width:100%}.nav .navAssistantRowAssistant .navAssistantRowInner{flex-direction:row}.nav .navAssistantRowUser .navAssistantRowInner{flex-direction:row-reverse}.nav .navAssistantAvatar{width:40px;height:40px;flex:0 0 40px;border-radius:999px;border:1px solid color-mix(in srgb,var(--nav-border-color) 92%,transparent);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:none}.nav .navAssistantAvatarAssistant,.nav .navAssistantAvatarUser{background:linear-gradient(180deg,#f6f8fc,#e5ebf4)}.nav .navAssistantAvatarImg{width:74%;height:74%;display:block;object-fit:contain}.nav .navAssistantAvatarIcon{width:74%;height:74%;display:inline-flex;align-items:center;justify-content:center;color:var(--nav-text)}.nav .navAssistantAvatarIcon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.nav .navAssistantAvatarUser{color:#111}.nav .navAssistantAvatarUserIcon{width:100%;height:100%;display:block;padding:4px}.nav .navAssistantAvatarUserIcon path{fill:currentColor}.nav .navAssistantBubble{max-width:min(430px,calc(100vw - 112px));padding:13px 15px;border-radius:20px;border:1px solid color-mix(in srgb,var(--nav-border-color) 92%,transparent);box-shadow:none}.nav .navAssistantBubbleAssistant{background:linear-gradient(145deg,color-mix(in srgb,rgba(22,30,48,.92) 100%,var(--brand1, #5aa2ff) 5%),color-mix(in srgb,rgba(16,24,39,.94) 100%,var(--brand2, #7c5cff) 6%));color:var(--nav-text);border-top-left-radius:8px;backdrop-filter:none;-webkit-backdrop-filter:none}.nav .navAssistantBubbleUser{background:linear-gradient(135deg,color-mix(in srgb,var(--brand1, #5aa2ff) 86%,#ffffff 14%),color-mix(in srgb,var(--brand1, #5aa2ff) 52%,var(--brand2, #7c5cff) 48%));color:#fff;border-color:transparent;border-top-right-radius:8px}.nav .navAssistantBubblePending{opacity:.92}@keyframes navAssistantMessageIn{0%{opacity:0;transform:translateY(18px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}.nav .navAssistantBubbleText{display:grid;gap:12px;min-width:0}.nav .navAssistantPlainText,.nav .navAssistantParagraph,.nav .navAssistantStepText{margin:0;word-break:break-word;line-height:1.6;font-size:15px;font-weight:700}.nav .navAssistantWorkflow{display:grid;gap:14px}.nav .navAssistantWorkflowIntro,.nav .navAssistantWorkflowOutro{display:grid;gap:8px}.nav .navAssistantWorkflowBanner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--nav-border-color) 92%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--brand1, #5aa2ff) 10%,transparent),color-mix(in srgb,var(--brand2, #7c5cff) 10%,transparent))}.nav .navAssistantWorkflowBannerText{display:grid;gap:4px;min-width:0}.nav .navAssistantWorkflowKicker,.nav .navAssistantStepLabel{font-size:10px;line-height:1;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:color-mix(in srgb,var(--nav-text-muted) 78%,var(--brand1, #5aa2ff) 22%)}.nav .navAssistantWorkflowTitle{font-size:14px;line-height:1.3;font-weight:900;letter-spacing:-.02em;color:var(--nav-text)}.nav .navAssistantWorkflowSteps{display:grid;gap:12px}.nav .navAssistantStepCard{--assistant-step-accent: color-mix(in srgb, var(--nav-border-color) 76%, var(--nav-text-muted) 24%);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px 14px 18px;border-radius:0 20px 20px 0;border:1px solid color-mix(in srgb,var(--nav-border-color) 92%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--nav-surface-elevated) 98%,#ffffff 2%),color-mix(in srgb,var(--nav-surface-elevated) 94%,#ffffff 6%));box-shadow:none;overflow:hidden;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.nav .navAssistantStepCard:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--assistant-step-accent) 84%,#ffffff 16%),color-mix(in srgb,var(--assistant-step-accent) 58%,#ffffff 42%))}.nav .navAssistantStepCardClickable{border-color:color-mix(in srgb,var(--assistant-step-accent) 34%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--nav-surface-elevated) 94%,var(--assistant-step-accent) 6%),color-mix(in srgb,var(--nav-surface-elevated) 90%,var(--assistant-step-accent) 10%));cursor:pointer}.nav .navAssistantStepCardClickable:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--assistant-step-accent) 48%,transparent);box-shadow:none}.nav .navAssistantStepCardClickable:focus-visible{outline:none;box-shadow:none;outline:2px solid color-mix(in srgb,var(--assistant-step-accent) 38%,transparent);outline-offset:2px}.nav .navAssistantStepCard--video{--assistant-step-accent: #67d4ff}.nav .navAssistantStepCard--image{--assistant-step-accent: #ff9f6d}.nav .navAssistantStepCard--sound{--assistant-step-accent: #ffd24d}.nav .navAssistantStepIndex{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--assistant-step-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--assistant-step-accent) 34%,transparent);color:color-mix(in srgb,var(--assistant-step-accent) 86%,#ffffff 14%);font-size:12px;font-weight:900;letter-spacing:.04em}.nav .navAssistantStepContent,.nav .navAssistantStepMeta{display:grid;gap:8px;min-width:0}.nav .navAssistantStepModes{display:flex;flex-wrap:wrap;gap:6px}.nav .navAssistantModeMention{--assistant-mention-accent: #67d4ff;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;margin:1px;border-radius:999px;border:1px solid color-mix(in srgb,var(--assistant-mention-accent) 34%,transparent);background:color-mix(in srgb,var(--nav-surface-elevated) 82%,var(--assistant-mention-accent) 18%);color:color-mix(in srgb,var(--assistant-mention-accent) 82%,#ffffff 18%);font:inherit;font-weight:900;cursor:pointer;text-decoration:none;vertical-align:baseline;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.nav .navAssistantModeMention--image{--assistant-mention-accent: #ff9f6d}.nav .navAssistantModeMention--sound{--assistant-mention-accent: #ffd24d}.nav .navAssistantModeMention:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--assistant-mention-accent) 52%,transparent);background:color-mix(in srgb,var(--nav-surface-elevated) 76%,var(--assistant-mention-accent) 24%);box-shadow:none}.nav .navAssistantModeMention:focus-visible{outline:none;box-shadow:none;outline:2px solid color-mix(in srgb,var(--assistant-mention-accent) 38%,transparent);outline-offset:2px}.nav .navAssistantTyping{display:inline-flex;align-items:center;gap:6px}.nav .navAssistantTypingDot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--nav-text) 72%,transparent);animation:navAssistantTypingPulse 1s ease-in-out infinite}.nav .navAssistantTypingDot:nth-child(2){animation-delay:.15s}.nav .navAssistantTypingDot:nth-child(3){animation-delay:.3s}@keyframes navAssistantTypingPulse{0%,80%,to{transform:translateY(0);opacity:.38}40%{transform:translateY(-2px);opacity:1}}.nav .navAssistantComposer{position:relative;z-index:1;padding:14px 22px 20px;border-top:1px solid color-mix(in srgb,var(--nav-border-color) 92%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--nav-surface-elevated) 86%,transparent),color-mix(in srgb,var(--nav-surface-elevated) 96%,transparent))}.nav .navAssistantComposerInner{width:100%;margin:0 auto;display:block}.nav .navAssistantInputWrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:24px;border:1px solid color-mix(in srgb,var(--nav-border-color) 92%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--nav-surface-elevated) 95%,var(--brand1, #5aa2ff) 5%),color-mix(in srgb,var(--nav-surface-elevated) 93%,var(--brand2, #7c5cff) 7%));box-shadow:none}.nav .navAssistantTextarea{min-height:46px;max-height:180px;resize:none;overflow:auto;padding:10px 14px;border-radius:18px;border:0;background:transparent;color:color-mix(in srgb,var(--nav-text) 92%,transparent);font:inherit;font-size:15px;font-weight:700;line-height:1.45;box-shadow:none}.nav .navAssistantTextarea:focus{outline:none;box-shadow:none}.nav .navAssistantTextarea::placeholder{color:color-mix(in srgb,var(--nav-text-muted) 82%,transparent)}.nav .navAssistantSendBtn{width:44px;height:44px;min-height:44px;min-width:44px;padding:0;align-self:center;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));color:#fff;font-size:0;line-height:0;cursor:pointer;box-shadow:none;transition:transform .14s ease,opacity .14s ease;display:inline-flex;align-items:center;justify-content:center}.nav .navAssistantSendBtn:hover{transform:translateY(-1px);box-shadow:none}.nav .navAssistantSendBtn svg{width:16px;height:16px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .navAssistantSendBtn svg path{vector-effect:non-scaling-stroke}.nav .navAssistantSendBtn:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}:root[data-theme-mode=dark] .nav .navAssistantBtn{border-color:color-mix(in srgb,var(--brand2, #7c5cff) 28%,transparent)}:root[data-theme-mode=dark] .nav .navAssistantIconWrap{background:none;border-color:transparent}:root[data-theme-mode=dark] .nav .navAssistantPanel{background:linear-gradient(180deg,#060a1394,#060a13c7),url(../../assets/ui/backgrounds/assistant.jpg) center/cover no-repeat;box-shadow:none}:root[data-theme-mode=dark] .nav .navAssistantComposer{border-color:color-mix(in srgb,rgba(255,255,255,.1) 88%,transparent)}:root[data-theme-mode=dark] .nav .navAssistantAvatarAssistant,:root[data-theme-mode=dark] .nav .navAssistantAvatarUser{background:linear-gradient(180deg,#171e2d,#0f1625)}:root[data-theme-mode=dark] .nav .navAssistantAvatarUser{color:#f7fbff}:root[data-theme-mode=dark] .nav .navAssistantBubbleAssistant{background:linear-gradient(145deg,color-mix(in srgb,var(--nav-surface-elevated) 88%,var(--brand1, #5aa2ff) 12%),color-mix(in srgb,var(--nav-surface) 88%,var(--brand2, #7c5cff) 12%))}:root[data-theme-mode=dark] .nav .navAssistantInputWrap{background:linear-gradient(145deg,color-mix(in srgb,var(--nav-surface-elevated) 90%,var(--brand1, #5aa2ff) 10%),color-mix(in srgb,var(--nav-surface) 90%,var(--brand2, #7c5cff) 10%))}@media(max-width:920px){.nav .navAssistantDropdown{right:-40px;width:min(540px,calc(100vw - 24px))}}@media(max-width:820px){.nav .navAssistantDropdown{position:fixed;top:calc(var(--nav-height) + 12px);left:12px;right:12px;width:auto;transform-origin:top center}.nav .navAssistantPanel{min-height:min(72vh,620px);height:min(72vh,620px)}}@media(max-width:640px){.nav .navAssistantPanel{border-radius:22px;min-height:min(70vh,580px);height:min(70vh,580px)}.nav .navAssistantHeader{min-height:46px;padding:10px 12px 4px}.nav .navAssistantHero{gap:8px;padding-bottom:8px}.nav .navAssistantHeroIcon{width:48px;height:48px}.nav .navAssistantHeroTitle{font-size:24px}.nav .navAssistantComposer{padding:12px 16px 16px}.nav .navAssistantInputWrap{grid-template-columns:1fr}.nav .navAssistantSendBtn{width:44px;min-width:44px;justify-self:end}.nav .navAssistantBubble{max-width:min(100%,calc(100vw - 88px))}}.nav .navShortcutIcon{background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff))}.nav .navShortcutIcon svg,.nav .navPricingIcon svg{width:14px;height:14px;display:block;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .navPricingIcon{background:#cf0064}.nav .navShortcutLabel,.nav .navPricingLabel{font-size:13px;font-weight:800;line-height:1}.nav .navPricingCard{min-width:110px;min-height:42px;padding:6px 12px;margin-right:18px;border-radius:12px;border:1px solid color-mix(in srgb,#cf0064 26%,var(--nav-border-color));background:color-mix(in srgb,#cf0064 12%,var(--nav-soft-fill));display:flex;flex-direction:column;justify-content:center;gap:3px;transition:border-color .18s ease,background-color .18s ease}.nav .navPricingCard:hover,.nav .navPricingCardActive{border-color:color-mix(in srgb,#cf0064 34%,var(--nav-border-color));background:color-mix(in srgb,#cf0064 16%,var(--nav-soft-fill))}.nav .navPricingMain{display:inline-flex;align-items:center;gap:8px}.nav .navPricingIcon{align-self:center}.nav .navPricingBadge{padding-left:24px;color:#cf0064;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1;white-space:nowrap}.nav .profileWrap{position:relative;display:flex;align-items:center;margin-right:10px}.nav .profileBtn{appearance:none;border:none;background:transparent;min-height:36px;padding:0;display:grid;justify-items:center;gap:0;cursor:pointer;color:var(--nav-text);position:relative;transform:translateY(-4px);transition:transform .18s ease}.nav .profileBtn:hover{transform:translateY(-5px)}.nav .profileBtn:hover .avatar{transform:translateY(-1px);box-shadow:none}.nav .avatar{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));color:#fff;font-size:12px;font-weight:900;letter-spacing:.03em;box-shadow:none;transition:transform .18s ease}.nav .profileCreditsInline{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);min-height:20px;padding:1px 3px 1px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;background:#cf0064;color:#fff;font-size:10px;font-weight:900;line-height:1;white-space:nowrap;z-index:1}.nav .profileCreditsPlanIcon{--profilePlanAccent: #596272;--profilePlanAccent2: var(--profilePlanAccent);--profilePlanGradient: var(--profilePlanAccent);width:18px;height:18px;flex:0 0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#050608;color:var(--profilePlanAccent);border:1px solid color-mix(in srgb,var(--profilePlanAccent) 58%,rgba(255,255,255,.18));box-shadow:none}.nav .profileCreditsPlanIcon svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav .profileCreditsPlanIconFree{--profilePlanAccent: #596272}.nav .profileCreditsPlanIconBasic{--profilePlanAccent: #7b8190}.nav .profileCreditsPlanIconPlus{--profilePlanAccent: #6bdcff;--profilePlanAccent2: #4e7cff;--profilePlanGradient: linear-gradient(135deg, #6bdcff, #4e7cff)}.nav .profileCreditsPlanIconPro{--profilePlanAccent: #cf0064}.nav .profileCreditsInlineValue{display:inline-block;transform:translateY(.5px)}.nav .profileMenu{--profile-menu-panel: #0a0a0a;--profile-menu-panel-2: #121212;--profile-menu-panel-3: #181818;--profile-menu-border: rgba(255, 255, 255, .13);--profile-menu-border-strong: rgba(255, 255, 255, .22);right:0;width:min(300px,calc(100vw - 24px));padding:14px;border-radius:24px;background:linear-gradient(180deg,var(--profile-menu-panel-2),var(--profile-menu-panel));border:1px solid var(--profile-menu-border);box-shadow:var(--nav-popover-shadow);color:var(--nav-text);transform-origin:top right;z-index:530}.nav .profileMenuOpen{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.nav .profileMenuHeader{position:relative;display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:center;margin-bottom:10px;padding-top:2px}.nav .profileMenuHeader:before{content:"";position:absolute;left:66px;top:calc(50% + 2px);width:1px;height:42px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.24),rgba(255,255,255,.14),transparent);transform:translateY(-50%);pointer-events:none}.nav .profileMenuAvatar{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));color:#fff;font-size:16px;font-weight:900;letter-spacing:.03em}.nav .profileMenuIdentity{min-width:0;display:grid;gap:1px;align-content:center;transform:translateY(1px)}.nav .profileName{color:var(--nav-text);font-size:15px;font-weight:900;letter-spacing:-.02em;line-height:1.08}.nav .profileEmail{color:var(--nav-text-muted);font-size:12px;font-weight:700;line-height:1.08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav .profilePlanTag{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;width:fit-content;min-height:17px;padding:0;margin-top:1px;border-radius:0;background:transparent;border:0;color:var(--profilePlanAccent, var(--nav-text-muted));font-size:11px;font-weight:900;line-height:1}.nav .profilePlanTag.profileCreditsPlanIconPlus span:last-child{background-image:var(--profilePlanGradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.nav .profilePlanTagIcon{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex:0 0 auto}.nav .profilePlanTagIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.nav .profileCreditsCard{margin-bottom:10px;padding:12px 14px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,var(--profile-menu-panel-3),var(--profile-menu-panel-2));border:1px solid var(--profile-menu-border-strong);box-shadow:none;color:var(--nav-text)}.nav .profileCreditsCard:hover{background:linear-gradient(180deg,#1e1e1e,#151515);border-color:#ffffff4d}.nav .profileCreditsCardMain{display:inline-flex;align-items:center;gap:10px}.nav .profileCreditsCardIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffd1}.nav .profileCreditsCardIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .profileCreditsCardLabel{font-size:13px;font-weight:900;color:var(--nav-text-muted)}.nav .profileCreditsCardValue{font-size:18px;font-weight:900;letter-spacing:-.03em;color:var(--nav-text)}.nav .profileStorageCard{position:relative;display:grid;gap:9px;width:100%;margin-bottom:10px;padding:12px 14px 13px;border-radius:18px;border:1px solid var(--profile-menu-border);background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.055),transparent 34%),linear-gradient(180deg,#151515,#0d0d0d);color:var(--nav-text);text-decoration:none;overflow:hidden;transition:border-color .18s ease,background-color .18s ease}.nav .profileStorageCard:hover,.nav .profileStorageCard:focus-visible{border-color:var(--profile-menu-border-strong);outline:none}.nav .profileStorageCardWarn{border-color:color-mix(in srgb,#ff5f89 44%,var(--profile-menu-border))}.nav .profileStorageHeader,.nav .profileStorageMeta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.nav .profileStorageTitleGroup{min-width:0;display:grid;gap:2px}.nav .profileStorageTitle{font-size:13px;font-weight:950;letter-spacing:-.01em;color:var(--nav-text)}.nav .profileStorageValue,.nav .profileStorageMeta{font-size:11px;font-weight:800;color:var(--nav-text-muted)}.nav .profileStorageValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav .profileStoragePercent{flex:0 0 auto;min-width:42px;min-height:24px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.13);color:#fff;font-size:12px;font-weight:950;line-height:1}.nav .profileStorageTrack{position:relative;z-index:1;display:block;width:100%;height:10px;border-radius:999px;background:linear-gradient(180deg,#ffffff17,#ffffff09);border:1px solid rgba(255,255,255,.09);overflow:hidden}.nav .profileStorageFill{position:relative;display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));box-shadow:0 0 16px color-mix(in srgb,var(--brand1, #5aa2ff) 32%,transparent),inset 0 1px #ffffff47}.nav .profileStorageFill:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.62;transform:translate(-45%)}.nav .profileStorageCardWarn .profileStorageFill{background:linear-gradient(90deg,#ff5f89,#cf0064);box-shadow:0 0 16px #ff5f894d,inset 0 1px #ffffff4d}.nav .profileItem{width:100%;min-height:44px;display:flex;align-items:center;padding:11px 12px;border-radius:16px;border:1px solid var(--profile-menu-border);background:var(--profile-menu-panel-2);color:var(--nav-text);font-size:13px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.nav .profileStorageCard+.profileItem,.nav .profileItem+.profileItem{margin-top:8px}.nav .profileItem:hover{transform:translateY(-1px);border-color:var(--profile-menu-border-strong);background:var(--profile-menu-panel-3)}.nav .profileItemContent{display:inline-flex;align-items:center;gap:10px}.nav .profileItemIcon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav .profileItemIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .profileItemDanger{color:#ff9ab3;background:#ff45701a}.nav .profileItemDanger:hover{border-color:#ff5f8961;background:#ff457024}.mobileDock,.mobileGenerateOverlay,.mobileGenerateSheet{display:none}@media(max-width:1120px){.nav .wrap{width:calc(100% - 28px)}.nav .navInner,.nav .navLeft{gap:16px}.nav .navMenuBar{gap:1px}.nav .navStudioLink{padding-inline:5px;font-size:12px}.nav .navStudioLink:hover .navStudioIcon,.nav .navStudioLink:focus-visible .navStudioIcon,.nav .navStudioLinkActive .navStudioIcon{margin-left:5px}.nav .navStudioDivider{height:16px;margin-inline:2px}.nav .navMenuToggle{padding-inline:8px}.nav .navPricingCard{min-width:104px;margin-right:14px}}@media(max-width:920px){:root{--nav-height: 64px;--nav-control-height: 34px}.nav .wrap{width:calc(100% - 20px)}.nav .navInner,.nav .navLeft{gap:10px}.nav .navMenuBar{gap:2px}.nav .navStudioLink{padding-inline:4px;font-size:11px}.nav .navStudioIcon{height:14px}.nav .navStudioLink:hover .navStudioIcon,.nav .navStudioLink:focus-visible .navStudioIcon,.nav .navStudioLinkActive .navStudioIcon{width:14px;margin-left:4px}.nav .navStudioDivider{height:14px;margin-inline:1px}.nav .navMenuLabelFull{display:none}.nav .navMenuLabelShort{display:inline}.nav .navMenuToggle{font-size:12px;padding:0 7px}.nav .navDropdown{position:fixed;left:16px!important;right:16px;width:auto;max-height:min(68vh,540px);top:calc(var(--nav-height) - 2px);transform:translateY(8px) scale(.98)!important}.nav .navDropdownOpen{transform:translateY(0) scale(1)!important}.nav .navDropdownItems{grid-template-columns:1fr}.nav .navDropdownItemDesc{font-size:11px}.nav .btn{padding:0 12px;font-size:12px}.nav .navShortcutLink{padding:0 10px}.nav .navShortcutLabel,.nav .navPricingLabel{font-size:12px}.nav .navPricingCard{min-width:96px;padding-inline:10px;margin-right:12px}.nav .navPricingBadge{padding-left:22px;font-size:9px}.nav .profileCreditsInline{font-size:10px}.nav .profileWrap{margin-right:8px}}@media(max-width:820px){body{padding-bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom,0px) + 14px)}body.navMobileDockHidden{padding-bottom:0}.nav .navAuthBtn,.nav .navMenuBar{display:none}.nav .navLeft{flex:0 1 auto}.nav .navRight{gap:10px}.nav .brand{gap:8px}.nav .brandWordmark{display:inline-flex}.nav .brandWordmarkVanua,.nav .brandWordmarkStudio{font-size:16px}.nav .logo:before{opacity:0}.nav .logo:after{opacity:1}.nav .navPricingCard{margin-right:18px}.nav .profileWrap{margin-right:20px}.mobileDock{--mobile-dock-surface: color-mix(in srgb, var(--bg2, #eef6ff) 94%, #ffffff 6%);--mobile-dock-text: var(--text, #0b1220);--mobile-dock-text-muted: color-mix(in srgb, var(--text, #0b1220) 66%, transparent);--mobile-dock-border-color: color-mix(in srgb, var(--navBorder, var(--border, rgba(20, 36, 70, .12))) 92%, transparent);position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);height:var(--mobile-dock-height);padding:8px 10px;border-radius:16px;border:1px solid var(--mobile-dock-border-color);background:var(--mobile-dock-surface);background-image:none;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;z-index:540;display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:10px}@supports (width: 100dvw){.nav,.mobileGenerateOverlay,.mobileGenerateSheet{right:auto;width:100dvw;max-width:100dvw}.mobileDock{right:auto;width:calc(100dvw - 24px);max-width:calc(100dvw - 24px)}}:root[data-theme-mode=dark] .mobileDock{--mobile-dock-surface: color-mix(in srgb, var(--bg, #0b0b12) 88%, #000000 12%);--mobile-dock-text: var(--text, #f7fbff);--mobile-dock-text-muted: color-mix(in srgb, var(--text, #f7fbff) 74%, transparent);--mobile-dock-border-color: color-mix(in srgb, var(--navBorder, var(--border, rgba(255, 255, 255, .1))) 92%, rgba(255, 255, 255, .04));box-shadow:none}.mobileDockLink{width:100%;min-height:54px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mobile-dock-text-muted);text-decoration:none;font-size:11px;font-weight:800;line-height:1;border-radius:14px;background:color-mix(in srgb,var(--mobile-dock-text) 4%,transparent);transition:background-color .18s ease,color .18s ease}.mobileDockLink:first-child{justify-self:stretch}.mobileDockLink:last-child{justify-self:stretch}.mobileDockLinkActive{color:var(--mobile-dock-text);background:color-mix(in srgb,var(--mobile-dock-text) 8%,transparent)}.mobileDockLinkLabel{color:transparent;background:linear-gradient(135deg,var(--brand1, #5aa2ff),var(--brand2, #7c5cff));-webkit-background-clip:text;background-clip:text}.mobileDockLinkIcon,.mobileDockGenerateIcon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.mobileDockLinkIcon svg,.mobileDockGenerateIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobileDockGenerate{width:48px;height:48px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;background:#cf0064;color:#fff;cursor:pointer;box-shadow:none}.mobileGenerateOverlay{position:fixed;inset:0;display:block;background:#080d1775;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s;z-index:545}.mobileGenerateOverlayOpen{display:block;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease,visibility 0s linear 0s}.mobileGenerateSheet{--mobile-sheet-surface: color-mix(in srgb, var(--bg2, #eef6ff) 94%, #ffffff 6%);--mobile-sheet-surface-strong: color-mix(in srgb, var(--card, #ffffff) 96%, var(--bg2, #eef6ff) 4%);--mobile-sheet-surface-soft: color-mix(in srgb, var(--card, #ffffff) 90%, var(--bg2, #eef6ff) 10%);--mobile-sheet-border: color-mix(in srgb, var(--border, rgba(20, 36, 70, .12)) 88%, transparent);--mobile-sheet-text: var(--text, #0b1220);--mobile-sheet-muted: color-mix(in srgb, var(--text, #0b1220) 62%, transparent);--mobile-sheet-handle: color-mix(in srgb, var(--text, #0b1220) 16%, transparent);--mobile-sheet-close-bg: color-mix(in srgb, var(--text, #0b1220) 4%, transparent);--mobile-sheet-close-border: color-mix(in srgb, var(--text, #0b1220) 10%, transparent);--mobile-sheet-filter-bg: color-mix(in srgb, var(--bg2, #eef6ff) 96%, #ffffff 4%);--mobile-sheet-filter-active-bg: linear-gradient(135deg, var(--brand1), var(--brand2));--mobile-sheet-filter-active-text: #ffffff;--mobile-sheet-item-bg: linear-gradient(180deg, color-mix(in srgb, var(--card, #ffffff) 96%, var(--bg2, #eef6ff) 4%), color-mix(in srgb, var(--card, #ffffff) 90%, var(--bg2, #eef6ff) 10%));--mobile-sheet-item-active-bg: linear-gradient(180deg, color-mix(in srgb, var(--brand1) 10%, var(--card, #ffffff) 90%), color-mix(in srgb, var(--brand2) 8%, var(--card, #ffffff) 92%));--mobile-sheet-item-media-bg: color-mix(in srgb, var(--brand1) 12%, var(--bg2, #eef6ff) 88%);position:fixed;left:0;right:0;top:max(calc(var(--nav-height) + 16px),calc(env(safe-area-inset-top,0px) + 16px));bottom:0;display:flex;flex-direction:column;border-radius:26px 26px 0 0;border-top:1px solid var(--mobile-sheet-border);background:linear-gradient(180deg,var(--mobile-sheet-surface) 0%,var(--mobile-sheet-surface-strong) 100%);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 18px));transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:550;overflow:hidden}:root[data-theme-mode=dark] .mobileGenerateSheet{--mobile-sheet-surface: color-mix(in srgb, var(--bg, #0b0b12) 90%, #000000 10%);--mobile-sheet-surface-strong: color-mix(in srgb, var(--bg2, #141122) 88%, #000000 12%);--mobile-sheet-surface-soft: color-mix(in srgb, var(--bg2, #141122) 82%, #000000 18%);--mobile-sheet-border: color-mix(in srgb, rgba(255, 255, 255, .1) 88%, transparent);--mobile-sheet-text: var(--text, #f7fbff);--mobile-sheet-muted: color-mix(in srgb, var(--text, #f7fbff) 64%, transparent);--mobile-sheet-handle: color-mix(in srgb, var(--text, #f7fbff) 22%, transparent);--mobile-sheet-close-bg: color-mix(in srgb, rgba(255, 255, 255, .08) 100%, transparent);--mobile-sheet-close-border: color-mix(in srgb, rgba(255, 255, 255, .1) 100%, transparent);--mobile-sheet-filter-bg: color-mix(in srgb, var(--bg, #0b0b12) 94%, #05080d 6%);--mobile-sheet-item-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg2, #141122) 96%, #111111 4%), color-mix(in srgb, var(--bg, #0b0b12) 94%, #090909 6%));--mobile-sheet-item-active-bg: linear-gradient(180deg, color-mix(in srgb, var(--brand1) 16%, var(--bg2, #141122) 84%), color-mix(in srgb, var(--brand2) 12%, var(--bg, #0b0b12) 88%));--mobile-sheet-item-media-bg: color-mix(in srgb, var(--brand1) 18%, #0c1526 82%);box-shadow:none}.mobileGenerateSheetOpen{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(var(--mobile-sheet-offset, 0px));transition:opacity .16s ease,transform .16s ease,visibility 0s linear 0s}.mobileGenerateSheetDragging{transition:none}.mobileGenerateSheetHeader{padding:8px 16px 6px;display:grid;gap:6px;flex:0 0 auto;background:inherit}.mobileGenerateSheetHandleWrap{width:100%;min-height:26px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.mobileGenerateSheetHandleWrap:active{cursor:grabbing}.mobileGenerateSheetHandle{width:46px;height:5px;border-radius:999px;background:var(--mobile-sheet-handle)}.mobileGenerateSheetTitleRow{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mobileGenerateSheetTitle{font-size:15px;font-weight:900;letter-spacing:-.02em;color:var(--mobile-sheet-text)}.mobileGenerateSheetClose{width:32px;height:32px;border:1px solid var(--mobile-sheet-close-border);border-radius:999px;background:var(--mobile-sheet-close-bg);color:var(--mobile-sheet-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobileGenerateSheetClose span{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.mobileGenerateSheetBody{flex:1 1 auto;min-height:0;overflow:auto;padding:0 12px calc(env(safe-area-inset-bottom,0px) + 22px);display:grid;gap:12px}.mobileGenerateFilters{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:14px;overflow-x:auto;min-height:50px;margin:0 -12px 4px;padding:6px 12px 10px;background:var(--mobile-sheet-filter-bg);border-bottom:1px solid var(--mobile-sheet-border);box-shadow:none;scrollbar-width:none}.mobileGenerateFilters::-webkit-scrollbar{display:none}.mobileGenerateFilter{appearance:none;-webkit-appearance:none;flex:0 0 auto;min-height:34px;padding:0 2px;margin:0;border:0;border-radius:999px;background:transparent;color:var(--mobile-sheet-muted);display:inline-flex;align-items:center;justify-content:center;min-width:fit-content;white-space:nowrap;font:inherit;font-size:13px;font-weight:800;letter-spacing:-.01em;line-height:1;text-transform:none;box-shadow:none;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease,padding .18s ease}.mobileGenerateFilterActive{background:var(--mobile-sheet-filter-active-bg);color:var(--mobile-sheet-filter-active-text);padding:0 14px;transform:translateY(-1px)}.mobileGenerateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobileGenerateItem{min-height:0;padding:0;border-radius:18px;border:1px solid var(--mobile-sheet-border);background:var(--mobile-sheet-item-bg);color:var(--mobile-sheet-text);text-decoration:none;display:grid;gap:0;align-content:start;overflow:hidden;box-shadow:none}.mobileGenerateItem[hidden]{display:none!important}.mobileGenerateItemActive{border-color:color-mix(in srgb,var(--brand1) 30%,var(--mobile-sheet-border));background:var(--mobile-sheet-item-active-bg)}.mobileGenerateItemMedia{position:relative;aspect-ratio:1.34;background:var(--mobile-sheet-item-media-bg);display:flex;align-items:center;justify-content:center}.mobileGenerateItemMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--text, #0b1220) 2%,transparent),color-mix(in srgb,var(--text, #0b1220) 12%,transparent));pointer-events:none}.mobileGenerateItemPreview{width:100%;height:100%;display:block;object-fit:cover}.mobileGenerateItemFallback{width:28px;height:28px;background:var(--mobile-sheet-text);-webkit-mask-image:var(--nav-icon);mask-image:var(--nav-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.mobileGenerateItemPill{position:absolute;left:10px;bottom:10px;z-index:1;min-height:20px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--mobile-sheet-surface-strong) 78%,transparent);color:var(--mobile-sheet-text);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mobileGenerateItemTopBadge{position:absolute;top:10px;left:10px;z-index:1;min-height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#cf0064;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;line-height:1}.mobileGenerateItemText{min-width:0;padding:11px 12px 13px;display:grid;gap:4px}.mobileGenerateItemLabel{min-width:0;color:var(--mobile-sheet-text);font-size:12px;font-weight:900;line-height:1.15;letter-spacing:-.015em;text-transform:uppercase}.mobileGenerateItemDesc{min-width:0;color:var(--mobile-sheet-muted);font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:640px){.nav .logo{width:32px;height:32px;border-radius:10px}.nav .avatar{width:32px;height:32px}.nav .brand{gap:7px}.nav .brandWordmarkVanua,.nav .brandWordmarkStudio{font-size:15px}.nav .navShortcutLabel{display:none}.nav .navShortcutLink{padding:0 9px}.nav .navPricingBadge{display:none}.nav .navPricingCard{min-width:auto;padding:0 10px;margin-right:14px;min-height:var(--nav-control-height);display:inline-flex;align-items:center}.nav .navPricingMain{gap:6px}.nav .profileMenu{right:-4px}.nav .profileWrap{margin-right:16px}}