.vi-actions{display:flex;gap:.65rem;flex-wrap:wrap}.vi-button{display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:44px;padding:.7rem 1rem;border:1px solid #d6c8b8;border-radius:12px;background:#f5ecdc;cursor:pointer;color:inherit;font-weight:600;text-decoration:none}.vi-button:focus-within{outline:3px solid #527d66;outline-offset:3px}.vi-button:has(input:disabled){opacity:.55;cursor:wait}.vi .primary{background:#a03928;color:white}.vi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.vi-grid>section{min-width:0}.vi canvas,.vi video{display:block;max-width:100%;max-height:420px;width:auto;height:auto;background:#000;border-radius:10px}.vi-settings{margin:1rem 0}.vi-settings input{display:block;width:120px;min-height:44px}.vi p{overflow-wrap:anywhere}.vi progress{max-width:100%}.vi #videointro-run{margin:1rem 0;min-height:48px}.vi details{margin-top:1.2rem}.vi #videointro-download{margin:.6rem 0}@media(max-width:650px){.vi-grid{grid-template-columns:1fr}.vi-actions>*{flex:1 1 45%}.vi canvas,.vi video{max-height:300px}}
.vi button,.vi select{font:inherit;min-height:44px;border:1px solid #d6c8b8;border-radius:12px;padding:.65rem .85rem;background:#f5ecdc;color:inherit}.vi button.primary{background:#a03928;color:white}.vi-settings select{display:block;margin:.4rem 0;max-width:100%}.vi input[type=number]{border:1px solid #d6c8b8;border-radius:10px;padding:.5rem}.vi [hidden]{display:none!important}
.vi-export-actions{margin:1rem 0;scroll-margin-block:1rem}.vi-export-actions #videointro-run{margin:0}.vi #videointro-progress-wrap{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.75rem 0}.vi #videointro-progress{flex:1 1 180px;width:100%;min-width:0;height:1.1rem}.vi #videointro-cancel{flex:0 0 auto}.vi-export-actions #videointro-status{margin:.65rem 0}