.pk{background:var(--green);width:36px;height:36px;color:var(--black);touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-area:pk;place-items:center;display:grid;box-shadow:inset 0 -4px #0000004d}.pk svg{fill:currentColor;width:auto;height:12px;display:block}.pk:active{transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.pk:focus-visible{outline:3px solid var(--white);outline-offset:1px}.pk.on{background:var(--red);color:var(--white)}.dmeter{align-items:center;gap:6px;display:inline-flex}.dmeter .cells{gap:2px;display:inline-flex}.dmeter i{background:#333;width:6px;height:10px}.dmeter i.f{background:var(--green)}.dmeter .wl{color:var(--soft)}.dock{left:0;right:0;bottom:calc(var(--keys) + env(safe-area-inset-bottom));z-index:45;background:var(--black);box-shadow:0 -4px 0 var(--yellow);visibility:hidden;transition:transform .25s,visibility 0s .25s;position:fixed;transform:translateY(calc(100% + 8px))}.dock.up{visibility:visible;transition:transform .25s,visibility;transform:none}@media (prefers-reduced-motion:reduce){.dock,.dock.up{transition:none}}.dk-in{max-width:1440px;padding:6px var(--gut) 0;grid-template-columns:96px minmax(0,1fr) auto 40px;grid-template-areas:"scr info keys keys""seek seek seek x";align-items:center;gap:0 10px;margin:0 auto;display:grid}.dk-scr{aspect-ratio:16/9;background:#222;grid-area:scr;overflow:hidden}.dk-scr img,.dk-scr video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dk-scr .fsk,.dk-scr .snd{width:26px;height:26px}.dk-scr .fsk{top:0;left:0}.dk-scr .snd{bottom:0;right:0}.dk-scr .fsk svg,.dk-scr .snd svg{height:10px}.dk-info{flex-direction:column;grid-area:info;gap:3px;min-width:0;display:flex}.dk-top{align-items:center;gap:7px;display:flex}.dk-pl{color:var(--yellow);font-size:30px;font-weight:800}.cmpmode .dk-pl{color:var(--cyan)}.dk-st{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:3px 5px 2px;font-size:9.5px;font-weight:700;line-height:1}.dk-st.air{background:var(--red);color:var(--white)}.dk-st.off{background:var(--white);color:var(--black)}.dk-st.err{background:var(--yellow);color:var(--black)}.dk-ti{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;line-height:1.15;overflow:hidden}.dk-ti.un-t{font-size:13.5px;font-weight:500}.dk-ti .un{background:#333;margin-right:4px}.dk-by{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.dk-nx{font-weight:500;display:none}.dk-keys{grid-area:keys;gap:4px;display:flex}.dk-keys .rc-k{width:40px;min-height:40px;padding:6px 2px 8px}.dk-keys .rc-k>span{display:none}.dk-keys .rc-k svg{height:13px}.dk-keys .rc-k:disabled{opacity:.35;cursor:default;transform:none}.dk-seek{grid-area:seek;min-width:0}.dk-seek .sk-row{padding-right:4px}.dk-x{width:40px;height:40px;color:var(--white);grid-area:x;place-items:center;display:grid}.dk-x svg{fill:currentColor;width:auto;height:11px}@media (hover:hover){.dk-x:hover{color:var(--yellow)}}.dk-x:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}@media (width>=760px){.dk-in{padding:8px var(--gut);grid-template-columns:176px minmax(0,1fr) auto auto;grid-template-areas:"scr info keys x""scr seek seek seek";gap:2px 14px}.dk-scr .fsk,.dk-scr .snd{width:32px;height:32px}.dk-scr .fsk svg,.dk-scr .snd svg{height:12px}.dk-pl{font-size:36px}.dk-ti{font-size:16px}.dk-by{font-size:12.5px}.dk-keys .rc-k{width:58px;min-height:48px}.dk-keys .rc-k>span{display:block}.dk-nx{display:inline}}@media (width>=1024px){.dk-in{grid-template-columns:208px minmax(0,1fr) auto auto}.dk-keys .rc-k{width:66px}.dk-keys .rc-k svg{height:16px}}.dock.fs{box-shadow:none;display:flex;transform:none}.dock.fs .dk-in{flex:1;grid-template:"scr scr scr"minmax(0,1fr)"info keys x""seek seek seek"/minmax(0,1fr) auto auto;width:100%;max-width:none;padding-bottom:8px}.dock.fs .dk-scr{aspect-ratio:auto;background:var(--black);width:100%;height:100%}.dock.fs .dk-scr>img.fg,.dock.fs .dk-scr>video{-o-object-fit:contain;object-fit:contain}.dock.fs .dk-scr .fsk,.dock.fs .dk-scr .snd{width:44px;height:44px}.dock.fs .dk-scr .fsk{top:6px;left:6px}.dock.fs .dk-scr .snd{bottom:6px;right:6px}.dock.fs .dk-scr .fsk svg,.dock.fs .dk-scr .snd svg{height:14px}