:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b0d12;color:#f5f7fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#0b0d12}
.env{padding:14px 18px;background:#780000;color:#fff;text-align:center;font-weight:800;letter-spacing:.04em}
main{width:min(760px,100%);margin:0 auto;padding:18px}
.top{display:flex;justify-content:space-between;gap:12px;align-items:start}
h1{font-size:1.45rem;margin:.2rem 0}.intro{color:#c6ccda;line-height:1.45}
.panel{margin:18px 0;border:1px solid #394052;border-radius:14px;padding:14px;background:#151922}
video,img{display:block;width:100%;max-height:65vh;object-fit:contain;background:#000;border-radius:10px}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
button{min-height:50px;border:0;border-radius:10px;padding:10px 14px;font-size:1rem;font-weight:750;background:#e7eaf0;color:#12151c}
button.primary{background:#1c64f2;color:#fff}button.danger{background:#8d1e1e;color:#fff}
button:disabled{opacity:.55}.lang{min-width:58px}
.status{padding:12px;border-radius:10px;background:#173c29;color:#d7ffe6}.status.error{background:#4b1717;color:#ffdede}
[hidden]{display:none!important}
@media(max-width:480px){main{padding:12px}.actions{grid-template-columns:1fr}.env{font-size:.9rem}}