.caption-controls h2{margin:0;font-size:1.2rem}.caption-controls>:is(.credits-panel,.credits-range){flex:none}.caption-frame{position:relative;margin-top:16px;background:var(--ink, #171e1a);border-radius:12px;overflow:hidden}.caption-frame video{display:block;width:100%;max-height:480px}.caption-preview-text{position:absolute;bottom:18%;left:8%;right:8%;text-align:center;color:#fff;pointer-events:none}.caption-preview-text span{padding:.22em .44em;border-radius:.24em;background:#000000db;box-decoration-break:clone;-webkit-box-decoration-break:clone}.caption-cues{display:grid;gap:10px;margin:18px 0;max-height:26rem;overflow:auto;padding:3px;list-style:none}.caption-cues li{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);align-items:start;gap:12px;padding:8px;border:1px solid #c8d4ca;border-radius:8px}.caption-cues label{display:grid;gap:4px;min-width:0;font-size:.84rem}.caption-cues textarea{width:100%;min-height:3rem;padding:7px;resize:vertical;font:inherit;border:1px solid #82968a;border-radius:5px;color:inherit;background:#fff}.caption-cues button{min-height:44px;white-space:nowrap;padding:.4em .6em}.caption-downloads{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:var(--space-2) 0}#caption-export-preview{margin-top:16px}@media(max-width:560px){.caption-cues li{grid-template-columns:1fr;gap:4px}.caption-cues button{justify-self:start}}