@import url("./script-message-card.css?v=2");
/* Ordinary conversation and video share Aurora V28 typography and tokens. */
.conversation > .message.is-streaming .smooth-growth { overflow:visible; }
.conversation > .message.assistant .bubble.markdown-demo { color:var(--ink); font-family:var(--font-ui); font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.conversation > .message.assistant .markdown-demo :is(h1,h2,h3,h4) { color:var(--ink); font-family:var(--font-ui); font-weight:650; line-height:1.5; margin:18px 0 8px; }
.conversation > .message.assistant .markdown-demo :is(h1,h2) { font-size:17px; }
.conversation > .message.assistant .markdown-demo h3 { font-size:15px; }
.conversation > .message.assistant .markdown-demo h4 { font-size:14px; }
.conversation > .message.assistant .markdown-demo > :first-child { margin-top:0; }
.conversation > .message.assistant .markdown-demo :is(ul,ol) { color:var(--ink); margin:8px 0 12px; padding-left:22px; }
.conversation > .message.assistant .markdown-demo li { margin:5px 0; }
.conversation > .message.assistant .markdown-demo li::marker { color:var(--violet); }
.conversation > .message.assistant .markdown-demo .md-table :is(th,td) { color:var(--ink); font-size:12px; line-height:1.7; }
.conversation > .message.assistant .markdown-demo .md-table { max-width:100%; overflow-x:auto; }

/* Use the ordinary assistant avatar, message column and bubble, not a second page. */
.message.user .message-stack:has(.message-media) { min-width:0; max-width:min(680px,90%); }
.message-media { display:grid; justify-items:end; gap:6px; max-width:100%; margin:0 0 8px; color:var(--muted); font:11px/1.6 var(--font-ui); }
.message.assistant .message-media { justify-items:start; }
.message.assistant .message-media .single-video-error { text-align:left; }
.message-media .single-video-home { max-width:100%; }
.message-media .single-video-player:not(.is-floating) :is(img,video) { max-width:100%; max-height:320px; }
.message-media-preview button,.message-media .single-video-home > button { display:inline-flex; gap:5px; align-items:center; border:1px solid var(--line); border-radius:8px; padding:8px 11px; color:var(--ink); background:linear-gradient(110deg,rgba(63,182,146,.08),rgba(83,192,214,.09)); font:12px/1.6 var(--font-ui); cursor:pointer; }
.message-media-source { color:var(--muted); text-decoration:none; }
.message-media-source:hover { color:var(--violet); }
.message-media :is(button,a):focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.message-media .single-video-error { max-width:360px; text-align:right; }
.message-media:has(.single-video-player) .message-media-preview { display:none; }
.conversation > .message.single-video-result { display:flex; gap:12px; width:auto; padding-right:0; }
.conversation > .message.single-video-result > .message-stack { width:900px; max-width:calc(100% - 52px); min-width:0; }
.message.assistant .bubble.single-video-body { container-type:inline-size; padding:18px 20px; color:var(--ink); font:14px/1.8 var(--font-ui); overflow-wrap:anywhere; }
.single-video-result .agent-avatar { flex:none; }
.single-video-result svg,.single-video-player-tools svg { flex:none; vertical-align:middle; }
.single-video-heading { margin-bottom:16px; }
.single-video-kicker { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.single-video-eyebrow { display:inline-flex; align-items:center; gap:6px; font-size:11px; color:var(--violet); font-weight:600; }
.single-video-status { display:inline-flex; align-items:center; gap:5px; border-radius:99px; padding:2px 8px; font-size:10px; line-height:1.6; color:var(--muted); background:var(--canvas); white-space:nowrap; }
.single-video-status i { width:4px; height:4px; border-radius:50%; background:currentColor; }
.single-video-status[data-tone=ready] { color:#287761; background:rgba(63,182,146,.09); }
.single-video-status[data-tone=attention] { color:var(--violet); background:rgba(82,78,158,.07); }
.single-video-status[data-tone=working] { color:#317a8e; background:rgba(83,192,214,.1); }
.single-video-heading h3 { margin:7px 0 4px; color:var(--ink); font-size:16px; line-height:1.55; font-weight:650; }
.single-video-result .single-video-phase { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
.single-video-result p { margin:7px 0 10px; }
.single-video-result small,.single-video-note { color:var(--muted); font-size:11px; line-height:1.7; }
.single-video-result :is(button,select) { min-height:32px; border:1px solid var(--line); border-radius:8px; padding:5px 9px; background:rgba(255,255,255,.85); color:var(--ink); cursor:pointer; font:12px/1.5 var(--font-ui); }
.single-video-result button { display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.single-video-result button:hover:not(:disabled) { border-color:var(--cyan); background:var(--canvas); }
.single-video-result :is(button,select,textarea,summary):focus-visible,.single-video-player button:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.single-video-result button:disabled { opacity:.55; cursor:default; }
.single-video-result button.single-video-primary { color:#285e73; border-color:rgba(76,162,185,.42); background:linear-gradient(115deg,rgba(63,182,146,.12),rgba(83,192,214,.12),rgba(82,78,158,.09)); }
.single-video-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.single-video-notice { display:flex; gap:9px; padding:12px 13px; margin:0 0 16px; border-radius:10px; background:linear-gradient(105deg,rgba(83,192,214,.065),rgba(82,78,158,.045)); }
.single-video-notice > svg { margin-top:3px; color:var(--violet); }
.single-video-notice > div { flex:1; min-width:0; }
.single-video-notice .single-video-issue { margin:0 0 9px; font-size:12px; white-space:pre-wrap; }
.single-video-lead { display:grid; gap:16px; align-items:start; margin:0 0 18px; }
.single-video-media { min-width:0; }
.single-video-result h4 { display:flex; gap:7px; align-items:center; margin:0 0 9px; font-size:13px; font-weight:650; line-height:1.6; }
.single-video-result h4 svg { color:var(--violet); }
.single-video-overview p { margin:0; font-size:13px; line-height:1.85; white-space:pre-wrap; }
.single-video-preview-action { display:grid; justify-items:start; gap:5px; }
.single-video-preview-action small { display:block; }
.single-video-result ul { margin:0; padding-left:19px; }
.single-video-result li { margin:6px 0; }
.single-video-result li::marker { color:var(--violet); }
.single-video-result .single-video-disclosure { margin:12px 0; border-block:1px solid var(--line); }
.single-video-result summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; padding:12px 1px; color:var(--ink); }
.single-video-result summary::-webkit-details-marker { display:none; }
.single-video-result summary > svg:first-child { color:var(--violet); }
.single-video-result summary > span { flex:1; min-width:0; }
.single-video-result summary b { font-size:12px; font-weight:600; }
.single-video-result summary small { display:block; font-size:10px; font-weight:400; }
.single-video-result summary > svg:last-child { width:13px; height:13px; color:var(--muted); transition:transform .15s ease; }
.single-video-result details[open] > summary > svg:last-child { transform:rotate(90deg); }
.single-video-disclosure-body { padding:0 0 12px; }
.single-video-result ol.single-video-timeline { margin:0; padding:0; list-style:none; }
.single-video-result .single-video-moment { margin:0; padding:13px 0; border-top:1px solid var(--line); }
.single-video-moment-head { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.single-video-index { color:var(--muted); font-size:10px; font-variant-numeric:tabular-nums; margin-right:2px; }
.single-video-result [data-video-seek] { color:var(--violet); background:var(--canvas); font-variant-numeric:tabular-nums; }
.single-video-result [data-video-reference] { border-color:transparent; background:transparent; color:var(--muted); margin-left:auto; }
.single-video-moment dl { display:grid; gap:7px; margin:12px 0 7px; font-size:12px; line-height:1.8; }
.single-video-moment dl > div { display:grid; grid-template-columns:62px minmax(0,1fr); gap:10px; }
.single-video-moment dt { color:var(--muted); }
.single-video-moment dd { margin:0; white-space:pre-wrap; }
.single-video-moment dd > p { margin:0 0 5px; }
.single-video-result .single-video-audio-time { display:inline-flex; align-items:center; gap:3px; padding:2px 5px; min-height:24px; font-size:11px; vertical-align:baseline; }
.single-video-moment .single-video-judgment { border-radius:7px; padding:8px 10px; margin:0 -10px; background:rgba(83,192,214,.065); }
.single-video-result .single-video-certainty { margin:0; color:var(--muted); font-size:11px; }
.single-video-insights { display:grid; gap:12px; margin:18px 0; }
.single-video-insights > section { padding:14px 15px; border:1px solid rgba(183,207,220,.42); border-radius:11px; background:linear-gradient(125deg,rgba(83,192,214,.055),rgba(255,255,255,.5)); }
.single-video-insights > section + section { background:linear-gradient(125deg,rgba(82,78,158,.045),rgba(255,255,255,.5)); }
.single-video-insights li { font-size:12px; line-height:1.85; }
.single-video-coverage { display:flex; gap:8px; color:var(--muted); padding:11px 0 4px; font-size:11px; line-height:1.7; }
.single-video-coverage > svg { margin-top:2px; }
.single-video-coverage > div { flex:1; min-width:0; }
.single-video-coverage b { font-size:11px; font-weight:550; }
.single-video-coverage p { margin:4px 0; white-space:pre-wrap; }
.single-video-coverage .single-video-disclosure { border:0; margin:0; }
.single-video-coverage summary { padding:7px 0 3px; }
.single-video-coverage summary > svg:first-child { display:none; }
.single-video-coverage summary > span { display:flex; align-items:center; gap:8px; }
.single-video-coverage summary > svg:last-child { margin-right:auto; }
.single-video-coverage .single-video-disclosure-body { padding:6px 0; }
.single-video-editor-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.single-video-editor-bar label { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:11px; }
.single-video-result textarea { box-sizing:border-box; width:100%; min-height:180px; margin:10px 0; border:1px solid var(--line); border-radius:9px; padding:12px; color:var(--ink); background:white; font:13px/1.8 var(--font-ui); resize:vertical; }
.single-video-result textarea[readonly] { background:var(--canvas); }
.single-video-footer { padding-top:3px; }
.single-video-footer .single-video-actions button { border-color:transparent; background:transparent; color:var(--muted); font-size:11px; }
.single-video-footer .single-video-actions [data-video-action=reference] { color:var(--violet); }
.single-video-footer > small { display:block; margin-top:6px; font-size:10px; }
.single-video-error,.single-video-draft-hint { color:var(--violet); font-size:12px; white-space:pre-wrap; }
.single-video-error:empty,.single-video-draft-hint:empty { display:none; }
.single-video-answer,.single-video-findings { margin:16px 0; }
.single-image-answer { white-space:pre-wrap; }
.single-video-home { min-height:0; }
.single-video-player { position:relative; width:fit-content; max-width:100%; background:var(--navy-deep); border:0; border-radius:10px; overflow:hidden; line-height:0; font-family:var(--font-ui); }
.single-video-player :is(video,img) { display:block; max-width:100%; max-height:280px; width:auto; height:auto; object-fit:contain; border:0; background:var(--navy-deep); }
.single-video-player .single-video-cover { display:none; }
.single-video-player.has-video-cover:not(.has-playback-frame) video { display:none; }
.single-video-player.has-video-cover:not(.has-playback-frame) .single-video-cover { display:block; }
.single-video-player.has-video-cover:not(.has-playback-frame) .single-video-drag-surface { inset:0; }
.single-video-duration { display:none; position:absolute; bottom:9px; right:9px; padding:4px 7px; border-radius:6px; background:rgba(7,26,54,.65); color:white; font:11px/1.4 var(--font-ui); pointer-events:none; }
.single-video-player.has-video-cover:not(.has-playback-frame) .single-video-duration { display:block; }
.single-video-player.is-minimized .single-video-duration { visibility:hidden; }
.single-video-player-tools { position:absolute; z-index:2; top:0; left:0; right:0; display:flex; align-items:center; gap:3px; padding:6px; background:linear-gradient(rgba(7,26,54,.8),transparent); opacity:0; transition:opacity .15s; line-height:normal; overflow-x:auto; }
.single-video-player:hover .single-video-player-tools,.single-video-player:focus-within .single-video-player-tools { opacity:1; }
.single-video-player .single-video-player-tools button,.single-video-player .single-video-resize { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:28px; margin:0; border:0; border-radius:6px; padding:5px 6px; background:transparent; color:white; font:11px/1.4 var(--font-ui); cursor:pointer; }
.single-video-player .single-video-player-tools button:hover { background:rgba(255,255,255,.17); }
.single-video-player-tools svg { width:14px; height:14px; }
.single-video-player [data-player=drag] { cursor:grab; touch-action:none; }
.single-video-player :is(video,img) { cursor:grab; touch-action:none; user-select:none; -webkit-user-drag:none; }
.single-video-drag-surface { position:absolute; z-index:1; inset:0 0 58px; cursor:grab; touch-action:none; }
.single-video-player:is(:fullscreen,.is-minimized) .single-video-drag-surface { display:none; }
.single-video-player.is-dragging,.single-video-player.is-dragging * { cursor:grabbing!important; }
.single-video-player:not(.is-floating) [data-player=return],.single-video-player:not(.is-floating) [data-player=minimize],.single-video-player:not(.is-floating) [data-player=close],.single-video-player:not(.is-floating) .single-video-resize { display:none; }
.single-video-player.is-floating { position:fixed; z-index:900; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); box-shadow:0 5px 14px rgba(19,35,66,.12),0 18px 46px rgba(19,35,66,.2); }
.single-video-player.is-floating :is(video,img) { width:100%; height:100%; min-width:0; object-fit:contain; max-height:none; }
.single-video-player.is-floating [data-player=float] { display:none; }
.single-video-player .single-video-resize { position:absolute; z-index:3; width:24px; height:24px; min-height:24px; padding:0; border-radius:0; touch-action:none; }
.single-video-resize::after { content:''; width:8px; height:8px; border:solid rgba(255,255,255,.85); border-width:0 2px 2px 0; filter:drop-shadow(0 1px 2px #132342); }
.single-video-resize[data-corner=nw] { top:0; left:0; cursor:nwse-resize; transform:rotate(180deg); }
.single-video-resize[data-corner=ne] { top:0; right:0; cursor:nesw-resize; transform:rotate(270deg); }
.single-video-resize[data-corner=sw] { bottom:0; left:0; cursor:nesw-resize; transform:rotate(90deg); }
.single-video-resize[data-corner=se] { bottom:0; right:0; cursor:nwse-resize; }
.single-video-player.is-floating .single-video-player-tools { padding-left:26px; padding-right:26px; }
.single-video-player:fullscreen .single-video-resize { display:none; }
.single-video-player.is-minimized { height:38px !important; }
.single-video-player.is-minimized :is(video,img),.single-video-player.is-minimized .single-video-resize { visibility:hidden; }
.single-video-player.is-minimized .single-video-player-tools { opacity:1; }
.single-video-player { transition:box-shadow .18s ease,height .18s ease; }
.single-video-player .single-video-load { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:8px; white-space:nowrap; padding:10px 16px; border:1px solid rgba(255,255,255,.18); border-radius:24px; background:rgba(7,26,54,.7); color:#fff; font:13px/1.5 var(--font-ui); cursor:pointer; backdrop-filter:blur(8px); }
.single-video-player .single-video-load[hidden] { display:none; }
.single-video-player[aria-busy=true] .single-video-load::before { content:''; width:12px; height:12px; border:2px solid rgba(255,255,255,.3); border-top-color:var(--cyan); border-radius:50%; animation:media-loading-spin .8s linear infinite; }
.message-media-expired { padding:12px 16px; border-radius:10px; background:var(--canvas); color:var(--muted); font:12px/1.7 var(--font-ui); }
@keyframes media-loading-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .single-video-player[aria-busy=true] .single-video-load::before { animation:none; } }
.single-video-player.is-dragging { transition:none; }
.single-video-disclosure { overflow-anchor:none; }
.script-full-answer { font-size:13px; }
.script-full-answer > summary { color:var(--muted); font-size:12px; }
.single-video-player:fullscreen { width:100%; height:100%; max-width:none; max-height:none; border-radius:0; }
.single-video-player:fullscreen :is(video,img) { width:100%; height:100%; max-height:none; }
@container (min-width:640px) {
  .single-video-lead.has-result { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:20px; }
  .single-video-insights { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.composer-context.composer-attachment { padding:5px 4px 8px; }
.composer-attachment > span { flex:1; min-width:0; gap:9px; }
.composer-attachment .composer-attachment-copy { display:flex; flex-direction:column; min-width:0; gap:3px; }
.composer-attachment-copy b { color:var(--ink); font:600 12px/1.5 var(--font-ui); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.composer-attachment-copy small { color:var(--muted); font:11px/1.5 var(--font-ui); }
.composer-attachment .composer-attachment-preview { position:relative; flex:none; width:44px; height:44px; border:0; border-radius:7px; padding:0; overflow:hidden; background:var(--canvas); color:var(--violet); cursor:pointer; }
.composer-attachment-play { position:absolute; inset:0; display:grid; place-items:center; color:white; background:rgba(19,35,66,.22); font-size:18px; }
.composer-attachment-preview :is(img,video) { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.composer-attachment-preview:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
@media (max-width:600px) {
  .conversation > .message.single-video-result { gap:8px; }
  .conversation > .message.single-video-result > .message-stack { max-width:calc(100% - 40px); }
  .single-video-result .agent-avatar.reply { width:32px; height:32px; }
  .single-video-result .agent-avatar.reply img { width:24px; height:24px; }
  .message.assistant .bubble.single-video-body { padding:13px 12px; }
  .single-video-heading h3 { font-size:14px; }
  .single-video-player-tools { opacity:1; }
  .single-video-player:not(.is-floating):not(:fullscreen) :is(video,img) { max-height:220px; min-width:0; }
  .single-video-footer .single-video-actions { gap:3px; }
  .single-video-moment dl > div { grid-template-columns:54px minmax(0,1fr); gap:7px; }
}
@media (prefers-reduced-motion:reduce) { .single-video-player,.single-video-player-tools,.single-video-result summary > svg:last-child { transition:none; } }
.single-video-source { margin:0 0 12px; font-size:12px; }
.single-video-source a { color:#35798b; text-decoration:none; }
.single-video-source a:hover { text-decoration:underline; }
.single-video-source a:focus-visible { outline:2px solid #55a6b9; outline-offset:3px; border-radius:3px; }
.single-video-audio-summary{margin:16px 0;padding:14px 16px;border-radius:10px;background:linear-gradient(115deg,#f0faf7,#f4f7fd);overflow-wrap:anywhere}
.single-video-audio-summary p{margin:8px 0;color:var(--ink)}
.single-video-audio-summary small{color:var(--muted);font-size:11px;line-height:1.7}