.media-player{position:relative;background:var(--surface);color:#223d53}
.media-display{position:relative;flex:1;min-height:105px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;background:#131a22;outline:none}
.media-display:focus-visible{outline:2px solid #f7ae38;outline-offset:-3px}
.media-display video{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;background:#131a22}
.media-display video.actual-size{object-fit:none}
.media-display:fullscreen{width:100vw;height:100vh;background:#080b10}
.media-display:fullscreen video{width:100%;height:100%}
.media-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;text-align:center;background:#131a22;color:#d8e6f1;pointer-events:none}
.media-overlay[hidden]{display:none}
.media-overlay.error{background:#18222ecc;color:#ffe0db}
.media-details{display:grid;gap:2px;padding:8px 13px 6px;border-top:1px solid #8ba3b5;min-width:0}
.media-details strong,.media-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-details strong{font-size:13px}.media-details small{font-size:11px;color:#617487}
.media-timeline{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:9px;padding:4px 13px;color:#465e73;font:12px Consolas,monospace}
.media-timeline input{width:100%}
.media-controls{display:flex;align-items:center;gap:5px;min-height:46px;padding:5px 11px 9px;flex-wrap:wrap}
.media-controls .toolbar-button{min-width:35px;height:29px;padding:2px 8px}
.media-controls .toolbar-button:nth-child(4){margin-right:auto}
.media-volume,.media-speed{display:flex;align-items:center;gap:5px;color:#52677a;font-size:11px}
.media-volume input{width:78px}
.media-speed select{max-width:72px;padding:3px;border:1px solid #8fa7bb;border-radius:4px;background:#fff;color:#243e53}
.media-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px}
.media-picker{z-index:4}
.media-picker .file-picker-list{min-height:60px;max-height:min(310px,55vh)}
.media-picker .file-picker-list p{margin:4px;line-height:1.4;color:#536779}
#os.theme-midnight .media-player{color:#e6f1fa}
#os.theme-midnight .media-details{border-top-color:#435b73}
#os.theme-midnight .media-details small,#os.theme-midnight .media-timeline,#os.theme-midnight .media-volume,#os.theme-midnight .media-speed{color:#c2d3e3}
#os.theme-midnight .media-speed select{border-color:#718ca7;background:#15283d;color:#eaf4fc}
#os.theme-midnight .media-picker .file-picker-list p{color:#c4d5e4}
@media(max-width:570px){.media-controls{gap:4px}.media-volume input{width:58px}.media-volume,.media-speed{font-size:0}.media-status{font-size:11px;gap:6px}.media-details{padding:5px 9px}}