.av-root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0e1117;padding:16px;box-sizing:border-box}.av-status{font-size:.85rem;color:#8b9ab2;margin-bottom:12px;letter-spacing:.04em}.av-video{width:100%;max-width:960px;aspect-ratio:16 / 9;background:#000;border-radius:10px;box-shadow:0 8px 32px #0009;object-fit:cover;resize:both;overflow:hidden;min-width:320px;min-height:180px}.av-controls{display:flex;gap:20px;margin-top:20px}.av-btn{padding:12px 36px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,transform .1s;-webkit-user-select:none;user-select:none}.av-btn:active{transform:scale(.97)}.av-btn.active{background:#2a6ef5;color:#fff}.av-btn.inactive{background:#3d3d4a;color:#aaa}.av-btn:hover.active{background:#1a55cc}.av-btn:hover.inactive{background:#555568}body{margin:0;font-family:Inter,Arial,sans-serif;background:#181c20;color:#fff}#root{height:100vh}