.live-admin [hidden] { display:none !important; }
.live-admin { max-width:1050px; }
.live-admin .live-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.live-admin h2,.live-admin h3 { margin:0 0 .6rem; }
.live-admin .live-lead { color:var(--muted); max-width:78ch; line-height:1.6; }
.live-admin .live-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr); gap:1.4rem; margin-top:1.2rem; }
.live-admin .live-fields { display:grid; gap:1rem; min-width:0; }
.live-admin label:not(.live-check) { display:block; font-size:.88rem; color:var(--muted); margin:0 0 .35rem; }
.live-admin input:not([type="checkbox"]),.live-admin select,.live-admin textarea { display:block; width:100%; box-sizing:border-box; background:var(--field,#140f0b); color:var(--text); border:1px solid var(--line-strong); border-radius:5px; padding:.7rem .8rem; font:inherit; font-size:.9rem; }
.live-admin textarea { resize:vertical; min-height:6rem; line-height:1.6; }
.live-admin input:focus-visible,.live-admin select:focus-visible,.live-admin textarea:focus-visible { outline:2px solid var(--focus,var(--gold)); outline-offset:2px; }
.live-admin .live-check { display:flex; align-items:flex-start; gap:.65rem; font-size:.93rem; line-height:1.5; margin:0; }
.live-admin input[type="checkbox"] { flex:0 0 auto; width:1.1rem; height:1.1rem; accent-color:var(--gold); margin:.18rem 0 0; }
.live-admin .live-check small { display:block; color:var(--muted); font-size:.8rem; margin-top:.2rem; }
.live-admin .live-switch { padding:1rem; border:1px solid var(--line-strong); border-radius:6px; background:var(--surface-low,#18130e); }
.live-admin .live-destinations { display:grid; gap:.9rem; padding:1rem; border:1px solid var(--line); border-radius:6px; margin:0; }
.live-admin .live-destinations legend { color:var(--gold); font-size:.85rem; padding:0 .3rem; }
.live-admin .live-frequency { padding:1rem; border:1px solid var(--line); border-radius:6px; }
.live-admin .live-frequency-heading { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; }
.live-admin .live-frequency-heading label { margin:0; }
.live-admin .live-frequency-heading output { color:var(--gold); font-size:.85rem; white-space:nowrap; }
.live-admin input[type="range"] { padding:0; margin:.8rem 0 .5rem; border:0; border-radius:0; height:1.5rem; accent-color:var(--gold); cursor:pointer; }
.live-admin input[type="range"]:disabled { cursor:default; opacity:.55; }
.live-admin .live-preset-field { margin:0; padding:0; border:0; min-width:0; }
.live-admin .live-preset-field legend { color:var(--muted); font-size:.85rem; margin-bottom:.5rem; }
.live-admin .live-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem; }
.live-admin .live-presets button { border:1px solid var(--line-strong); border-radius:5px; padding:.55rem .5rem; background:var(--field,#140f0b); color:var(--muted); font:inherit; font-size:.78rem; line-height:1.4; cursor:pointer; }
.live-admin .live-presets button[aria-pressed="true"] { color:var(--gold); border-color:var(--gold); background:var(--surface-low,#18130e); }
.live-admin .live-presets button:focus-visible { outline:2px solid var(--focus,var(--gold)); outline-offset:2px; }
.live-admin .live-presets button:disabled { opacity:.55; cursor:default; }
.live-admin .live-note { color:var(--muted); font-size:.8rem; line-height:1.6; margin:.4rem 0 0; }
.live-admin .live-status-card { padding:1rem 1.1rem; border:1px solid var(--line); border-radius:6px; background:var(--surface-low,#18130e); align-self:start; min-width:0; }
.live-admin .live-status-card h3 { color:var(--gold); font-size:.95rem; }
.live-admin .live-summary { display:grid; gap:.9rem; margin:0 0 1.1rem; }
.live-admin .live-summary div { padding-bottom:.65rem; border-bottom:1px solid var(--line); }
.live-admin dt { font-size:.78rem; color:var(--muted); margin-bottom:.25rem; }
.live-admin dd { margin:0; font-size:.9rem; overflow-wrap:anywhere; }
.live-admin .live-countdown { font-variant-numeric:tabular-nums; }
.live-admin .live-timing-note { margin:-.3rem 0 1rem; }
.live-admin .live-connection-help { margin:0 0 1rem; padding:.7rem; border:1px solid var(--line-strong); border-radius:5px; }
.live-admin .live-preview { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.9rem; line-height:1.6; margin:.65rem 0; }
.live-admin .live-count[data-error="true"],.live-admin .live-feedback[data-error="true"] { color:#f3a69b; }
.live-admin .live-feedback { color:var(--muted); font-size:.9rem; line-height:1.6; }
.live-admin .live-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.2rem; }
.live-admin .btn:disabled { opacity:.55; cursor:default; }
.live-admin details { margin-top:1rem; color:var(--muted); font-size:.82rem; line-height:1.6; }
.live-admin details summary { cursor:pointer; color:var(--gold); }
.live-setup { padding:clamp(1.5rem,5vw,4rem) 0; }
.live-setup .live-admin { margin:auto; padding:clamp(1rem,3vw,2rem); background:var(--surface,#211a13); border:1px solid var(--line-strong); border-radius:8px; }
.live-setup .live-brand { margin:0 0 1rem; color:var(--gold); }
@media(max-width:760px) { .live-admin .live-layout { grid-template-columns:1fr; } .live-admin .live-heading { flex-direction:column; } .live-admin .live-status-card { order:-1; } }
@media(max-width:420px) { .live-admin .live-presets { grid-template-columns:repeat(2,minmax(0,1fr)); } .live-admin .live-frequency-heading { gap:.5rem; flex-wrap:wrap; } }