.video-badge{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:#101522b8;color:white;font-size:11px;backdrop-filter:blur(10px);pointer-events:none}.video-badge .icon{width:13px;height:13px}.photo-open{position:relative}.lightbox.showing-video .image-scroll{display:none}.video-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;grid-column:2;grid-row:1}.video-stage video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px}.video-controls{padding:14px 24px 20px;background:#191e2a;color:#edf0f8;border-top:1px solid #ffffff16}.video-controls label{display:flex;align-items:center;gap:8px;color:#c5cbd9;font-size:11px}.video-controls select{min-height:34px!important;border:1px solid #ffffff25!important;background:#2c3343!important;color:#f2f4fa!important;padding:5px 8px!important;border-radius:9px!important;font-size:12px}.video-options,.video-capture{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.video-options{margin-bottom:12px}.video-position{margin-left:auto;font-variant-numeric:tabular-nums;color:#c1c8d8;font-size:12px}.video-capture .secondary,.video-options .secondary{background:#2c3343!important;border:1px solid #ffffff25!important;color:#f2f4fa!important;font-size:12px;min-height:34px!important}.video-capture .text-button{color:#c5b8ff!important;min-height:34px!important}.video-feedback{font-size:12px;color:#a8dfcc;margin:10px 0 0;overflow-wrap:anywhere}.video-feedback:empty{display:none}.video-status{font-size:12px;color:#aeb8cd;margin:10px 0 0}.video-controls progress{width:100%;height:4px;accent-color:#b6a4ff;margin-top:10px}.lightbox.showing-video{height:min(96dvh,1100px);display:flex;flex-direction:column}.lightbox.showing-video .lightbox-stage{flex:1;min-height:120px;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center}.lightbox.showing-video .lightbox-details{padding:8px 24px}.media-type-select{min-width:95px}.media-type-select select{width:100%}
@media(max-width:600px){.video-controls{padding:12px}.video-options,.video-capture{gap:7px}.video-controls select{max-width:170px}.video-capture .secondary,.video-capture .text-button{font-size:10px;padding:8px 10px!important}.lightbox.showing-video .lightbox-stage{grid-template-columns:28px minmax(0,1fr) 28px}.video-position{margin-left:0}.video-options{margin-bottom:8px}.view-controls{gap:6px}.toolbar{flex-wrap:wrap}.view-controls{width:100%;justify-content:flex-end}}