Tier 1Web (www / app / auth). A real app.put.io screen composed from the components.css recipes. Binds web only.--radius-pill · --slider-track-height · --slider-knob-size · --pl-text
01 Player chrome WebPlayer
This is the Shaka engine's chrome, opt-in under Settings › Video player engine. The default engine, video.js, keeps its stock skin tinted yellow: #FDCE45 icons and progress on a 70% black bar, a round yellow-ringed play button, current and remaining time, and a playback-rate menu.

Shaka's chrome sits on a bottom scrim with fixed on-video whites and Phosphor icons. No title on the video; the file page names it, and app.put.io shows names with dots as spaces.
chrome--pl-* fixed whites, not theme surfaces
played--slider-fill / --slider-knob, brand yellow, shared with every slider
bufferedbrighter white ahead of played
time--font-mono, tabular
auto-hide3s pointer idle. Any keypress restores it
keysSpace / K play, ← → 10s, ↑ ↓ volume, M mute, F fullscreen, T theater
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
1:16:23 / 2:46:05
02 States: subtitle menu · buffering
The subtitle popover is a theme surface anchored above the control bar: Off, then the file's tracks; the active one carries a yellow check. Settings opens the same menu with speed and subtitle style.

Buffering shows a single spinner after 300ms, so short seeks never flash it. The chrome stays put.
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv