body{font-family:Arial,Helvetica,sans-serif;max-width:720px;margin:2rem auto;padding:1rem}
#video{width:100%;height:auto;border:1px solid #ccc;background:#000}
.controls{margin:0.5rem 0}
#status{margin-top:1rem;padding:.5rem;border-radius:4px}
.success{background:#e6ffed;border:1px solid #8bd4a5;color:#065c2b;padding:.5rem}
.error{background:#ffe6e6;border:1px solid #ff8b8b;color:#5c0606;padding:.5rem}
.diag{margin-top:1rem;background:#f6f8fa;padding:8px;border-radius:4px;white-space:pre-wrap;max-height:160px;overflow:auto;font-size:12px}

/* Toast notifications */
.toast-success{background:#e6ffed;border:1px solid #8bd4a5;color:#065c2b}
.toast-error{background:#fff0f0;border:1px solid #ffb3b3;color:#7a1a1a}
.toast-info{background:#eef6ff;border:1px solid #b3d6ff;color:#08427a}