*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Arial,sans-serif}button,input,textarea,select{font:inherit}button{padding:11px 16px;border:1px solid #3e75c7;border-radius:8px;background:#125be3;color:white;cursor:pointer;margin:4px 6px 4px 0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90d8ff;outline-offset:3px}.danger{background:#9e2941;border-color:#eb7490}label{display:block;margin:14px 0;color:#bdcde4}input,textarea,select{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #546985;border-radius:6px;background:#0b1424;color:white}textarea{height:90px}.control{background:#09101d;color:#eaf2ff}.control main{max-width:1680px;margin:24px auto;padding:24px}header{margin-bottom:28px}header h1{font-size:36px}small{letter-spacing:2px;color:#98b8e8;font-size:11px}h1,h2,h3{margin:8px 0}h2{font-size:22px}p{line-height:1.5;color:#b8c9e1}section{background:#111e32;border:1px solid #263a57;border-radius:14px;padding:22px}.onair{display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:3;background:#12233b}.onair>div:first-child{flex:1}.onair h2{font-size:20px}.onair p{font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:20px}.workspace:has(#editor[hidden]){grid-template-columns:1fr}.sectionhead{display:flex;align-items:center;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#0b1627;border:1px solid #304361;border-radius:12px;padding:16px;min-width:0}.card.active{border-color:#65c8c4}.card h3{overflow-wrap:anywhere}.card p{font-size:13px}.screen{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:repeating-conic-gradient(#17263c 0% 25%,#1d3048 0% 50%) 50%/24px 24px;container-type:inline-size;border-radius:6px}.screen .graphic{zoom:calc(100cqw / 1920px)}.smallscreen{width:210px;flex-shrink:0}.overlay{width:1920px;height:1080px;overflow:hidden;background:transparent;color:white}.graphic{position:absolute;background:#071a3b;border:2px solid #1768ef;text-align:center;color:white;overflow-wrap:anywhere;font-family:Arial,sans-serif}.graphic h1{background:#125be3;padding:18px 32px;font-size:48px;line-height:1.1;letter-spacing:2px;margin:0;font-weight:700}.graphic .body-zone{padding:26px 36px;display:flex;align-items:center;justify-content:center;gap:28px}.graphic p{font-size:28px;line-height:1.35;margin:0;color:white;min-width:0;white-space:pre-wrap}.graphic img{width:160px;height:160px;object-fit:contain;flex-shrink:0}.graphic.bandeau{left:160px;bottom:72px;width:1600px}.graphic.cartouche{left:510px;bottom:100px;width:900px}.graphic.cartouche h1{font-size:42px}.graphic.central{left:460px;top:220px;width:1000px}.graphic.central .body-zone{padding:36px 44px}.graphic.central img{width:300px;height:300px}#message{color:#ffdb93}#connection{color:#89d4cf}#fit,#dirty{font-size:13px}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:850px){.workspace{display:flex;flex-direction:column-reverse}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.smallscreen{display:none}.control main{padding:12px;margin:0}.onair{gap:12px}.onair h2{font-size:16px}}@media(max-width:500px){.cards{grid-template-columns:1fr}.onair{flex-wrap:wrap}}
/* Keep a thumbnail plus one title line inside the lower-third height budget. */
.graphic.bandeau img{width:128px;height:128px}
/* R4: contextual feedback and a stable hierarchy for live operation. */
.control main{margin:12px auto}header{margin-bottom:16px}header h1{font-size:26px}
#message{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:6;max-width:min(850px,calc(100vw - 24px));max-height:24vh;overflow:auto;background:#182b44;border:1px solid #b89451;border-radius:10px;padding:12px 18px;box-shadow:0 8px 30px #0008;margin:0;pointer-events:none}
#message:empty{display:none}.secondary{background:transparent;border-color:#677b98;color:#d9e7fa}
.card{padding:12px}.card .summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d4dff1;min-height:20px;margin:6px 0}.cardstatus{min-height:20px;margin:8px 0;font-weight:bold}.card.active .cardstatus{color:#88e7da}.card.active{border-width:2px}.card>p{margin:6px 0}.library{padding:16px}
@media(max-width:850px){#ack{font-size:11px}.onair{padding:12px}.onair p{margin:5px 0}#message{bottom:8px;padding:10px}}

#message{width:max-content}.workspace #editor{align-self:start}button[aria-disabled="true"]{opacity:.5;cursor:wait}