:root{--bg:#030712;--bg2:#08111f;--bg3:#101827;--border:rgba(255,255,255,.14);--text:#f8fbff;--muted:#9fb0cc;--accent:#8b5cf6;--accent2:#06b6d4;--ok:#34d399;--danger:#fb7185;--shadow:0 22px 70px rgba(0,0,0,.34)}body[data-theme=ocean]{--accent:#0ea5e9;--accent2:#22d3ee}body[data-theme=violet]{--accent:#a855f7;--accent2:#ec4899}body[data-theme=emerald]{--accent:#10b981;--accent2:#84cc16}body[data-theme=sunset]{--accent:#f97316;--accent2:#ec4899}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 7% -8%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 31rem),radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--accent2) 32%,transparent),transparent 30rem),linear-gradient(145deg,var(--bg),var(--bg2) 48%,var(--bg3));overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 50% 20%,black,transparent 72%)}a{color:#a9ddff;text-decoration:none}button,input,select,textarea{font:inherit}::selection{color:white;background:color-mix(in srgb,var(--accent) 62%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:999px;border:2px solid rgba(3,7,18,.75)}.app-shell{min-height:100vh;display:grid;grid-template-columns:410px minmax(0,1fr)}.sidebar{position:sticky;top:0;max-height:100vh;overflow:auto;padding:24px;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(4,8,18,.88),rgba(4,8,18,.64));backdrop-filter:blur(24px)}.main-panel{display:grid;grid-template-rows:auto auto auto auto 1fr auto;min-width:0}.brand-card,.box,.topbar,.hero-card,.prompt-lab,.onboarding-strip,.composer-panel,.message{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));box-shadow:var(--shadow);backdrop-filter:blur(22px)}.brand-card,.box,.topbar,.hero-card,.prompt-lab,.onboarding-strip,.composer-panel{border-radius:32px}.brand-card{padding:19px;margin-bottom:15px}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:17px}.logo{width:58px;height:58px;display:grid;place-items:center;border-radius:22px;font-size:30px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.45),transparent 20%),linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 38%,transparent)}h1,h2,h3{margin:0;letter-spacing:-.035em}h1{font-size:22px}.sub,.tiny,.topbar p,.hero-card p,.prompt-lab p,.hint{color:var(--muted)}.tiny{font-size:12px}.hint{font-size:12px;margin-top:8px;line-height:1.45}.account-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:22px;background:rgba(255,255,255,.058);border:1px solid var(--border)}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:999px;font-weight:950;background:linear-gradient(135deg,var(--accent),var(--accent2))}.mode-card{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px;padding:6px;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid var(--border)}.mode-btn{border:1px solid transparent;border-radius:19px;background:transparent;color:var(--muted);padding:13px 8px;cursor:pointer;font-weight:900;display:grid;gap:4px;place-items:center;transition:.18s ease;box-shadow:none}.mode-btn b{font-size:20px}.mode-btn span{font-size:12px}.mode-btn:hover{transform:translateY(-1px);color:#fff;background:rgba(255,255,255,.07)}.mode-btn.active{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 78%,transparent),color-mix(in srgb,var(--accent2) 58%,transparent));border-color:rgba(255,255,255,.18);box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 28%,transparent)}.box{padding:16px;margin-bottom:15px}.box-title,summary{font-weight:950;font-size:14px;cursor:pointer;list-style:none}summary{display:flex;align-items:center;justify-content:space-between}summary:after{content:"⌄";color:var(--muted);transition:.18s ease}details[open] summary:after{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}.focus-panel{border-color:color-mix(in srgb,var(--accent2) 38%,rgba(255,255,255,.14));box-shadow:0 22px 70px color-mix(in srgb,var(--accent) 16%,rgba(0,0,0,.34))}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.theme-dot{height:38px;border-radius:16px;border:1px solid var(--border);box-shadow:none}.theme-dot.cyber{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.theme-dot.ocean{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}.theme-dot.violet{background:linear-gradient(135deg,#a855f7,#ec4899)}.theme-dot.emerald{background:linear-gradient(135deg,#10b981,#84cc16)}.theme-dot.sunset{background:linear-gradient(135deg,#f97316,#ec4899)}.theme-dot.active{outline:3px solid color-mix(in srgb,var(--accent2) 40%,transparent)}.status-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--border);margin-top:10px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent2) 14%,transparent)}.ok-bg{background:var(--ok)}.bad-bg{background:var(--danger)}.mini-link{display:block;margin-top:10px;color:var(--muted);font-size:12px}label{display:block;color:var(--muted);font-size:12px;font-weight:750;margin:13px 0 7px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:17px;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));padding:12px 14px;outline:none;transition:.18s ease}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 78%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent);background:rgba(255,255,255,.09)}textarea{min-height:94px;resize:vertical}button{border:0;border-radius:17px;color:#fff;cursor:pointer;padding:12px 14px;font-weight:950;background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.26),transparent 28%),linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 17px 34px color-mix(in srgb,var(--accent) 26%,transparent);transition:.18s ease}button:hover{transform:translateY(-1px);filter:saturate(1.08)}button:disabled{opacity:.58;cursor:not-allowed;transform:none}.ghost{width:100%;text-align:left;margin-top:9px;background:rgba(255,255,255,.058);border:1px solid var(--border);box-shadow:none}.ghost:hover{background:rgba(255,255,255,.09)}.ghost.danger{color:#ffd7df;border-color:rgba(251,113,133,.32)}.logout{display:block;text-align:center;margin-top:10px;padding:12px;border-radius:17px;color:var(--text);background:rgba(255,255,255,.055);border:1px solid var(--border);font-weight:900}.pill{display:inline-flex;gap:7px;align-items:center;margin-top:11px;padding:8px 11px;border-radius:999px;color:var(--muted);border:1px solid var(--border);background:rgba(255,255,255,.047);font-size:12px}.ok{color:var(--ok)}.bad{color:var(--danger)}.media-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-thumb{display:block;padding:7px;border-radius:19px;border:1px solid var(--border);background:rgba(255,255,255,.055);overflow:hidden;transition:.18s ease}.history-thumb:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.085)}.history-thumb img,.history-thumb video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#000;display:block}.history-thumb span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.empty-state{color:var(--muted);border:1px dashed rgba(255,255,255,.20);border-radius:19px;padding:16px;text-align:center;background:rgba(255,255,255,.035)}.topbar{margin:24px 24px 15px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;overflow:hidden}.eyebrow{color:#d7e6ff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.topbar h2{font-size:32px;line-height:1.05}.topbar p{margin:8px 0 0}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.small-btn{width:auto;min-width:96px;box-shadow:none}.small-btn.alt{background:rgba(255,255,255,.07);border:1px solid var(--border)}.onboarding-strip{margin:0 24px 15px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--border)}.step-card span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}.step-card b{display:block}.step-card small{display:block;color:var(--muted)}.hero-card{margin:0 24px 15px;padding:25px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;overflow:hidden}.hero-badge{display:inline-flex;margin-bottom:11px;padding:8px 12px;border-radius:999px;color:#def8ff;font-size:12px;border:1px solid color-mix(in srgb,var(--accent2) 35%,transparent);background:color-mix(in srgb,var(--accent2) 13%,transparent)}.hero-card h3{font-size:27px;margin-bottom:8px}.hero-card p{margin:0;max-width:58ch}.preset-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.chip{width:auto;background:rgba(255,255,255,.065);border:1px solid var(--border);box-shadow:none;white-space:nowrap}.chip:hover{background:rgba(255,255,255,.10)}.prompt-lab{margin:0 24px 15px;padding:16px}.lab-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.lab-title{font-weight:950}.prompt-lab p{margin:5px 0 0}.lab-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.lab-btn{background:rgba(255,255,255,.06);border:1px solid var(--border);box-shadow:none}.workspace{overflow:auto;padding:4px 24px 24px}.messages{max-width:1060px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.message{border-radius:28px;padding:19px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;max-width:78%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 31%,transparent),color-mix(in srgb,var(--accent) 16%,transparent));border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.message.ai{align-self:flex-start;max-width:94%}.welcome-message{width:100%;max-width:1060px!important}.welcome-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.welcome-grid p{color:var(--muted)}.welcome-tips{display:grid;gap:8px}.welcome-tips span{padding:10px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid var(--border)}.meta{color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.055em;margin-bottom:8px;text-transform:uppercase}.section-heading{display:block;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;margin-top:12px}.media-card{display:block;padding:9px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.058);transition:.18s ease;overflow:hidden}.media-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.09);box-shadow:0 18px 40px rgba(0,0,0,.22)}.media-card img,.media-card video{width:100%;border-radius:16px;background:#000;display:block}.media-card span,.media-card a{display:block;font-size:13px;color:var(--muted);margin:9px 5px 2px}.composer{padding:0 24px 24px}.composer-panel{max-width:1060px;margin:0 auto;padding:14px}.composer-toolbar{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;padding:2px 8px 10px}.composer-inner{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:12px}#prompt{min-height:94px;max-height:240px;line-height:1.45}#sendBtn{min-height:94px;font-size:16px}.loader{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:24px;bottom:24px;z-index:99;padding:13px 16px;border-radius:17px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.35);color:#d1fae5;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.toast.bad{background:rgba(251,113,133,.18);border-color:rgba(251,113,133,.35);color:#ffe1e7}.hidden{display:none}pre{overflow:auto;padding:12px;border-radius:17px;border:1px solid var(--border);background:rgba(0,0,0,.30);color:#dbeafe;font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{position:relative;width:min(470px,100%);padding:32px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(24px);overflow:hidden}.logo.big{width:68px;height:68px;margin:0 auto 15px}.auth-card h1{text-align:center;font-size:30px}.auth-card p{text-align:center;color:var(--muted)}.auth-card .small{font-size:14px}.alert{padding:12px 14px;border-radius:17px;border:1px solid rgba(251,113,133,.35);color:#ffd7df;background:rgba(251,113,133,.12);margin:12px 0}@media(max-width:1240px){.app-shell{grid-template-columns:360px 1fr}.hero-card{grid-template-columns:1fr}.preset-row{justify-content:flex-start}.lab-grid{grid-template-columns:repeat(3,1fr)}.onboarding-strip{grid-template-columns:1fr}}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--border)}.topbar{margin:16px 16px 12px;align-items:flex-start;flex-direction:column}.hero-card,.prompt-lab,.onboarding-strip{margin:0 16px 12px}.workspace{padding:4px 16px 16px}.composer{padding:0 16px 16px}.composer-inner{grid-template-columns:1fr}#sendBtn{min-height:auto}.message.user,.message.ai{max-width:100%}.welcome-grid{grid-template-columns:1fr}}@media(max-width:560px){.sidebar{padding:16px}.mode-card{grid-template-columns:1fr}.topbar h2{font-size:25px}.hero-card h3{font-size:22px}.preset-row,.lab-grid{display:grid;grid-template-columns:1fr;width:100%}.chip{width:100%;white-space:normal}.media-history{grid-template-columns:1fr}.composer-toolbar{flex-direction:column}}
.processing-card{
  display:flex;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:22px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.055);
}
.processing-card p{
  margin:6px 0;
  color:var(--muted);
}
.processing-card small{
  color:var(--muted);
  opacity:.8;
}
.big-loader{
  width:28px!important;
  height:28px!important;
  flex:0 0 auto;
}

