.vt{--vt-preview-height:520px}.vt-actions{display:flex;gap:.6rem;flex-wrap:wrap}.vt-button,.vt button{font:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:44px;padding:.65rem .9rem;border:1px solid #d6c8b8;border-radius:12px;background:#f5ecdc;cursor:pointer;color:inherit;text-decoration:none}.vt .primary{background:#a03928;color:#fff}.vt-button:focus-within{outline:3px solid #527d66;outline-offset:3px}.vt-button:has(input:disabled){opacity:.5}.vt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.vt-grid>section{min-width:0}.vt-stage{position:relative;background:#000;width:100%;max-width:calc(var(--vt-preview-height) * var(--vt-video-ratio,1.777778));margin-inline:auto;overflow:hidden}.vt-stage video{width:100%;height:100%;display:block;object-fit:contain}.vt-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vt textarea,.vt input[type=text],.vt select{font:inherit;width:100%;min-height:44px;padding:.6rem;border:1px solid #d6c8b8;border-radius:10px}.vt textarea{resize:vertical}.vt-times{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0}.vt-times button{margin-top:.4rem}.vt-options{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;margin:1rem 0}.vt-player-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.6rem 0}.vt-player-controls input{flex:1;min-width:120px}.vt-player-controls output{flex-basis:100%}.vt #videotext-list{list-style:none;padding:0;max-height:250px;overflow:auto}.vt #videotext-list button{display:block;width:100%;text-align:left;margin-bottom:.3rem;overflow-wrap:anywhere}.vt #videotext-list [aria-pressed=true]{border:2px solid #527d66;background:#e3efe6}.vt p{overflow-wrap:anywhere}.vt-export{margin:1rem 0;scroll-margin-block:1rem}.vt #videotext-progress-wrap{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.75rem 0}.vt progress{flex:1 1 180px;max-width:100%;height:1.1rem}.vt #videotext-player{display:block;max-width:100%;max-height:500px}.vt details{margin-top:1.3rem}.vt [hidden]{display:none!important}@media(max-width:700px){.vt-grid{grid-template-columns:1fr}.vt{--vt-preview-height:420px}.vt-times{grid-template-columns:1fr 1fr}.vt-actions>*{flex:1 1 45%}}
