/* 播放器分頁。資訊列高度要跟 mac/player.rs 的 INFO_BAR_HEIGHT 一致。 */
:root {
  color-scheme: light dark;
  --bar-height: 44px;
  --bar-bg: #f6f6f7;
  --bar-border: #dcdce0;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --button-bg: #ffffff;
  --button-border: #d2d2d7;
  --accent: #007aff;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bar-bg: #2c2c2e;
    --bar-border: #3a3a3c;
    --text: #f5f5f7;
    --muted: #a1a1a6;
    --button-bg: #3a3a3c;
    --button-border: #48484a;
    --accent: #0a84ff;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #000; overflow: hidden;
  font: 13px -apple-system, "PingFang TC", "Noto Sans TC", sans-serif; color: var(--text); }
.bar { height: var(--bar-height); display: flex; align-items: center; gap: 10px; padding: 0 14px;
  background: var(--bar-bg); border-bottom: 1px solid var(--bar-border); }
.kind { font-size: 16px; margin-left: 2px; }
.title { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.spacer { flex: 1; }
button { height: 26px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--button-border);
  background: var(--button-bg); color: var(--text); font: inherit; cursor: pointer; white-space: nowrap; }
button:hover { border-color: var(--accent); color: var(--accent); }
button:disabled { opacity: .5; cursor: default; }
.stage { height: calc(100% - var(--bar-height)); display: flex; align-items: center; justify-content: center; }
#message { color: #a1a1a6; }