.player-widget{position:fixed;bottom:40px;left:20px;right:20px;height:auto;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;z-index:100;box-sizing:border-box;opacity:0.3;transition:opacity 0.3s ease;}.player-widget:hover{opacity:1;}.player-widget.hidden{display:none;}.player-progress-bar{position:relative;width:100%;height:12px;background:var(--2-color);cursor:pointer;border-radius:6px;overflow:visible;border:1px solid var(--border-color);box-sizing:border-box;margin-top:30px;}.player-progress-hover{position:absolute;top:0;left:0;height:100%;background:var(--disabled-color);pointer-events:none;width:0%;z-index:1;border-radius:6px;}.player-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--selected-color);transition:width 0.3s ease;pointer-events:none;z-index:2;border-radius:6px;}.player-handle{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;}.player-handle-current{background:var(--selected-color);border:1px solid var(--border-color);box-shadow:0 2px 6px rgba(0,0,0,0.4);}.player-handle-hover{background:var(--disabled-color);border:1px solid var(--border-color);opacity:0.8;}.player-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;}.player-btn{width:52px;height:40px;border-radius:8px;background:var(--1-color);border:1px solid var(--border-color);color:var(--text-color);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}.player-btn:hover{background:var(--hover-color);}.player-step-counter{color:var(--text-color);font-size:var(--fontsize-huge);font-weight:600;min-width:80px;text-align:center;}.player-step-input{width:100px;height:40px;background:var(--1-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:20px;font-weight:600;text-align:center;outline:none;cursor:pointer;}.player-step-input:focus{border-color:var(--selected-color);cursor:text;}.player-btn.disabled{opacity:0.4;pointer-events:none;}.player-tooltip{position:absolute;background:var(--1-color);border:1px solid var(--border-color);border-radius:8px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,0.5);transform:translateX(-50%);pointer-events:none;z-index:200;}.player-tooltip img{width:150px;height:150px;object-fit:contain;border-radius:4px;display:block;}.player-tooltip span{padding:8px 12px;display:block;color:var(--text-color,#fff);font-size:12px;}