/* The ticker is drawn by ticker-renderer.js on Canvas. The transparent
   elements underneath are only individual hit areas for dragging a strip. */
.render-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}

.export-progress{width:100%;height:9px;overflow:hidden;margin:0 0 12px;border-radius:99px;background:#2a2f3a}
.export-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#ff4d32;transition:width .16s linear}
.export-progress-value{display:block;color:#f5f2eb;font-size:.9rem;letter-spacing:.08em}
#exportDialog{position:relative;width:min(420px,calc(100vw - 40px));min-width:0;max-width:calc(100vw - 40px);overflow:hidden;padding:34px 36px 30px;border-radius:18px}
#exportDialog h2{margin:0 0 24px;font-size:2rem;line-height:1.1}
#exportDialog p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
#mediaErrorDialog{width:min(420px,calc(100vw - 40px));min-width:0;max-width:calc(100vw - 40px);padding:34px 36px 30px;border-radius:18px}
#mediaErrorDialog h2{margin:0 0 24px;font-size:2rem;line-height:1.1}
#mediaErrorDialog p{overflow-wrap:anywhere}
.media-error-actions{display:grid;justify-items:center;margin-top:18px}
.media-error-actions button{width:min(100%,270px);min-height:52px}
@media(max-width:500px){#mediaErrorDialog{width:min(320px,calc(100vw - 48px));max-width:calc(100vw - 48px);padding:22px 20px 20px;border-radius:16px}#mediaErrorDialog h2{margin-bottom:16px;font-size:1.3rem;line-height:1.16}#mediaErrorDialog p{margin-bottom:16px;font-size:.8rem;line-height:1.45}.media-error-actions{margin-top:12px}.media-error-actions button{min-height:44px;font-size:.875rem}}
#exportActions{display:grid;gap:10px;margin-top:18px;justify-items:center}#exportActions button{width:min(100%,270px);min-height:52px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}#dialogCancel{order:2;padding:11px 18px;border:1px solid #424b5b;border-radius:9px;background:transparent;color:#dfe4ec;font-weight:750;cursor:pointer}#dialogClose{order:1}.dialog-dismiss{position:absolute;top:13px;right:13px;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #424b5b;border-radius:9px;background:transparent;color:#dfe4ec;cursor:pointer}.dialog-dismiss svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#legalDialog{width:min(980px,calc(100vw - 24px));height:min(860px,calc(100dvh - 24px));max-width:none;max-height:none;overflow:hidden;padding:0;border-radius:18px;text-align:left}
.legal-dialog-bar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 14px 0 20px;border-bottom:1px solid #343b49;background:#171b24;color:#f5f2eb}
#legalDialogClose{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #414957;border-radius:9px;background:transparent;color:#e9edf2;cursor:pointer}#legalDialogClose svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#legalFrame{display:block;width:100%;height:calc(100% - 54px);border:0;background:#0b0d12}
@media(max-width:500px){#exportDialog{width:min(320px,calc(100vw - 48px));max-width:calc(100vw - 48px);padding:22px 20px 20px;border-radius:16px}#exportDialog h2{margin-bottom:16px;font-size:1.3rem;line-height:1.16}#exportDialog p{margin-bottom:16px;font-size:.8rem;line-height:1.45}.export-progress{height:8px;margin-bottom:9px}.export-progress-value{font-size:.82rem}#exportActions{margin-top:12px;gap:8px}#exportActions button{min-height:44px;font-size:.875rem}#dialogCancel{padding:9px 16px}.dialog-dismiss{top:9px;right:9px;width:32px;height:32px}}
@media(max-width:500px){#legalDialog{width:min(360px,calc(100vw - 40px));height:min(80dvh,680px);border-radius:16px}.legal-dialog-bar{height:50px;padding:0 8px 0 16px}.legal-dialog-bar strong{font-size:.9rem}#legalDialogClose{width:42px;height:42px;border-radius:10px}#legalDialogClose svg{width:15px;height:15px}#legalFrame{height:calc(100% - 50px)}}