:root{color-scheme:dark;font-family:Geist,Geist Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #080a0f;--ink: #f7f3ea;--muted: #a9a393;--line: rgba(247, 243, 234, .13);--panel: rgba(19, 22, 28, .72);--panel-strong: rgba(31, 34, 42, .82);--teal: #6ee7d8;--teal-ink: #05211e;--coral: #ff8a5c;--gold: #f4cf72;--violet: #a7a6ff;--bad: #ef4444}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(110,231,216,.18),transparent 24rem),radial-gradient(circle at 82% 4%,rgba(255,138,92,.17),transparent 25rem),radial-gradient(circle at 70% 72%,rgba(167,166,255,.12),transparent 28rem),linear-gradient(145deg,#080a0f,#111119 52%,#090c11);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,black,transparent 78%)}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{max-width:min(1120px,100%);margin-bottom:0;font-size:clamp(3rem,6vw,6.4rem);line-height:.93;letter-spacing:0}h2{margin-bottom:0;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:0}h3{margin-bottom:8px;font-size:1.05rem}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden}.landing-shell{min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden;padding:clamp(16px,3vw,36px)}.landing-shell .header-bar{min-height:calc(100dvh - clamp(32px,6vw,72px));margin:0}.sidebar{position:sticky;top:0;height:100dvh;padding:22px 16px;border-right:1px solid var(--line);background:#080a0fb8;backdrop-filter:blur(24px)}.brand-block,.sidebar-card,.profile-chip,.panel-heading,.header-actions,.hero-actions,.player-toolbar,.plugin-footer,.profile-hero,.quality-list div,.video-overlay{display:flex;align-items:center}.brand-block{gap:12px;min-height:66px;margin-bottom:28px;padding:9px;border:1px solid var(--line);border-radius:999px;background:#ffffff0d}.brand-mark,.message-avatar,.avatar-large,.plugin-icon{display:grid;place-items:center;color:var(--teal-ink);font-weight:900;background:linear-gradient(135deg,var(--teal),var(--gold));box-shadow:0 14px 34px #6ee7d82e}.brand-mark{width:46px;height:46px;border-radius:999px}.brand-block strong,.brand-block span,.sidebar-card strong,.sidebar-card span{display:block}.brand-block span,.sidebar-card span,.profile-chip,.eyebrow,.message-body,.video-row small,.plugin-card p,.profile-card p,.hero-lede{color:var(--muted)}.nav-list{display:grid;gap:8px}.nav-item,.mobile-tab,.icon-button,.tool-button,.toggle,.prompt-suggestions button,.send-button,.video-row,.primary-action,.secondary-action{border:1px solid transparent;color:var(--ink);background:transparent;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:13px 14px;border-radius:14px;text-align:left}.nav-item:hover,.nav-item.active,.mobile-tab.active,.tool-button:hover,.prompt-suggestions button:hover,.video-row.active,.video-row:hover,.icon-button:hover{border-color:#6ee7d86b;background:#6ee7d81a;transform:translateY(-1px)}.sidebar-card{gap:12px;margin-top:32px;padding:14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#ff8a5c1f,#ffffff0a)}.main-surface{min-width:0;padding:28px}.header-bar{position:relative;display:block;min-height:clamp(520px,72dvh,760px);margin-bottom:clamp(72px,12vw,150px);padding:clamp(28px,5vw,72px);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff05),radial-gradient(circle at 14% 20%,rgba(110,231,216,.24),transparent 24rem),#0e1015bd;box-shadow:0 30px 90px #0000005c}.header-bar:after{content:"";position:absolute;inset:auto -8% -28% 22%;height:380px;background:radial-gradient(circle,rgba(255,138,92,.24),transparent 62%);filter:blur(18px)}.hero-copy,.hero-media{position:relative;z-index:1}.hero-copy{max-width:min(900px,100%)}.hero-copy>*{animation:hero-reveal .78s ease both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy h1{color:#fff8ea;text-shadow:0 18px 60px rgba(0,0,0,.34)}.eyebrow{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none}.inline-heading-image{display:inline-block;width:clamp(82px,10vw,150px);height:clamp(38px,5vw,66px);margin:0 .18em;border:1px solid rgba(255,255,255,.22);border-radius:999px;vertical-align:middle;background:linear-gradient(#080a0f05,#080a0f1a),url(https://picsum.photos/seed/kindview-inline-cinema/360/160) center / cover;filter:grayscale(.25) contrast(1.18) saturate(.9)}.hero-lede{max-width:450px;margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:999px;font-weight:850}.primary-action{color:var(--teal-ink);background:var(--teal);box-shadow:0 18px 40px #6ee7d83d}.secondary-action{color:var(--ink);border-color:var(--line);background:#ffffff0f}.hero-media{position:absolute;right:clamp(18px,4vw,58px);bottom:clamp(18px,4vw,56px);min-height:420px;width:min(360px,30vw);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#090b10;animation:hero-reveal .9s ease .26s both}.hero-media>img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;opacity:.78;filter:grayscale(.35) contrast(1.2) saturate(.82);transition:transform .7s ease}.hero-media:hover>img,.video-frame:hover video,.video-row:hover img,.plugin-card:hover,.profile-card:hover{transform:scale(1.035)}.hero-console{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080a0fb8;backdrop-filter:blur(22px)}.header-actions{gap:10px}.search-box{display:flex;align-items:center;gap:8px;min-width:260px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.icon-button,.mobile-tab{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#ffffff0f;border-color:var(--line)}.profile-chip{gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(110,231,216,.36);border-radius:999px;background:#6ee7d81a;white-space:nowrap}.workspace-grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"video video video video video video video chat chat chat chat chat" "monitor monitor monitor monitor monitor monitor monitor chat chat chat chat chat";gap:18px;margin-bottom:clamp(72px,10vw,130px)}.panel,.page-panel,.profile-card,.plugin-card,.profile-hero{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#ffffff14,#ffffff06),var(--panel);box-shadow:0 24px 70px #0000003d;backdrop-filter:blur(18px)}.motion-card{will-change:transform,opacity}.panel{padding:18px;overflow:hidden}.panel-heading{justify-content:space-between;gap:14px;margin-bottom:16px}.video-panel{grid-area:video}.chat-panel{grid-area:chat;display:grid;grid-template-rows:auto minmax(320px,1fr) auto auto;min-height:720px}.monitor-panel{grid-area:monitor}.status-pill{padding:6px 10px;border-radius:999px;color:var(--teal-ink);background:var(--teal);font-size:12px;font-weight:900}.status-pill.rendering{color:#2b1605;background:var(--gold)}.video-frame{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:16 / 9;background:#05070b}.video-frame video,.video-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.video-gradient{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#05070be6)}.video-overlay{position:absolute;left:18px;right:18px;bottom:18px;gap:12px}.video-overlay span{display:block;margin-top:4px;color:#d8d1c0}.play-button{display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:999px;color:var(--teal-ink);background:var(--teal)}.player-toolbar{flex-wrap:wrap;gap:8px;margin:14px 0}.tool-button,.send-button,.toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;border-color:var(--line);background:#ffffff0e}.icon-only{width:40px;padding:0;justify-content:center}.video-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.video-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:8px;overflow:hidden;border-radius:8px;text-align:left}.video-row img{width:86px;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover;transition:transform .7s ease}.video-row strong,.video-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list{overflow-y:auto;display:grid;align-content:start;gap:14px;padding-right:4px}.message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px}.message-avatar{width:34px;height:34px;border-radius:8px;font-size:12px}.message.user .message-avatar{background:#2a2e39;color:var(--ink)}.message-body{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a;line-height:1.55}.markdown-body p,.markdown-body ul{margin:0 0 10px}.markdown-body :last-child{margin-bottom:0}.markdown-body pre{overflow-x:auto;padding:12px;border-radius:8px;background:#05070b}.typing-caret{display:inline-block;width:8px;height:18px;margin-left:2px;vertical-align:middle;background:var(--teal);animation:blink .8s steps(2,start) infinite}.prompt-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.prompt-suggestions button{min-height:32px;padding:0 10px;border-radius:999px;border-color:var(--line);background:#ffffff0a;color:var(--muted)}.prompt-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.prompt-box textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:8px;outline:0;padding:12px;color:var(--ink);background:#ffffff0e}.send-button{align-self:end;border:0;color:var(--teal-ink);background:var(--teal);font-weight:900}.send-button:disabled{cursor:not-allowed;opacity:.45}.status-dot{width:11px;height:11px;border-radius:999px;background:#4d5361}.status-dot.active{background:var(--teal);box-shadow:0 0 0 8px #6ee7d81f}.metric-grid,.market-grid,.profile-grid{display:grid;gap:14px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:14px;border-radius:8px;background:#ffffff0e}.metric span,.metric strong{display:block}.metric strong{margin-top:8px;font-size:24px}.metric.good strong{color:var(--teal)}.metric.warn strong{color:var(--gold)}.quality-list{display:grid;gap:8px;margin-top:14px}.quality-list div{gap:10px;padding:10px 0;border-top:1px solid var(--line)}.quality-list strong{margin-left:auto}.page-panel,.profile-layout{max-width:1180px}.page-panel{padding:22px}.page-title{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.market-grid{grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr))}.plugin-card{display:grid;grid-template-rows:auto 1fr auto;gap:16px;min-height:260px;padding:18px;overflow:hidden;transition:transform .7s ease,border-color .22s ease}.plugin-card:hover,.profile-card:hover{border-color:#6ee7d85c}.plugin-icon{width:46px;height:46px;border-radius:8px}.category-label{color:var(--teal);font-size:12px;font-weight:900}.plugin-footer{justify-content:space-between;gap:12px;color:var(--muted)}.toggle.enabled{color:var(--teal-ink);background:var(--teal)}.profile-layout{display:grid;gap:18px}.profile-hero{gap:18px;padding:24px}.avatar-large{width:74px;height:74px;border-radius:8px;font-size:30px}.usage-ring{--usage: 0%;display:grid;place-items:center;width:112px;height:112px;margin-left:auto;border-radius:999px;background:radial-gradient(circle at center,#151922 56%,transparent 57%),conic-gradient(var(--coral) var(--usage),rgba(255,255,255,.1) 0)}.usage-ring strong,.usage-ring span{grid-area:1 / 1}.usage-ring span{transform:translateY(24px);color:var(--muted);font-size:12px}.profile-grid{grid-auto-flow:dense;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card{min-height:188px;padding:18px;transition:transform .7s ease,border-color .22s ease}.profile-card svg{color:var(--teal)}.skeleton-large,.skeleton-stack span{position:relative;overflow:hidden}.skeleton-large{min-height:500px}.skeleton-stack{display:grid;gap:14px;align-content:start}.skeleton-stack span{height:64px;border-radius:8px;background:#ffffff14}.skeleton-stack.compact span{height:44px}.skeleton-large:after,.skeleton-stack span:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.2s infinite}.mobile-tabs{display:none}@keyframes blink{50%{opacity:0}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes hero-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.brand-block div:not(.brand-mark),.nav-item span,.sidebar-card div{display:none}.brand-block{justify-content:center;border-radius:18px}.nav-item{justify-content:center}.workspace-grid{grid-template-columns:1fr;grid-template-areas:"video" "chat" "monitor"}.chat-panel{min-height:620px}.market-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-list{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block;padding-bottom:70px}.sidebar{display:none}.main-surface{padding:12px}.header-bar{min-height:auto;padding:24px;margin-bottom:54px}h1{font-size:clamp(2.85rem,14vw,4.5rem);line-height:.96}.hero-media{position:relative;right:auto;bottom:auto;width:100%;min-height:340px;margin-top:28px}.hero-media>img{min-height:340px}.header-actions,.page-title,.profile-hero{display:grid}.search-box,.market-search{min-width:0;width:100%}.profile-chip{justify-content:center}.metric-grid,.market-grid,.profile-grid,.prompt-box{grid-template-columns:1fr}.send-button{justify-content:center}.usage-ring{margin-left:0}.mobile-tabs{position:fixed;left:12px;right:12px;bottom:12px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#080a0fdb;backdrop-filter:blur(18px)}.mobile-tab{width:100%}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
