.vo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),280px));gap:16px;margin-top:18px}.vo-card{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #dfe1ee;border-radius:12px;background:#fff;color:#06038D;text-align:left;cursor:pointer;font:inherit}.vo-card>span{font-size:13px}.vo-card .vo-play{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#06038D;color:white;font-size:26px}.vo-workspace{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px}.vo-workspace>div{min-width:0}.vo-player{display:block;width:100%;max-height:65vh;object-fit:contain;background:#06038D;border-radius:12px}.vo-actions{display:flex;flex-wrap:wrap;gap:8px}.vo-actions button{min-height:44px}@media(max-width:650px){.vo-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.vo-player{max-height:55vh}.vo-actions button{flex:1 1 130px}}
.vp-stage{position:relative;width:100%;max-width:360px;margin:auto}.vp-stage .vo-player{width:100%;max-height:none;border-radius:12px}.vp-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vp-tools{margin:16px 0}.vp-tools label{display:block;margin:12px 0;font-size:14px}.vp-tools input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:9px}.vp-check{display:flex!important;gap:10px;align-items:center}.vp-check input{width:20px;height:20px;flex:0 0 20px}@media(max-width:650px){.vp-stage{max-width:min(100%,290px)}}