.step-video-player{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;box-sizing:border-box}.step-video-player *{box-sizing:border-box}.svp-player{display:flex;flex-direction:column;background-color:#000;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.svp-video-container{position:relative;flex:1;background-color:#1a1a1a;overflow:hidden}.svp-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-color:#333;z-index:1}.svp-content{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:3}.svp-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / .2);z-index:5}.svp-button-play{cursor:pointer;color:#fff;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgb(255 52 52 / .9);width:80px;height:80px;box-shadow:0 4px 15px rgb(0 0 0 / .3)}.svp-button-play:hover{background-color:rgb(255 52 52);transform:scale(1.1)}.svp-button-play svg{margin-left:4px}.svp-loader{display:none;flex-direction:column;align-items:center;gap:20px;color:#fff;z-index:10}.svp-spinner{border:4px solid rgb(255 255 255 / .3);border-top:4px solid #fff;border-radius:50%;width:50px;height:50px;animation:svp-spin 1s linear infinite}@keyframes svp-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.svp-loader-text{font-size:14px;font-weight:500}.svp-subtitles{position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:4;min-height:40px;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(to top,rgb(0 0 0 / .8),#fff0)}.svp-subtitle-text{background-color:rgb(0 0 0 / .7);color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;max-width:80%;word-wrap:break-word;animation:svp-fade-in 0.3s ease}@keyframes svp-fade-in{from{opacity:0}to{opacity:1}}.svp-controls{background-color:#222;padding:12px;border-top:1px solid #333}.svp-progress-container{margin-bottom:10px;cursor:pointer}.svp-progress-bar{position:relative;height:6px;background-color:#444;border-radius:3px;overflow:visible;transition:height 0.2s ease}.svp-progress-bar:hover{height:8px}.svp-progress-fill{position:absolute;height:100%;background-color:#ff3434;border-radius:3px;width:0%;transition:width 0.1s linear}.svp-step-marker{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:2px;height:12px;background-color:rgb(255 255 255 / .6);border-radius:1px;z-index:1;transition:background-color 0.2s ease}.svp-step-marker:hover{background-color:rgb(255 255 255);height:14px}.svp-progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-color:#fff;border-radius:50%;cursor:grab;opacity:0;transition:opacity 0.2s ease;box-shadow:0 2px 4px rgb(0 0 0 / .3)}.svp-progress-bar:hover .svp-progress-handle{opacity:1}.svp-control-buttons{display:flex;align-items:center;gap:12px;margin-left:auto}.svp-btn-play-pause{background-color:#fff0;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s ease}.svp-btn-play-pause:hover{background-color:rgb(255 255 255 / .1)}.svp-btn-play-pause svg{fill:currentColor}.svp-btn-mute{background-color:#fff0;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s ease;margin-left:4px}.svp-btn-mute:hover{background-color:rgb(255 255 255 / .1)}.svp-btn-mute svg{fill:currentColor}.svp-time{font-size:12px;color:#aaa;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;white-space:nowrap}.svp-current-time,.svp-total-time{color:#fff}.svp-loading-error{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);background-color:rgb(255 52 52 / .9);color:#fff;padding:12px 20px;border-radius:4px;font-size:14px;z-index:10;box-shadow:0 4px 12px rgb(0 0 0 / .3)}@media (max-width:768px){.svp-button-play{width:60px;height:60px}.svp-button-play svg{width:40px;height:40px}.svp-subtitle-text{font-size:12px;max-width:90%}.svp-controls{padding:8px}.svp-time{font-size:11px}}