/* Standalone TV conversation. All overrides are scoped away from the canvas. */
.tv-chat-page { width:100%; max-width:1100px; box-sizing:border-box; margin:0 auto; padding:24px 32px; color:var(--text,#e4e8ef); }
.tv-chat-page .grow { flex:1; }
.tv-chat-header { display:flex; align-items:center; gap:12px; padding-bottom:20px; }
.tv-chat-brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }
.tv-chat-brand>span { display:grid; place-items:center; width:35px; height:35px; border:1px solid #a8bbcd40; border-radius:11px; background:#a8bbcd10; font-size:13px; font-weight:700; }
.tv-chat-brand b { font-size:16px; font-weight:600; }
.tv-chat-welcome { max-width:740px; margin:clamp(24px,8vh,100px) auto 32px; }
.tv-chat-eyebrow { color:#a2b7c9; font-size:10px; letter-spacing:.22em; }
.tv-chat-welcome h1 { font-size:clamp(26px,3vw,38px); letter-spacing:-.035em; margin:16px 0; line-height:1.35; }
.tv-chat-welcome>p { color:var(--text-2,#9ca5b3); font-size:14px; line-height:1.8; margin-bottom:28px; }
.tv-chat-start { border:1px solid #a8bbcd38; background:#10141a; border-radius:20px; padding:18px; box-shadow:0 14px 60px #0002; }
.tv-chat-start:focus-within { border-color:#a8bbcd80; }
.tv-chat-start textarea { display:block; width:100%; min-height:95px; max-height:250px; resize:vertical; border:0; outline:0; border-radius:0; background:transparent; color:inherit; font:inherit; font-size:15px; line-height:1.7; padding:0; box-shadow:none; }
.tv-chat-start footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; }
.tv-chat-start footer>span { color:#8894a4; font-size:11px; }
.tv-chat-page .tvs-starters { gap:8px; padding:16px 0; }
.tv-chat-page .tvs-starters button { flex:1 1 200px; font-size:12px; border-radius:12px; padding:13px 15px; background:#ffffff03; }
.tv-chat-recent { margin-top:32px; }
.tv-chat-recent h2 { font-size:13px; color:var(--text-2,#9ca5b3); font-weight:500; margin-bottom:12px; }
.tv-chat-recent>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.tv-chat-recent a { display:flex; gap:12px; padding:14px; border:1px solid #a8bbcd20; border-radius:12px; color:inherit; text-decoration:none; overflow-wrap:anywhere; font-size:13px; }
.tv-chat-recent a:hover { border-color:#a8bbcd70; background:#ffffff04; }
.tv-chat-recent a>span { color:#9fb5c9; }
.tv-chat-project { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:var(--text-2,#9ca5b3); padding:0 2px 14px; font-size:12px; }
.tv-chat-project-title { max-width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tv-chat-save[data-state=err] { color:#ff9b91; }
.tv-chat-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.tv-chat-tabs button { border:1px solid transparent; border-radius:9px; background:transparent; padding:9px 16px; font:inherit; font-size:13px; color:var(--text-2,#9ca5b3); cursor:pointer; }
.tv-chat-tabs button[aria-pressed=true] { background:#a8bbcd16; border-color:#a8bbcd25; color:var(--text,#e4e8ef); }
.tv-chat-stage { height:calc(100dvh - 265px); min-height:440px; border:1px solid #a8bbcd28; border-radius:18px; background:#0e1218; overflow:hidden; --panel:#0e1218; --panel-2:#151a22; --border:#a8bbcd26; }
.tv-chat-stage .tv-chat-bound { height:100%; min-height:0; }
.tv-chat-stage .tvs-wrap { display:flex; flex-direction:column; width:100%; height:100%; min-width:0; min-height:0; background:transparent; border:0; }
.tv-chat-settings { flex:none; padding:0 18px; border-bottom:1px solid var(--border); }
.tv-chat-settings summary { cursor:pointer; padding:12px 0; color:var(--text-2,#9ca5b3); font-size:12px; }
.tv-chat-stage .tvs-top { flex-wrap:wrap; height:auto; padding:4px 0 14px; gap:8px; border:0; background:transparent; }
.tv-chat-stage .tvs-top>.tvs-logo,.tv-chat-stage .tvs-top>.tvs-cap { display:none; }
.tv-chat-stage .tvs-quick { flex-wrap:wrap; min-width:0; }
.tv-chat-stage .tvs-main { display:flex; flex:1 1 auto; min-width:0; min-height:0; overflow:hidden; }
.tv-chat-stage .tvs-main>.tvs-pane { flex:1 1 auto; width:100% !important; max-width:none; min-width:0; min-height:0; border:0; background:transparent; }
.tv-chat-stage .tvs-main>.tvs-left { display:flex; }
.tv-chat-stage .tvs-main>.tvs-mid,.tv-chat-stage .tvs-main>.tvs-right { display:none; }
.tv-chat-stage[data-view=work] .tvs-main>.tvs-left,.tv-chat-stage[data-view=preview] .tvs-main>.tvs-left { display:none; }
.tv-chat-stage[data-view=work] .tvs-main>.tvs-mid,.tv-chat-stage[data-view=preview] .tvs-main>.tvs-right { display:flex; }
.tv-chat-stage .tvs-pane-in,.tv-chat-stage .tvs-agent { flex:1 1 auto; min-height:0; height:100%; }
.tv-chat-stage .tvs-agent { display:flex; flex-direction:column; }
.tv-chat-stage .tvs-agent-cols { display:flex; flex-direction:column; min-height:0; }
.tv-chat-stage .tvs-agent .tvs-agent-cols>.tvs-col { display:none; border:0; }
.tv-chat-stage[data-view=chat] .tvs-agent .tvs-agent-cols>.tvs-col-chat,
.tv-chat-stage[data-view=script] .tvs-agent .tvs-agent-cols>.tvs-col-script { display:flex; flex:1 1 auto; min-height:0; }
.tv-chat-stage .tvs-agent-tabs,.tv-chat-stage .tvs-pane-tabs,.tv-chat-stage .tvs-director-controls,.tv-chat-stage .tvs-episodes { display:none; }
.tv-chat-stage[data-view=script] .tvs-episodes { display:flex; padding:8px 18px; }
.tv-chat-stage .tvs-director-log { padding:24px 28px; gap:18px; }
.tv-chat-stage .tvs-dmsg { font-size:14px; line-height:1.8; max-width:94%; }
.tv-chat-stage .tvs-agent-form { flex:none; border-top:1px solid var(--border); padding:14px 20px; background:#11161e; }
.tv-chat-stage .shopc-bar { min-width:0; flex-wrap:wrap; gap:6px; }
.tv-chat-stage .shopc-cbtn { max-width:230px; }
.tv-chat-stage .tvs-q { font-size:14px; background:transparent; border:0; padding:4px; box-shadow:none; }
.tv-chat-stage .tvs-chat { padding:18px 24px; }
.tv-chat-stage .tvs-chat .tvs-md { max-height:none; }
.tv-chat-stage .tvs-chat-empty,.tv-chat-stage .tvs-chat>.tvs-starters { display:none; }
.tv-chat-greeting { width:100%; max-width:630px; margin:auto; padding:32px 0; }
.tv-chat-greeting h2 { font-size:25px; margin:14px 0; }
.tv-chat-greeting p,.tv-chat-empty { color:var(--text-2,#9ca5b3); font-size:14px; line-height:1.8; }
.tv-chat-empty { padding:28px; }
.tv-chat-stage .tvs-mid-in { display:flex; flex-direction:column; padding:0; overflow:hidden; }
.tv-chat-stage .tvs-dock { flex:1 1 auto; min-height:0; }
.tv-chat-stage .tvs-dock[hidden] { display:none; }
.tv-chat-stage .tvs-dock-hd { display:none; }
.tv-chat-stage .tvs-right-in { display:flex; flex-direction:column; flex:1; min-height:0; width:100%; }
.tv-chat-engine[hidden] { display:none !important; }
@media(max-width:700px) {
  .tv-chat-page { padding:16px 12px 90px; }
  .tv-chat-header { padding-bottom:14px; }
  .tv-chat-welcome { margin-top:35px; }
  .tv-chat-recent>div { grid-template-columns:1fr; }
  .tv-chat-start footer>span { max-width:135px; line-height:1.6; }
  .tv-chat-tabs { gap:2px; }
  .tv-chat-tabs button { padding:9px 10px; font-size:12px; }
  .tv-chat-stage { height:calc(100dvh - 300px); min-height:380px; }
  .tv-chat-stage .tvs-director-log { padding:18px 14px; }
  .tv-chat-stage .tvs-agent-form { padding:12px; }
  .tv-chat-stage .shopc-cbtn { max-width:135px; }
  .tv-chat-stage .tvs-quick-item { max-width:100%; }
  .tv-chat-stage .tvs-right-empty { padding:24px; }
  .tv-chat-greeting { padding:16px 0; }
  .tv-chat-greeting h2 { font-size:21px; }
}