.live-page-hd { align-items:flex-end; }
.live-notice { display:flex; gap:12px; align-items:flex-start; padding:12px 15px; margin-bottom:14px; border:1px solid rgba(176,124,28,.28); border-radius:var(--r); background:rgba(176,124,28,.07); font-size:12px; color:var(--fg2); }
.live-notice b { color:var(--amber); white-space:nowrap; }
.live-verification { margin:12px 0 0; }
.live-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:14px; align-items:start; }
.live-compose .card-bd { padding:18px; }
.live-material-head { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; margin-top:4px; }
.live-material-head > div:first-child { display:flex; flex-direction:column; gap:3px; }
.live-material-head b { font-size:13px; }
.live-material-head span { color:var(--fg3); font-size:11px; }
.live-material-search { display:flex; gap:6px; }
.live-material-search input { min-width:210px; padding:7px 9px; border:1px solid var(--line2); border-radius:var(--r); background:var(--card); color:var(--fg); }
.live-materials { display:grid; grid-template-columns:1fr 1fr; gap:7px; max-height:292px; margin-top:10px; padding:2px; overflow:auto; }
.live-material { display:flex; align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid var(--line); border-radius:var(--r); cursor:pointer; transition:.16s ease; }
.live-material:hover { border-color:var(--line2); background:var(--bg-alt); }
.live-material.on { border-color:var(--acc); background:var(--accd); }
.live-material input { accent-color:var(--green); }
.live-file-ext { flex:0 0 42px; padding:5px 4px; border-radius:6px; background:var(--bg-alt); color:var(--green-ink); text-align:center; font-size:9px; font-weight:800; }
.live-file-name { min-width:0; display:flex; flex-direction:column; gap:3px; }
.live-file-name b,.live-file-name small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-file-name b { font-size:12px; }.live-file-name small { color:var(--fg3); font-size:10px; }
.live-submit { display:flex; align-items:center; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.live-submit > span { color:var(--fg3); font-size:11px; }
.live-spinner { width:14px; height:14px; display:inline-block; vertical-align:-2px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:live-spin .7s linear infinite; }
@keyframes live-spin { to { transform:rotate(360deg); } }
.live-history { position:sticky; top:14px; }
.live-history-item { display:flex; width:100%; flex-direction:column; gap:4px; padding:11px 14px; border-bottom:1px solid var(--line); text-align:left; }
.live-history-item:hover { background:var(--bg-alt); }.live-history-item b { color:var(--fg); font-size:12px; }.live-history-item span { color:var(--fg3); font-size:10.5px; }
.live-output { margin-top:16px; scroll-margin-top:12px; }
.live-empty,.live-working,.live-failed { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px dashed var(--line2); border-radius:var(--r); color:var(--fg3); text-align:center; }
.live-empty b,.live-working b,.live-failed b { color:var(--fg); font-size:15px; }.live-empty-icon { color:var(--green); transform:scale(1.5); margin-bottom:5px; }
.live-failed { border-color:rgba(180,50,45,.3); background:var(--redd); }.live-failed small { max-width:560px; }
.live-result-head { display:flex; justify-content:space-between; gap:20px; padding:24px; border:1px solid var(--line); border-radius:var(--r) var(--r) 0 0; background:linear-gradient(135deg,var(--card),var(--bg-alt)); }
.live-result-head h2 { margin:5px 0 8px; font-size:23px; }.live-result-head p { max-width:780px; margin:0; color:var(--fg2); line-height:1.7; }.live-eyebrow { color:var(--green-ink); font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.live-result-meta { display:flex; flex-wrap:wrap; gap:18px; padding:9px 24px; border:1px solid var(--line); border-top:0; color:var(--fg3); font-size:10.5px; }
.live-section { padding:22px 0 4px; }.live-section-title { display:flex; align-items:baseline; gap:10px; margin-bottom:10px; }.live-section-title h3 { margin:0; font-size:16px; }.live-section-title span { color:var(--fg3); font-size:10.5px; }
.live-trends,.live-ideas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.live-trends article,.live-ideas article,.live-rundown,.live-sources { border:1px solid var(--line); border-radius:var(--r); background:var(--card); }
.live-trends article { padding:16px; }.live-trends h4,.live-ideas h4,.live-rundown h4 { margin:0 0 8px; font-size:14px; }.live-trends p,.live-ideas p,.live-rundown p { color:var(--fg2); line-height:1.65; font-size:12px; }.live-trends ul,.live-ideas ul,.live-rundown ul { padding-left:18px; color:var(--fg2); font-size:12px; line-height:1.65; }
.live-refs { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }.live-ref { max-width:100%; padding:3px 7px; border-radius:99px; background:var(--bg-alt); color:var(--fg2); font-size:9.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.live-ref:hover { color:var(--green-ink); }
.live-risk { display:block; margin-top:8px; color:var(--amber); line-height:1.5; }
.live-ideas article { display:grid; grid-template-columns:34px 1fr; gap:8px; padding:16px; }.live-idea-no { color:var(--green); font-size:21px; font-weight:800; opacity:.65; }.live-hook { color:var(--green-ink)!important; font-weight:600; }.live-ideas dl { display:grid; grid-template-columns:64px 1fr; gap:5px 9px; margin:10px 0 0; font-size:11px; line-height:1.55; }.live-ideas dt { color:var(--fg3); }.live-ideas dd { margin:0; color:var(--fg2); }.live-related { margin-top:9px; color:var(--fg3); font-size:10.5px; }
.live-rundown { overflow:hidden; }.live-rundown article { display:grid; grid-template-columns:95px 1fr; gap:16px; padding:14px 18px; border-bottom:1px solid var(--line); }.live-rundown article:last-child { border-bottom:0; }.live-rundown time { color:var(--green-ink); font-size:12px; font-weight:800; }
.live-sources { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }.live-sources a { display:grid; grid-template-columns:auto 1fr; gap:4px 8px; align-items:center; padding:11px 14px; border-bottom:1px solid var(--line); color:var(--fg); }.live-sources a:nth-child(odd) { border-right:1px solid var(--line); }.live-sources a:hover { background:var(--bg-alt); }.live-sources a > span { grid-row:span 2; padding:3px 6px; border-radius:5px; font-size:9px; }.live-sources b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.live-sources small { color:var(--fg3); }
.live-material-used { display:flex; min-width:0; flex-direction:column; gap:4px; padding:11px 14px; border-bottom:1px solid var(--line); }.live-material-used:nth-child(odd) { border-right:1px solid var(--line); }.live-material-used b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.live-material-used small { color:var(--fg3); }
.trust-official { background:var(--accd)!important; color:var(--green-ink)!important; }.trust-research { background:rgba(65,105,225,.10)!important; color:#4169a5!important; }.trust-media { background:rgba(155,100,20,.10)!important; color:var(--amber)!important; }.trust-other { background:var(--redd)!important; color:var(--red)!important; }
.live-questions { padding:16px 16px 16px 38px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--fg2); font-size:12px; line-height:1.8; }
@media(max-width:900px) { .live-layout{grid-template-columns:1fr}.live-history{position:static}.live-materials,.live-trends,.live-ideas,.live-sources{grid-template-columns:1fr}.live-sources a:nth-child(odd){border-right:0}.live-material-head{align-items:stretch;flex-direction:column}.live-material-search input{min-width:0;flex:1} }
