.footer{padding:.5rem 1rem;margin-top:0;font-size:.65rem;font-family:Inter,system-ui,-apple-system,sans-serif;border-top:1px solid #e5e7eb}.footer.light{background-color:#f8f9fa;color:#6b7280;border-top-color:#e5e7eb}.footer.dark{background-color:#000;color:#d4d4d4;border-top-color:#333}.footer .footer-content{display:flex;align-items:center;white-space:nowrap;width:100%}.footer .section-left,.footer .section-right{display:flex;align-items:center;gap:.25rem}.footer .section-right{margin-left:auto}.footer .bullet{color:#9ca3af;margin:0 .15rem}.footer .status-loading{display:inline-flex;align-items:center;gap:.25rem;color:#9ca3af}.footer .status-loading .spinner{width:12px;height:12px;border:2px solid #9ca3af;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.footer .status-content{display:inline-flex;align-items:center}.footer .status-value{font-family:JetBrains Mono,monospace}.footer.light .status-value{color:#4b5563}.footer.dark .status-value{color:#d4d4d4}.footer .debug-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:transparent;color:var(--text-color);font-size:.65rem;cursor:pointer;transition:all .2s ease;opacity:.7}.footer .debug-toggle:hover{opacity:1;background:var(--hover-bg)}.footer .debug-toggle.active{opacity:1;background:#dc2626;color:#fff;border-color:#dc2626;font-weight:500}.footer .debug-toggle.active i{animation:pulse 2s infinite}.footer .debug-toggle i{font-size:.65rem}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}