body {font-family: Arial, sans-serif; margin: 0; background: #111; color: #fff;}
.container {max-width: 960px; margin: 0 auto; padding: 1rem;}
.container.small {max-width: 420px;}
label {display:block; margin-bottom: .75rem;}
input {width:100%; padding:.5rem; margin-top:.25rem;}
button {padding: .6rem 1rem; margin-right: .5rem;}
.error {background: #5a1616; color: #ffd7d7; padding: .8rem; margin-bottom:1rem; border-radius: 6px;}
.notice {background: #1a4f2a; color: #d7ffe4; padding: .8rem; margin-bottom:1rem; border-radius: 6px;}
video {width: 100%; background: #000; min-height: 420px; border-radius: 10px;}
.controls {margin-bottom: 1rem;}
.settings-dialog {max-width: 700px; width: min(92vw, 700px); border: 1px solid #333; border-radius: 8px; background: #1a1a1a; color: #fff; padding: 1rem 1.2rem;}
.settings-dialog::backdrop {background: rgba(0, 0, 0, 0.7);}
.dialog-close-row {display: flex; justify-content: flex-end; margin-bottom: .5rem;}
.dialog-actions {margin-top: 1rem; display: flex; justify-content: flex-end;}