.player{height:100%;display:flex;flex-direction:column;background:var(--surface)}.player:fullscreen{width:100%;height:100%}.player-models{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:thin}.player-models .chip{flex-shrink:0;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;white-space:nowrap;font-weight:500}.player-models .chip:hover{border-color:#c9ced5}.player-models .chip.on{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-ink)}.player-stage{flex:1;position:relative;min-height:0}.player-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff8c}.player-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;flex-shrink:0;min-width:0;border-top:1px solid var(--line);background:var(--surface)}.player-bar .btn.primary{height:36px;padding:0 14px}.player-title{font-weight:600;margin-left:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{white-space:nowrap}.player-bar .error{min-width:0;white-space:nowrap}.player-more{margin-left:auto;white-space:nowrap;color:var(--accent);font-weight:600;text-decoration:none}.player-more:hover{text-decoration:underline}@media (max-width: 640px){.player-bar .label-text,.player-time{display:none}}@media (max-width: 420px){.player-title{display:none}}