.ui-media-player{position:relative;width:100%;background:var(--bg-overlay-light);border-radius:var(--radius-md);overflow:hidden;outline:none}.ui-media-player:focus-visible{outline:2px solid var(--glow-green);outline-offset:2px}.ui-media-player-fullscreen{position:fixed;inset:0;z-index:var(--z-modal);background:var(--bg-body);border-radius:0;aspect-ratio:unset;width:100%;height:100%}.ui-media-player-image,.ui-media-player-video{display:block;width:100%;height:100%;object-fit:contain}.ui-media-player-overlay{position:absolute;inset:0;pointer-events:none}.ui-media-player-overlay>*{pointer-events:auto}.ui-media-player-loading{position:absolute;inset:0;background:var(--bg-overlay-light);z-index:10}.ui-media-player-loader,.ui-media-player-loading{display:flex;align-items:center;justify-content:center}@keyframes ui-media-player-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ui-media-player-loader-spinner{width:40px;height:40px;border:3px solid var(--border-strong);border-top-color:var(--brand-green);border-radius:var(--radius-circle);animation:ui-media-player-spin .8s linear infinite}.ui-media-player-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);z-index:10}.ui-media-player-error-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-muted);text-align:center;padding:var(--space-5)}.ui-media-player-error-content svg{color:var(--text-error,var(--brand-red))}.ui-media-player-error-content span{font-size:var(--text-sm)}.ui-media-player-error-content button{padding:var(--space-2) var(--space-4);font-size:var(--text-ms);font-weight:var(--font-medium);color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}@media (hover:hover){.ui-media-player-error-content button:hover{background:var(--bg-glass-hover)}}.ui-media-player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transition:opacity var(--transition-normal);z-index:20}.ui-media-player-controls.visible{opacity:1}@media (hover:hover){.ui-media-player:hover .ui-media-player-controls{opacity:1}}.ui-media-player-play-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-glass);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}@media (hover:hover){.ui-media-player-play-btn:hover{background:var(--bg-glass-active);transform:scale(1.05)}}.ui-media-player-play-btn:active{transform:scale(.95)}.ui-media-player-progress{flex:1;height:4px;background:var(--bg-glass-active);border-radius:var(--radius-xs);overflow:hidden;cursor:pointer}.ui-media-player-progress-bar{height:100%;background:var(--gradient-brand);border-radius:var(--radius-xs);transition:width .1s linear}@media (hover:hover){.ui-media-player-progress:hover .ui-media-player-progress-bar{height:6px;margin-top:-1px}}.ui-media-player-time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.ui-media-player-right-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ui-media-player-fullscreen-btn,.ui-media-player-pip-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-sm)}@media (hover:hover){.ui-media-player-fullscreen-btn:hover,.ui-media-player-pip-btn:hover{color:var(--text-primary);background:var(--bg-glass)}}.ui-media-player-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;background:var(--bg-overlay-light);background:var(--bg-glass);border:2px solid var(--border-strong);border-radius:var(--radius-circle);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);z-index:15}@media (hover:hover){.ui-media-player-center-play:hover{background:var(--bg-overlay);border-color:var(--border-hover);transform:translate(-50%,-50%) scale(1.1)}}.ui-media-player-center-play:active{transform:translate(-50%,-50%) scale(.95)}.ui-media-player-center-play svg{margin-left:var(--space-1)}@media (max-width:768px){.ui-media-player-controls{padding:10px var(--space-3);gap:10px}.ui-media-player-play-btn{width:32px;height:32px}.ui-media-player-play-btn svg{width:20px;height:20px}.ui-media-player-time{font-size:var(--text-2xs)}.ui-media-player-center-play{width:60px;height:60px}.ui-media-player-center-play svg{width:36px;height:36px}}@media (max-width:480px){.ui-media-player-controls{padding:var(--space-2) 10px;gap:var(--space-2)}.ui-media-player-time{display:none}.ui-media-player-center-play{width:52px;height:52px}.ui-media-player-center-play svg{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.ui-media-player-loader-spinner{animation:none;border-color:var(--brand-green)}.ui-media-player-center-play,.ui-media-player-controls,.ui-media-player-fullscreen-btn,.ui-media-player-pip-btn,.ui-media-player-play-btn{transition:none}}