.live-toolbar { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:28px 0 20px; }
.live-toolbar .field { width:min(460px,100%); margin:0; }
.live-connection { display:flex; align-items:center; gap:12px; font-size:13px; color:#88ddc6; }
.live-connection .is-offline { color:#ffce85; }
.live-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #293236; }
.live-metrics > div { padding:20px 24px; border-right:1px solid #293236; }
.live-metrics > div:first-child { padding-left:0; }
.live-metrics > div:last-child { border:0; }
.live-metrics span { display:block; color:#aeb8bf; font-size:13px; }
.live-metrics strong { display:block; font-size:38px; font-weight:500; line-height:1.25; margin-top:6px; font-variant-numeric:tabular-nums; }
.live-metrics > div:nth-child(3) strong { color:#eac68b; }
.live-screens { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-height:56px; padding:12px 0; font-size:12px; color:#aab7bf; }
.live-screen { border-left:2px solid #69727a; padding:2px 10px; }
.live-screen.seen { border-color:#74d5b8; }
.live-workspace { display:grid; grid-template-columns:minmax(0,1fr) 350px; align-items:start; gap:24px; }
.live-streams { display:grid; gap:24px; min-width:0; }
.live-panel { border:1px solid #293236; border-radius:12px; background:#10161b; min-width:0; overflow:hidden; }
.live-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px 16px; }
.live-panel-heading h2 { font-size:23px; margin:5px 0 0; }
.live-panel .eyebrow { color:#9eafb9; font-size:10px; letter-spacing:1.7px; }
.live-limit { font-size:11px; color:#9cabb5; text-align:right; }
.live-search { padding:0 24px 16px; }
.live-winner-list { max-height:450px; overflow:auto; scrollbar-gutter:stable; }
.live-winner { display:flex; align-items:center; gap:14px; width:100%; padding:18px 22px; border:0; border-top:1px solid #293236; background:transparent; color:#eef3f7; text-align:left; cursor:pointer; font:inherit; }
.live-winner:hover { background:#17232c; }
.live-winner.selected { background:#182c36; box-shadow:inset 3px 0 #8ccfe8; }
.live-award-icon { color:#d4b98d; flex-shrink:0; }
.live-winner-main { display:grid; gap:5px; min-width:0; flex:1; }
.live-winner-main strong { font-size:17px; }
.live-winner-main span { font-size:14px; color:#d1dce2; }
.live-winner-main small { font-size:11px; color:#a4b1bb; }
.live-winner-main :is(strong,span,small) { overflow-wrap:anywhere; }
.live-winner-meta { display:grid; justify-items:end; gap:9px; flex-shrink:0; }
.live-winner-meta b { font-family:monospace; font-size:14px; letter-spacing:1px; }
.delivery-badge { color:#e4c18c; background:#30291e; border-radius:4px; padding:3px 7px; font-size:10px; }
.delivery-badge.delivered { color:#9cddc3; background:#1a3028; }
.live-empty { color:#aab8c2; padding:24px; line-height:1.6; margin:0; }
.live-explainer { color:#a4b1bb; font-size:12px; line-height:1.6; padding:0 24px 18px; margin:0; }
.live-activity-list { max-height:470px; overflow:auto; }
.live-activity { display:flex; align-items:baseline; gap:12px; padding:16px 24px; border-top:1px solid #293236; }
.activity-dot { width:6px; height:6px; border-radius:50%; background:#6a8696; flex-shrink:0; }
.activity-dot.awarded { background:#e4c18c; }
.live-activity > div { flex:1; min-width:0; }
.live-activity strong { font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.live-activity strong span { color:#c6d0d7; font-weight:400; }
.live-activity small { display:block; color:#9cabb5; font-size:11px; margin-top:5px; overflow-wrap:anywhere; }
.live-activity time { color:#aab8c2; font-size:11px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.winner-editor { position:sticky; top:24px; scroll-margin-top:20px; max-height:calc(100dvh - 48px); overflow-y:auto; }
.winner-editor-empty { padding:30px 26px; }
.winner-editor-empty > svg { color:#b7d5e5; margin:12px 0; }
.winner-editor-empty h2 { font-size:24px; margin:12px 0; }
.winner-editor-empty p,.winner-editor-empty li { color:#b3c1ca; font-size:14px; line-height:1.7; }
.winner-editor-empty ol { padding-left:18px; margin:26px 0; }
.winner-editor-empty li { padding:5px 0; }
.winner-editor-empty > span { font-size:11px; color:#98aab6; }
.winner-context { padding:0 24px 20px; display:flex; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid #293236; }
.winner-context span { font-size:12px; color:#b0c1cc; overflow-wrap:anywhere; }
.winner-context strong { font-family:monospace; color:#e4c18c; letter-spacing:1px; }
#winner-form { padding:20px 24px; display:grid; gap:16px; }
#winner-form .field { margin:0; }
#winner-form .field small,.winner-delivered small { color:#9cabb5; font-size:11px; }
#winner-form textarea { width:100%; resize:vertical; min-height:76px; }
.winner-delivered { display:flex; gap:10px; align-items:center; padding-block:12px; border-block:1px solid #293236; cursor:pointer; }
.winner-delivered input { width:19px; height:19px; accent-color:#90d9d0; flex-shrink:0; }
.winner-delivered span { display:grid; gap:5px; }
.winner-delivered strong { font-size:14px; }
#winner-message { margin:0; font-size:13px; line-height:1.5; color:#a9dbc7; }
#winner-message.inline-error { color:#ffbdaf; }
.winner-save { width:100%; }
.winner-privacy { font-size:11px; color:#9cabb5; line-height:1.5; margin:0; }
.live-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:24px 0; padding-top:20px; border-top:1px solid #293236; color:#aab8c2; font-size:13px; }
.live-footer > span { max-width:480px; line-height:1.6; }
.live-footer > div { display:flex; flex-wrap:wrap; gap:8px; flex-shrink:0; }
.live-workspace :is(button,input,textarea):focus-visible { outline:2px solid #a1d7ed; outline-offset:3px; }
.live-workspace [hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.brand-image-preview { display:flex; align-items:center; min-height:90px; padding:16px; background:#0a1820; border:1px solid var(--line); }
.brand-image-preview img { max-width:100%; max-height:110px; object-fit:contain; }
@media (max-width:1100px) { .live-workspace { grid-template-columns:1fr; }.winner-editor { position:static; max-height:none; }.live-toolbar,.live-footer { flex-wrap:wrap; }.live-winner-list { max-height:370px; } }
@media (max-width:600px) { .live-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.live-metrics > div { padding:16px !important; }.live-metrics > div:nth-child(2) { border-right:0; }.live-metrics > div:nth-child(-n+2) { border-bottom:1px solid #293236; }.live-metrics strong { font-size:30px; }.live-metrics span { font-size:11px; }.live-connection { justify-content:space-between; width:100%; }.live-toolbar { gap:12px; }.live-panel-heading { padding:20px 16px 16px; }.live-panel-heading h2 { font-size:21px; }.live-winner { padding:16px 12px; gap:9px; }.live-award-icon,.live-winner > svg { display:none; }.live-winner-meta b { font-size:12px; }.live-search { padding:0 16px 16px; }.live-limit { max-width:110px; }.live-activity { flex-wrap:wrap; padding:14px 16px; }.live-activity time { width:100%; margin-left:18px; }.live-explainer { padding-inline:16px; }.winner-context { padding-inline:20px; }#winner-form { padding:20px; }.live-footer > div { flex-shrink:1; } }