:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f0e8;--panel:#fff;--panel-2:#f5f0e8;--panel-3:#eae3d8;--line:#5c442626;--muted:#7a6248;--text:#3d2e1c;--accent:#a0764a;--danger:#9b4444;--ok:#4a7a5a;--shadow:0 8px 32px #3c2c181a}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1914;--panel:#26221c;--panel-2:#201c16;--panel-3:#302a22;--line:#d2bea01f;--muted:#c4a47a;--text:#f0e8da;--accent:#c4944e;--danger:#e57373;--ok:#81c784;--shadow:0 8px 32px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv01", "cv02", "ss01";margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.5}button,select,textarea,input{font:inherit}button,select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px}button{cursor:pointer;transition:all .15s}button:hover{background:var(--panel-3);border-color:#1a181533}button:disabled{cursor:not-allowed;opacity:.4}a{color:var(--text);text-decoration:underline;transition:color .12s}a:hover{color:var(--accent)}.shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brandLogo{border-radius:6px;width:24px;height:24px}.brand strong{letter-spacing:-.01em;color:var(--text);font-size:14px;font-weight:600}.brand span{display:none}.topbarNav{align-items:center;gap:12px;display:flex}.topbarNav a{color:var(--muted);font-size:12px;text-decoration:none}.topbarNav a:hover{color:var(--text)}.topbarNav .btn{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:6px 14px;font-weight:500;text-decoration:none}.topbarNav .btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.topbarNav .btn.primary:hover{opacity:.85}.feed{flex-direction:column;gap:16px;width:min(900px,100%);margin:0 auto;padding:24px 20px;display:flex}.empty{min-height:calc(100vh - 200px);color:var(--muted);text-align:center;place-items:center;display:grid}.empty h1{color:var(--text);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(24px,4vw,36px)}.empty p{max-width:480px;margin:0 auto;font-size:14px;line-height:1.6}.message{display:flex}.message.user{justify-content:flex-end}.bubble{border:1px solid var(--line);background:var(--panel);max-width:min(680px,88vw);box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6}.message.user .bubble{background:var(--text);color:var(--bg);border-color:#0000;border-radius:12px 12px 4px}.message:not(.user) .bubble{border-radius:12px 12px 12px 4px}.error{color:var(--danger)}.media-card{border:1px solid var(--line);background:var(--panel);width:100%;box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.media-head{border-bottom:1px solid var(--line);background:var(--panel-2);min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.media-head span:first-child{color:var(--text);font-weight:500}.media-body{background:var(--panel-3);place-items:center;padding:16px;display:grid}.svg-frame{width:100%}.media-body svg{width:100%;height:auto;max-height:65vh;display:block}.player-frame{background:var(--panel);border-radius:8px;width:100%;overflow:hidden}.player-frame svg{width:100%;height:auto;max-height:65vh;display:block}.preview-controls{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:grid}.preview-controls button{border-radius:6px;min-height:32px;padding:0 14px;font-size:11px;font-weight:500}.preview-controls input[type=range]{width:100%;accent-color:var(--accent)}.warnings{border-top:1px solid var(--line);color:#92400e;background:color-mix(in srgb, var(--panel) 85%, #f6d8a8 15%);padding:10px 14px;font-size:12px}.composer{border-top:1px solid var(--line);background:var(--panel);padding:16px 20px 20px}.composer-inner{grid-template-columns:1fr auto;align-items:end;gap:12px;width:min(900px,100%);margin:0 auto;display:grid}textarea{resize:vertical;border:1px solid var(--line);background:var(--panel-2);min-height:52px;max-height:140px;color:var(--text);border-radius:10px;outline:none;padding:12px 14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}textarea::placeholder{color:var(--muted)}.composer button{background:var(--text);min-height:52px;color:var(--bg);border:none;border-radius:10px;padding:0 20px;font-size:13px;font-weight:600}.composer button:hover{opacity:.85;background:var(--text)}.loading-state{min-height:280px}.loader{background:linear-gradient(90deg, transparent, #ffffff80, transparent) -180px 0 / 180px 100% no-repeat, linear-gradient(var(--panel), var(--panel)) 24px 28px / 280px 24px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 24px 72px / 400px 80px no-repeat, linear-gradient(var(--panel-3), var(--panel-3)) 24px 172px / 200px 10px no-repeat, var(--panel-3);border:1px solid var(--line);border-radius:10px;width:min(480px,72vw);height:200px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:calc(100% + 180px) 0,24px 28px,24px 72px,24px 172px,0 0}}.landing{max-width:640px;margin:0 auto;padding:20px}.landingHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:48px;padding:14px 0;display:flex}.landingLogo{color:var(--text);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.landingLogo img{border-radius:6px;width:28px;height:28px}.landingHeader nav{gap:20px;display:flex}.landingHeader nav a{color:var(--muted);font-size:13px;text-decoration:none}.landingHeader nav a:hover{color:var(--text)}.landingMain{line-height:1.7}.landingMain h1{letter-spacing:-.02em;margin:0 0 12px;font-size:28px}.landingMain h2{margin:36px 0 12px;font-size:18px}.landingMain h3{color:var(--muted);margin:24px 0 12px;font-size:15px}.landingMain p{color:var(--muted);margin:0 0 24px;font-size:14px}.landingMain ul{margin:0 0 24px;padding-left:20px}.landingMain li{margin-bottom:8px;font-size:14px}.landingMain hr{border:none;border-top:1px solid var(--line);margin:36px 0}.landingCode{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin-bottom:24px;padding:18px;font:13px/1.7 JetBrains Mono,Cascadia Code,Fira Code,Consolas,monospace;overflow-x:auto}.landingBtn{background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.landingBtn:hover{background:var(--bg);color:var(--text)}.landingGallery{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.landingGallery a{border:1px solid var(--line);border-radius:8px;transition:border-color .15s;display:block;overflow:hidden}.landingGallery img{width:100%;height:auto;display:block}.landingGallery a:hover{border-color:var(--accent)}.landingVideos{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.landingVideos video{border:1px solid var(--line);border-radius:8px;width:100%}.landingFooter{border-top:1px solid var(--line);color:var(--muted);margin-top:72px;padding:20px 0;font-size:12px}.lp{width:100%;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-size:15px;line-height:1.6}.lpInner{max-width:900px;margin:0 auto;padding:32px 40px}.lpHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:64px;padding:0 0 24px;display:flex}.lpLogo{align-items:center;gap:10px;display:flex}.lpLogo img{border-radius:6px;width:28px;height:28px}.lpLogo span{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.lpSignIn{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.lpSignIn:hover{color:var(--text);border-color:var(--text)}.lpHero{margin-bottom:64px}.lpHero h1{letter-spacing:-.03em;margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5.5vw,52px);font-weight:700;line-height:1.1}.lpHeroAnswer{color:var(--text);opacity:.8;margin:0 0 8px;font-size:18px;font-weight:400}.lpHeroSub{color:var(--muted);max-width:520px;margin:0 0 32px;font-size:16px;line-height:1.6}.lpInstall{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:400px;margin-bottom:28px;padding:18px 22px}.lpCode{border-bottom:1px solid var(--line);padding:7px 0;font-family:Space Mono,monospace;font-size:13px}.lpCode:last-child{border-bottom:none}.lpPrompt{color:var(--accent);margin-right:10px}.lpSectionTitle{color:var(--muted);letter-spacing:-.01em;margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500}.lpGallery{box-sizing:border-box;width:100%;padding:0 40px 56px}.lpGalleryTabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.lpGalleryTab{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.lpGalleryTab:hover{border-color:var(--text);color:var(--text)}.lpGalleryTab.active{background:var(--text);border-color:var(--text);color:var(--bg)}.lpGalleryGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lpGalleryItem video,.lpGalleryItem img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%;display:block}.lpViewMore{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin:24px auto 0;padding:12px 32px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:block}.lpViewMore:hover{border-color:var(--text);background:var(--panel)}.lpGalleryItem{cursor:pointer}.lpModal{z-index:1000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lpModalContent{flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh;display:flex}.lpModalContent video,.lpModalContent img{object-fit:contain;cursor:default;max-width:90vw;max-height:calc(90vh - 72px)}.lpModalActions{gap:10px;display:flex}.lpModalAction{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;min-width:88px;padding:10px 16px;font-size:12px;font-weight:600}.lpModalAction:hover{background:#ffffff24;border-color:#ffffff47}.lpModalClose{color:#fff;cursor:pointer;opacity:.7;z-index:1001;background:#ffffff1a;border:none;border-radius:8px;width:40px;height:40px;font-size:28px;line-height:1;transition:opacity .15s;position:fixed;top:20px;right:20px}.lpModalClose:hover{opacity:1}.lpQuotes{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:56px;display:grid}.lpQuotes blockquote{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:0;padding:20px;font-size:14px;line-height:1.6}.lpBottom{text-align:center;border-top:1px solid var(--line);padding:56px 0}.lpBottomLine{letter-spacing:-.02em;margin:0 0 28px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;line-height:1.4}.lpCta{background:var(--text);color:var(--bg);border-radius:8px;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.lpCta:hover{opacity:.85;color:var(--bg)}.lpFooter{border-top:1px solid var(--line);text-align:center;margin-top:40px;padding:20px 0}.lpFooter p{color:var(--muted);margin:0;font-size:12px}@media (max-width:1024px){.lpGalleryGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.lp{padding:24px 20px}.lpHero{margin-bottom:40px}.lpGalleryGrid,.lpQuotes{grid-template-columns:1fr}}.loginPage{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--line);background:var(--panel);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:12px;padding:36px 32px}.loginHeader{text-align:center;margin-bottom:28px}.loginLogo{object-fit:contain;border-radius:8px;width:40px;height:40px;margin-bottom:16px}.loginHeader h1{color:var(--text);margin:0 0 6px;font-size:20px;font-weight:600}.loginHeader p{color:var(--muted);margin:0;font-size:13px}.loginForm{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:500}.field input{border:1px solid var(--line);background:var(--panel-2);height:42px;color:var(--text);border-radius:8px;outline:none;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--muted)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.loginError{color:var(--danger);margin:0;font-size:12px}.loginSuccess{color:var(--ok);margin:0;font-size:12px}.loginButton{background:var(--text);height:44px;color:var(--bg);cursor:pointer;border:none;border-radius:8px;font-size:14px;font-weight:500;transition:opacity .15s}.loginButton:hover{opacity:.85;background:var(--text)}.loginButton:disabled{opacity:.5;cursor:not-allowed}.loginFooter{text-align:center;margin-top:20px}.loginFooter p{color:var(--muted);margin:0;font-size:13px}.loginFooter button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.loginFooter button:hover{opacity:.7;background:0 0}.loginForgot{text-align:center;margin-top:14px}.loginForgot a{color:var(--muted);font-size:12px;text-decoration:none}.loginForgot a:hover{color:var(--text)}.loginResend{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:-4px;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.loginResend:disabled{opacity:.5;cursor:not-allowed}.appShell{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.appShell.sidebarIsCollapsed{grid-template-columns:56px 1fr}.appMain{flex-direction:column;min-width:0;min-height:0;display:flex}.appTopbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.appMenuBtn{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:none}.appMenuBtn:hover{background:var(--panel-3);color:var(--text)}.sidebarIsCollapsed .appMenuBtn{display:flex}.appTopbar h1{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.appLoading{height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.appWelcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.appWelcome h1{margin:0;font-size:24px}.appWelcome p{color:var(--muted);margin:0}.appWelcomeBtn{background:var(--text);color:var(--bg);border:none;border-radius:8px;margin-top:8px;padding:12px 24px;font-weight:600}.appWelcomeBtn:hover{opacity:.85;background:var(--text)}.sidebarOverlay{display:none}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);flex-direction:column;height:100vh;transition:width .2s;display:flex;overflow:hidden}.sidebar.collapsed{align-items:center;width:56px}.sidebarHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding:12px 14px;display:flex}.sidebar.collapsed .sidebarHeader{justify-content:center;padding:12px 0}.sidebarLogo{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar.collapsed .sidebarLogoText{display:none}.sidebarCollapseBtn{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.sidebarCollapseBtn:hover{background:var(--panel-3);color:var(--text)}.sidebar.collapsed .sidebarCollapseBtn{display:none}.sidebarNewChatBtn{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:8px;align-items:center;gap:8px;margin:12px 12px 0;padding:10px 14px;font-size:12px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000000a}.sidebarNewChatBtn:hover{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 5%, transparent)}.sidebarCollapsedActions{flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 0;display:flex}.sidebarIconBtn{width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.sidebarIconBtn:hover{background:var(--panel-3);color:var(--text)}.sidebarSection{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.sidebarSectionLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 8px 8px;font-size:10px;font-weight:600}.sidebarChatList{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebarEmpty{color:var(--muted);padding:12px 8px;font-size:12px}.sidebarLoadMore{border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin:4px 0;padding:8px 12px;font-size:12px;transition:color .15s,border-color .15s}.sidebarLoadMore:hover:not(:disabled){color:var(--fg);border-color:var(--fg)}.sidebarLoadMore:disabled{opacity:.5;cursor:default}.sidebarChatItem{border-radius:6px;align-items:center;transition:background .1s;display:flex}.sidebarChatItem:hover{background:color-mix(in srgb, var(--accent) 5%, var(--panel))}.sidebarChatItem.active{background:color-mix(in srgb, var(--accent) 8%, var(--panel));box-shadow:inset 3px 0 0 var(--accent)}.sidebarChatLink{color:var(--text);cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.sidebarChatLink span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebarChatDelete{width:24px;height:24px;color:var(--muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;padding:0;display:none}.sidebarChatItem:hover .sidebarChatDelete{display:flex}.sidebarChatDelete:hover{background:var(--panel);color:var(--danger)}.sidebarFooter{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px;display:flex}.sidebarCredits,.sidebarLogout{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.sidebarCredits:hover,.sidebarLogout:hover{background:var(--panel-3)}.chatPanel{background:var(--panel-2);flex-direction:column;flex:1;min-height:0;display:flex}.chatMessages{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.chatEmpty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.chatEmptyLogo{background:color-mix(in srgb, var(--accent) 10%, transparent);width:64px;height:64px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.chatEmptyTitle{color:var(--text);margin:0;font-size:20px;font-weight:600}.chatEmptyDesc{color:var(--muted);max-width:380px;margin:0;font-size:13px;line-height:1.5}.chatStarters{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:480px;margin-top:20px;display:grid}.chatStarterCard{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.chatStarterCard:hover{border-color:var(--accent);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-1px)}.chatStarterIcon{background:color-mix(in srgb, var(--accent) 8%, transparent);width:32px;height:32px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.chatStarterLabel{color:var(--text);font-size:12px;font-weight:600}.chatStarterText{color:var(--muted);font-size:11px;line-height:1.4}.chatMsg{gap:12px;max-width:88%;display:flex}.chatMsg.user{flex-direction:row-reverse;align-self:flex-end}.chatMsgAvatar{background:var(--panel);border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chatMsg.user .chatMsgAvatar{background:var(--text);border-color:var(--text);color:var(--bg)}.chatMsgContent{flex-direction:column;gap:4px;min-width:0;display:flex}.chatMsgHeader{align-items:center;gap:6px;display:flex}.chatMsgRole{color:var(--muted);font-size:11px;font-weight:600}.chatMsgText{color:var(--text);background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.6}.chatMsgText.isError{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--panel) 88%, var(--danger) 12%)}.chatRetryBtn{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--line));align-self:flex-start;padding:6px 12px;font-size:11px;font-weight:600}.chatMsg.user .chatMsgText{background:var(--text);color:var(--bg);border-color:#0000;border-radius:12px 12px 4px}.chatMsg.assistant .chatMsgText{border-radius:12px 12px 12px 4px}.chatStreamTrail{color:var(--muted);flex-direction:column;gap:0;padding:6px 0 2px 10px;font-size:11px;line-height:1.35;display:flex}.chatStreamTrailItem{grid-template-columns:12px minmax(0,1fr);gap:7px;padding:0 0 8px;display:grid;position:relative}.chatStreamTrailItem:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:-2px;left:4px}.chatStreamTrailItem:last-child:before{display:none}.chatStreamDot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;margin-top:4px}.chatSuggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chatSuggestion{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:20px;padding:7px 14px;font-size:11px;font-weight:500;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s;box-shadow:0 1px 2px #00000008}.chatSuggestion:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--panel));transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.visualPreview{border:1px solid var(--line);background:var(--panel);box-shadow:0 2px 12px #0000000a, 0 0 0 1px color-mix(in srgb, var(--line) 20%, transparent);border-radius:14px;margin-top:10px;overflow:hidden}.visualPreviewFrame{background:var(--panel-3);padding:12px}.visualPreviewFrame svg{width:100%;height:auto;max-height:50vh;display:block}.visualPreviewControls{border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 50%, var(--panel));color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.visualPreviewControls>button{border:1px solid var(--line);background:var(--panel);width:32px;min-width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 1px 3px #0000000a}.visualPreviewControls>button:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel));transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.visualPreviewControls input[type=range]{accent-color:var(--accent);flex:1}.visualPreviewControls>span{text-align:right;font-variant-numeric:tabular-nums;min-width:42px}.visualExpandBtn,.visualEditBtn{border:1px solid var(--line);background:var(--panel);width:34px;min-width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 1px 3px #0000000a}.visualExpandBtn:hover,.visualEditBtn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel));box-shadow:0 2px 8px #00000014, 0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent);transform:translateY(-1px)}.visualExportDropdown{position:relative}.visualExportBackdrop{display:none}.visualExportTrigger{white-space:nowrap;letter-spacing:.02em;border:1px solid var(--line);background:var(--panel);height:34px;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 1px 3px #0000000a}.visualExportTrigger:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel));box-shadow:0 2px 8px #00000014, 0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent);transform:translateY(-1px)}.visualExportMenu{border:1px solid var(--line);background:var(--panel);z-index:50;border-radius:10px;flex-direction:column;min-width:200px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.visualExportMenu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.visualExportMenu button:hover{background:var(--panel-3)}.visualExportFormatLabel{min-width:36px;font-weight:600}.visualExportFormatDesc{color:var(--muted);font-size:11px}@media (max-width:768px){.visualExportBackdrop{z-index:59;background:#0f172a33;border:0;padding:0;display:block;position:fixed;inset:0}.visualExportMenu{left:12px;right:12px;bottom:max(12px, calc(env(safe-area-inset-bottom,0px) + 12px));z-index:60;border-radius:16px;min-width:0;max-height:min(70vh,420px);padding:8px;position:fixed;overflow-y:auto;box-shadow:0 20px 48px #0f172a3d}.visualExportMenu button{gap:12px;padding:12px 14px}.visualExportFormatLabel{min-width:40px}}.visualModal{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.visualModalContent{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.visualModalHeader{border-bottom:1px solid var(--line);color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.visualModalHeader button{width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.visualModalHeader button:hover{background:var(--panel-3);color:var(--text)}.visualModalFrame{background:var(--panel-3);flex:1;padding:16px;overflow:auto}.visualModalFrame svg{width:100%;height:auto;max-height:75vh;display:block}.visualDeckControls{border-top:1px solid var(--line);background:var(--panel-2);grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.visualDeckControls button,.visualDeckControls select{min-height:30px;padding:4px 10px;font-size:11px}.chatTyping{background:var(--panel);border:1px solid var(--line);border-radius:12px 12px 12px 4px;gap:4px;padding:10px 14px;display:flex}.chatTyping span{background:var(--muted);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both chatBounce}.chatTyping span:first-child{animation-delay:0s}.chatTyping span:nth-child(2){animation-delay:.16s}.chatTyping span:nth-child(3){animation-delay:.32s}@keyframes chatBounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chatInputArea{background:var(--panel-2);padding:16px 28px 20px}.chatEditBadge{background:color-mix(in srgb, var(--accent) 6%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);border-radius:20px;align-items:center;gap:8px;width:fit-content;margin-bottom:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.chatEditBadge span{flex:1}.chatEditBadge button{cursor:pointer;width:22px;height:22px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.chatEditBadge button:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.chatInputBox{border:1.5px solid var(--line);background:var(--panel);box-shadow:0 2px 12px #0000000a, 0 0 0 1px color-mix(in srgb, var(--line) 30%, transparent);border-radius:16px;padding:14px 16px 10px;transition:border-color .2s,box-shadow .2s}.chatInputBox:focus-within{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));box-shadow:0 2px 16px #0000000f, 0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent)}.chatInputBox textarea{width:100%;min-height:22px;max-height:150px;color:var(--text);resize:none;background:0 0;border:none;outline:none;padding:0;font-size:14px;line-height:1.5}.chatInputBox textarea::placeholder{color:var(--muted);opacity:.7}.chatInputActions{border-top:1px solid color-mix(in srgb, var(--line) 40%, transparent);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.chatInputHint{color:var(--muted);opacity:.6;font-size:11px}.chatSendBtn{background:var(--accent);color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 30%, transparent);border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex}.chatSendBtn:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-1px)}.chatSendBtn:disabled{background:var(--line);color:var(--muted);opacity:.5;cursor:not-allowed;box-shadow:none}.creditsGate{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:10px;margin:8px 0;padding:24px 16px;display:flex}.creditsGateIcon{color:var(--accent);opacity:.7}.creditsGateTitle{color:var(--text);margin:0;font-size:14px;font-weight:600}.creditsGateDesc{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.modalOverlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalContent{background:var(--panel);border-radius:12px;width:100%;max-width:360px;padding:28px 24px;position:relative;box-shadow:0 20px 60px #0003}.modalClose{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:12px;right:12px}.modalClose:hover{background:var(--panel-3);color:var(--text)}.creditsModalHeader{text-align:center;margin-bottom:24px}.creditsModalHeader h2{margin:12px 0 6px;font-size:18px}.creditsModalHeader p{color:var(--muted);margin:0;font-size:13px}.creditsPack{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px;display:flex}.creditsPackInfo{flex-direction:column;gap:2px;display:flex}.creditsPackName{font-size:14px;font-weight:600}.creditsPackDesc{color:var(--muted);font-size:11px}.creditsPackPrice{font-size:14px;font-weight:600}.creditsError{color:var(--danger);text-align:center;margin-bottom:12px;font-size:12px}.creditsBuyBtn{background:var(--text);width:100%;height:44px;color:var(--bg);border:none;border-radius:8px;font-size:14px;font-weight:600}.creditsBuyBtn:hover:not(:disabled){opacity:.85;background:var(--text)}.creditsNote{color:var(--muted);text-align:center;margin:14px 0 0;font-size:11px}@media (max-width:768px){.appShell,.appShell.sidebarIsCollapsed{grid-template-columns:1fr}.appMenuBtn{display:flex}.sidebar{z-index:100;width:280px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(0)}.sidebar.collapsed{align-items:stretch;width:280px;transform:translate(-100%)}.sidebar.collapsed .sidebarLogoText{display:inline}.sidebarOverlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.sidebarCollapseBtn{display:none}.topbar{padding:0 16px}.feed{padding:20px 16px}.composer{padding:14px 16px 18px}.composer-inner{grid-template-columns:1fr}.brand span{display:none}.landingGallery,.landingVideos{grid-template-columns:1fr}.chatMessages{padding:16px}.chatInputArea{padding:12px 16px 16px}.chatStarters{grid-template-columns:1fr}.chatMsg{max-width:95%}}.adminContainer{max-width:1100px;color:var(--text);margin:0 auto;padding:40px 24px;font-family:Inter,sans-serif}.adminLoading,.adminError{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}.adminError{color:var(--danger)}.adminHeader{margin-bottom:32px}.adminHeader h1{margin:0 0 4px;font-size:22px;font-weight:700}.adminHeader p{color:var(--muted);margin:0;font-size:13px}.adminTabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:28px;padding-bottom:0;display:flex}.adminTab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.adminTab:hover{color:var(--text)}.adminTab.active{color:var(--accent);border-bottom-color:var(--accent)}.adminStats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.adminStatCard{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:4px;padding:20px;display:flex;box-shadow:0 1px 4px #0000000a}.adminStatValue{color:var(--text);font-size:26px;font-weight:700}.adminStatLabel{color:var(--muted);font-size:12px;font-weight:500}.adminSection{flex-direction:column;gap:16px;display:flex}.adminSearchBar{align-items:center;gap:12px;display:flex}.adminSearchBar input{border:1px solid var(--line);background:var(--panel);max-width:320px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 14px;font-size:13px;transition:border-color .15s}.adminSearchBar input:focus{border-color:var(--accent)}.adminResultCount{color:var(--muted);margin-left:auto;font-size:12px}.adminTableWrap{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow-x:auto;box-shadow:0 1px 4px #0000000a}.adminTable{border-collapse:collapse;width:100%;font-size:13px}.adminTable th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);background:var(--panel-2);padding:12px 14px;font-size:11px;font-weight:600}.adminTable th:first-child{border-radius:12px 0 0}.adminTable th:last-child{border-radius:0 12px 0 0}.adminTable td{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);color:var(--text);padding:10px 14px}.adminTable tbody tr:last-child td{border-bottom:none}.adminTable tbody tr:hover{background:color-mix(in srgb, var(--accent) 3%, var(--panel))}.adminBadge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.adminBadge.green{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok)}.adminBadge.red{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.adminBadge.blue{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.adminSmallBtn{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:border-color .15s,color .15s}.adminSmallBtn:hover{border-color:var(--accent);color:var(--accent)}.adminEmpty{text-align:center;color:var(--muted);padding:24px}.adminPagination{justify-content:center;align-items:center;gap:4px;padding-top:8px;display:flex}.adminPagination button{border:1px solid var(--line);background:var(--panel);min-width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;padding:0 8px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.adminPagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.adminPagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.adminPagination button:disabled{opacity:.4;cursor:not-allowed}.adminPageDots{color:var(--muted);padding:0 4px;font-size:12px}.adminSelect{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 12px;font-size:12px}.adminForm{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.adminForm h3{margin:0 0 4px;font-size:14px;font-weight:600}.adminForm input[type=text],.adminForm input[type=number],.adminForm textarea{border:1px solid var(--line);background:var(--panel);height:36px;color:var(--text);border-radius:6px;padding:0 12px;font-size:13px}.adminForm textarea{resize:vertical;height:auto;min-height:120px;padding:12px;line-height:1.5}.adminForm input[type=file]{color:var(--muted);font-size:13px}.adminFormHint{color:var(--muted);margin:-4px 0 0;font-size:12px}.adminFormActions{gap:8px;display:flex}.adminGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px;display:grid}.adminGalleryCard{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;overflow:hidden}.adminGalleryCard.hidden{opacity:.5}.adminGalleryCard video,.adminGalleryCard img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.adminGalleryInfo{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.adminGalleryTitle{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.adminGalleryCategory{color:var(--muted);font-size:11px}.adminGalleryMeta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.adminGalleryActions{gap:4px;padding:0 12px 12px;display:flex}.adminGalleryActions button{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:6px;flex:1;padding:6px 8px;font-size:11px;font-weight:500;transition:border-color .15s,color .15s}.adminGalleryActions button:hover{border-color:var(--accent);color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}