.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.smart-player{color:#fff;background:#171a20;border-radius:18px;overflow:hidden;direction:ltr}.sp-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#171a20}.sp-demo-frame,.smart-player video{position:absolute;inset:0;width:100%;height:100%;margin:0}.sp-demo-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.015)}.sp-playing .sp-demo-frame img{animation:sp-drift 18s linear infinite alternate}.sp-frame-caption{position:absolute;top:18px;left:18px;max-width:75%;font-size:12px;background:#171a20b3;padding:8px 12px;border-radius:10px;line-height:1.4}.sp-badge{position:absolute;top:18px;right:18px;font-size:10px;background:#fffdf9e6;color:#1f2124;padding:6px 10px;border-radius:20px;max-width:55%;text-align:center;z-index:2}.sp-badge:empty{display:none}.sp-main-play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:#f4b860;color:#1f2124;font-size:23px;box-shadow:0 12px 40px #0005;z-index:3}.sp-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0d0f12f2);padding:26px 16px 10px;z-index:4}.sp-control-row{display:flex;gap:12px;align-items:center}.smart-player button{border:0;color:inherit;background:transparent;min-width:36px;min-height:36px;cursor:pointer;flex-shrink:0}.smart-player .sp-main-play{background:#f4b860;color:#1f2124}.sp-play{font-size:19px}.sp-full{font-size:26px}.sp-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.smart-player input[type=range]{accent-color:#f4b860;cursor:pointer;padding:0}.sp-seek{width:100%;height:18px;margin:0 0 5px}.sp-volume{width:70px;max-width:15%;height:24px;flex-shrink:1}.sp-select-label{margin-left:auto}.smart-player select{border:1px solid #ffffff40;border-radius:6px;background:#171a20;color:#fff;font-size:11px;max-width:95px;height:34px;cursor:pointer;padding:3px 5px}.sp-note{font-size:11px;color:#bcbab6;line-height:1.5;padding:12px 16px;direction:inherit}.sp-note:empty{display:none}.sp-status:not(.sr-only){padding:14px;font-size:12px;color:#f4b860}.smart-player:fullscreen,.smart-player.sp-expanded{border-radius:0;display:flex;flex-direction:column;justify-content:center}.smart-player:fullscreen .sp-stage{height:calc(100dvh - 45px);aspect-ratio:auto}.smart-player:fullscreen .sp-demo-frame img{object-fit:contain}.smart-player.sp-expanded{position:fixed;inset:0;z-index:100}.smart-player button:focus-visible,.smart-player select:focus-visible,.smart-player input:focus-visible{outline:2px solid #f4b860;outline-offset:3px}@keyframes sp-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.055) translateX(-.6%)}}
@media(max-width:600px){.sp-stage{aspect-ratio:4/3}.sp-control-row{gap:4px;flex-wrap:wrap}.sp-volume{width:50px;max-width:16%}.smart-player select{font-size:10px;height:32px;max-width:73px}.sp-time{font-size:10px}.sp-frame-caption{top:44px;font-size:10px;left:12px}.sp-badge{top:12px;right:12px;font-size:9px}.sp-controls{padding-inline:9px}.smart-player button{min-width:30px}.sp-select-label{margin-left:auto}.sp-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sp-playing .sp-demo-frame img{animation:none}}

.detail-dialog:has(.sp-expanded){width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:visible}.detail-dialog:has(.sp-expanded) .dialog-heading,.detail-dialog:has(.sp-expanded) .dialog-tabs{display:none}.detail-dialog:has(.sp-expanded) .dialog-body{padding:0}.smart-player.sp-expanded .sp-stage{height:calc(100dvh - 55px);aspect-ratio:auto}.smart-player.sp-expanded .sp-demo-frame img{object-fit:contain}.smart-player.sp-expanded .sp-note{padding:10px 16px}.detail-dialog:has(.sp-expanded)>.dialog-close{display:none}@media(max-width:380px){.sp-stage{aspect-ratio:1/1}}

.smart-player[data-fit=contain] .sp-demo-frame img{object-fit:contain;transform:none;animation:none;object-position:center!important;padding:45px 14px 88px}.smart-player.sp-screen-preview .sp-frame-caption{font-size:11px;top:12px;padding:6px 10px}.smart-player.sp-screen-preview .sp-demo-frame{background:#20252a}.smart-player.sp-screen-preview .sp-main-play{width:48px;height:48px;inset:auto 16px 110px auto;font-size:18px;opacity:.95}.smart-player.sp-screen-preview.sp-expanded .sp-demo-frame img{padding:48px 16px 115px}@media(max-width:600px){.smart-player.sp-screen-preview .sp-stage{aspect-ratio:3/4;min-height:340px}.smart-player[data-fit=contain] .sp-demo-frame img{padding:72px 12px 105px}.smart-player.sp-screen-preview .sp-frame-caption{top:40px}.smart-player.sp-screen-preview .sp-main-play{inset:auto 12px 116px auto}.smart-player.sp-screen-preview.sp-expanded .sp-stage{min-height:0}}
@media(max-width:600px){.smart-player.sp-screen-preview .sp-stage{min-height:450px}.smart-player[data-fit=contain] .sp-demo-frame img{padding:62px 12px 135px}.smart-player.sp-screen-preview.sp-expanded .sp-stage{min-height:0}}