.pending-thumb{
  width:100%;
  min-height:132px;
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--text);
}
.pending-thumb .pending-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 28%,transparent);
  font-size:28px;
  margin-bottom:8px;
}
.pending-thumb span{
  margin:0;
  color:var(--muted);
}

.company-badge{display:inline-flex;margin-top:6px;margin-right:4px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;color:#e0f2fe;background:rgba(14,165,233,.16);border:1px solid rgba(14,165,233,.35)}
.owner-badge{color:#fff7ed;background:rgba(249,115,22,.18);border-color:rgba(249,115,22,.38)}

.company-badge{
  display:inline-flex;
  margin-top:6px;
  margin-right:4px;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  color:#e0f2fe;
  background:rgba(14,165,233,.16);
  border:1px solid rgba(14,165,233,.35);
}
.owner-badge{
  color:#fff7ed;
  background:rgba(249,115,22,.18);
  border-color:rgba(249,115,22,.38);
}
.owner-admin-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,#f97316,#8b5cf6);
  border:0;
}


/* V42 Separate chat list */
.conversation-list{display:grid;gap:8px;max-height:260px;overflow:auto}
.conversation-item{
  width:100%;
  text-align:left;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:var(--text,#f8fbff);
  border-radius:16px;
  padding:10px 11px;
  cursor:pointer;
  display:block;
}
.conversation-item:hover,.conversation-item.active{
  border-color:rgba(6,182,212,.42);
  background:rgba(6,182,212,.12);
}
.conversation-title{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-meta{font-size:11px;color:var(--muted,#9fb0cc);margin-top:3px}
.chat-list-box .empty-state{font-size:13px;color:var(--muted,#9fb0cc)}


/* V43 Separate chat list */
.conversation-list{display:grid;gap:8px;max-height:260px;overflow:auto}
.conversation-item{width:100%;text-align:left;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:var(--text,#f8fbff);border-radius:16px;padding:10px 11px;cursor:pointer;display:block}
.conversation-item:hover,.conversation-item.active{border-color:rgba(6,182,212,.42);background:rgba(6,182,212,.12)}
.conversation-title{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-meta{font-size:11px;color:var(--muted,#9fb0cc);margin-top:3px}
.chat-list-box .empty-state{font-size:13px;color:var(--muted,#9fb0cc)}