#live-v2-tools { position:fixed; bottom:112px; left:50%; transform:translateX(-50%); z-index:56; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; padding:10px; width:max-content; max-width:calc(100vw - 24px); border:1px solid #e5e7eb; border-radius:16px; background:#fff; box-shadow:0 6px 24px #0001; font-family:'Tajawal',sans-serif; }
#live-v2-tools[hidden] { display:none; }
#live-v2-tools button { border:1px solid #e5e7eb; background:#fafafa; color:#374151; border-radius:10px; padding:8px 12px; font:inherit; cursor:pointer; }
#live-v2-tools button:disabled { opacity:.5; cursor:default; }
#live-v2-tools button[aria-pressed="true"] { background:#fffbeb; border-color:#f59e0b; }
#live-v2-tools span { font-size:12px; color:#6b7280; }
.live-v2-active { background:#fef3c7; outline:2px solid #f59e0b; outline-offset:4px; border-radius:6px; transition:background .15s; }
#sections-container .section, #sections-container .prose { scroll-margin-top:6rem; }
@media (max-width:600px) { #live-v2-tools { bottom:102px; gap:5px; padding:8px; } #live-v2-tools button { font-size:12px; padding:7px 9px; } }
@media (max-width:600px) {
    #live-controls { width:calc(100vw - 24px); gap:6px !important; }
    #live-controls .live-fab { min-width:0; flex:1; padding:.7rem .5rem .55rem; }
    #live-controls .live-side-btn { width:44px; min-width:44px; flex-shrink:0; }
    #live-controls .live-end-btn { width:36px; min-width:36px; flex-shrink:0; }
}
#live-fab[data-state="paused"] { background:#fffbeb; color:#92400e; border-color:#fcd34d; }
#live-debug-open {position:fixed;left:12px;top:58px;z-index:57;border:1px solid #d1d5db;background:#fff;color:#4b5563;border-radius:8px;padding:6px 10px;font:12px 'Tajawal',sans-serif;cursor:pointer}
#live-debug-dialog {width:min(720px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #d1d5db;border-radius:12px;padding:20px;color:#1f2937;background:#fff;font-family:'Tajawal',sans-serif}
#live-debug-dialog::backdrop {background:#11182788}
#live-debug-dialog h2 {font-size:20px;font-weight:700;margin-bottom:8px}
#live-debug-dialog p {font-size:14px;margin:8px 0}
#live-debug-dialog textarea {width:100%;height:42dvh;resize:vertical;border:1px solid #d1d5db;border-radius:6px;padding:8px;font:12px monospace;color:#111827;background:#f9fafb}
#live-debug-dialog > div {display:flex;flex-wrap:wrap;gap:8px}
#live-debug-dialog button {border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;background:#fff;cursor:pointer}
#live-debug-dialog :focus-visible,#live-debug-open:focus-visible {outline:2px solid #f59e0b;outline-offset:3px}