/* ============================================================
   obs.css — OBS 纯净视图 + 启动失败提示
   ============================================================ */

/* OBS 用：地址带 ?view=pad 时，只保留手柄区域。
   这是"复制 OBS 链接"按钮给出的那个地址，
   加载出来的页面没有任何多余元素，可直接作为浏览器源叠加。 */
body.view-pad header,
body.view-pad .side {
  display: none;
}

body.view-pad {
  background: transparent !important;
}

/* 手柄铺满 OBS 画布（默认按 800×600 设计）。
   这里不用"百分比高度 + flex 居中"——OBS 的浏览器源里
   百分比高度依赖父链高度可确定，容易退化回原来的尺寸上限。
   改成绝对定位 + 四边归零：容器本身就等于画布大小，
   内联 SVG 再按 width/height 100% 铺满，由 SVG 自己保持 viewBox 比例。 */
body.view-pad .pad-wrap {
  position: fixed;
  inset: 0;          /* 四边贴齐画布，等于给手柄一个确定尺寸的容器 */
  display: block;
  min-height: 0;
  padding: 0;
}

body.view-pad #pad-stage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 各外观叠在同一处，靠 .is-active 决定显示哪一个 */
body.view-pad .pad-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}

/* ---------- 启动失败等致命错误提示 ---------- */
.fatal {
  margin: 40px auto;
  max-width: 560px;
  padding: 18px 20px;
  border: 1px solid var(--bad);
  border-radius: var(--radius);
  background: var(--panel);
  color: var(--text);
  font-size: 13px;
  line-height: 1.8;
}

.fatal code {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 12px;
}