.bcc-camera{max-width:1200px;margin:1.5rem auto;background:#101820;color:#f4f7f8;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.bcc-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.bcc-video{display:block;width:100%;height:100%;border:0;background:#000}
.bcc-empty{display:grid;place-items:center;color:#c6d0d5;padding:1rem;box-sizing:border-box}
.bcc-controller{padding:16px;background:linear-gradient(180deg,#17242d,#101820)}
.bcc-user-row{display:flex;justify-content:flex-end;margin-bottom:10px}.bcc-logout{display:inline-block;border:1px solid #78909c;border-radius:8px;padding:8px 14px;color:#fff;text-decoration:none}.bcc-logout:hover,.bcc-logout:focus-visible{background:#304b5b;color:#fff}
.bcc-speed-row{display:flex;justify-content:center;margin-bottom:12px}.bcc-speed-row label{display:flex;gap:10px;align-items:center}.bcc-speed-row input{width:min(320px,55vw)}
.bcc-grid{display:grid;grid-template-columns:repeat(2,minmax(100px,180px));gap:9px;justify-content:center}
.bcc-grid button{min-height:54px;border:1px solid #4d6876;border-radius:10px;background:#233745;color:#fff;font:700 19px/1 system-ui;cursor:pointer;touch-action:none;user-select:none;transition:.12s ease}
.bcc-grid button:hover,.bcc-grid button:focus-visible{background:#315166;border-color:#74b4d5;outline:none}.bcc-grid button.is-active{background:#087ea4;transform:scale(.97)}
.bcc-grid .bcc-stop{background:#a52a2a;border-color:#d85d5d;font-size:14px}.bcc-grid .bcc-stop:hover{background:#c23838}
.bcc-status{text-align:center;margin:12px 0 0;color:#c9d9df}
.bcc-login-panel{padding:20px;max-width:440px;margin:0 auto}.bcc-login-panel h3,.bcc-login-panel>p{text-align:center}.bcc-login-form label{display:block;margin:10px 0 4px}.bcc-login-form input[type=text],.bcc-login-form input[type=password]{width:100%;box-sizing:border-box;padding:10px;border:1px solid #58717e;border-radius:7px;background:#fff;color:#111}.bcc-login-form .bcc-remember label{display:inline-flex;gap:7px;align-items:center}.bcc-login-submit{text-align:center}.bcc-login-submit button{border:0;border-radius:8px;background:#087ea4;color:#fff;padding:11px 24px;font-weight:700;cursor:pointer}.bcc-login-submit button:hover,.bcc-login-submit button:focus-visible{background:#0a94bd}.bcc-login-error{padding:10px;border-radius:8px;background:#702323;color:#fff}
@media(max-width:600px){.bcc-camera{border-radius:0}.bcc-controller{padding:12px 7px}.bcc-grid{grid-template-columns:repeat(2,1fr);gap:6px}.bcc-grid button{min-width:0;min-height:50px;font-size:17px}}