.media-controls{box-sizing:border-box;padding:14px 16px;border:1px solid #bacbda;border-radius:0 0 10px 10px;background:#f2f6fa;color:#102f50;font:14px/1.4 Arial,sans-serif;text-align:left}
.media-controls *{box-sizing:border-box}
.mc-timeline{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}
.mc-timeline label{font-weight:700;font-size:12px}
.mc-time{font-variant-numeric:tabular-nums;font-size:12px;color:#405970}
.media-controls input.mc-position{grid-column:1/-1;width:100%;min-width:0;min-height:28px;height:28px;margin:0;padding:0;accent-color:#b4373b;cursor:pointer}
.mc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.media-controls .mc-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #a9bdcf;border-radius:7px;background:#fff;color:#102f50;font:700 14px/1 Arial,sans-serif;cursor:pointer}
.media-controls .mc-actions button:hover{background:#e0ebf4}
.media-controls .mc-actions button:disabled,.media-controls .mc-position:disabled{opacity:.5;cursor:default}
.mc-speed{display:flex;align-items:center;gap:8px;margin-left:auto;font-weight:700;font-size:12px}
.media-controls .mc-speed select{min-height:44px;max-width:125px;margin:0;padding:7px;border:1px solid #a9bdcf;border-radius:7px;background:#fff;color:#102f50;font:14px/1.4 Arial,sans-serif}
.media-controls :is(button,input,select):focus-visible{outline:3px solid #b4373b;outline-offset:3px}
.media-controls .mc-status{margin:7px 0 0;color:#8d2930;font-size:12px;line-height:1.4}
.media-controls .mc-status:empty{display:none}
/* Anchor the video dialog at the top so the late suggestion cannot recenter it. */
#video-dialog{margin:16px auto;inset:0;max-height:calc(100dvh - 32px);height:fit-content}
#video-dialog video{max-height:52dvh}
#video-dialog .media-controls{border-radius:0;border-inline:0}
@media(max-width:420px){.media-controls{padding:12px}.media-controls .mc-actions button{padding:8px 10px}.mc-actions{gap:6px}.mc-speed{gap:5px}.media-controls .mc-speed select{max-width:110px}}
@media print{.media-controls{display:none}}