/* 螢幕測試頁專用樣式 */
.st-honest { background: #fff7ed; border-left: 4px solid var(--warn); padding: 10px 14px; border-radius: 6px; font-size: 1rem; }
.st-info { margin: 8px 0; padding: 8px 12px; border-radius: 8px; background: var(--soft); font-size: .95rem; color: var(--muted); }
#st-menu h3 { font-size: 1.1rem; margin: 1rem 0 .4rem; }
.st-btns { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.st-btns .btn { flex: 1 1 130px; min-height: 48px; }
.st-custom { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-weight: 600; font-size: 1rem; }
.st-custom input[type=color] { width: 64px; height: 44px; padding: 2px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
html.st-lock, html.st-lock body { overflow: hidden; }
.st-stage { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: #000; overflow: hidden; outline: none; cursor: pointer; }
.st-stage[data-kind="touch"] { cursor: crosshair; }
.st-cv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; touch-action: none; }
.st-bar { position: absolute; top: 8px; left: 8px; max-width: calc(100% - 128px); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px; border-radius: 10px; background: rgba(0, 0, 0, .78); color: #fff; font-size: 1rem; line-height: 1.3; transition: opacity .25s; z-index: 2; cursor: default; }
.st-bar.off { opacity: 0; pointer-events: none; }
.st-bar button, .st-exit { min-height: 44px; min-width: 44px; padding: 0 12px; border: 2px solid #fff; border-radius: 8px; background: #222; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.st-bar button[aria-pressed="true"] { background: #fff; color: #000; }
.st-name { padding: 0 6px; font-weight: 700; min-width: 0; overflow-wrap: anywhere; }
.st-speeds { display: flex; gap: 6px; align-items: center; }
.st-exit { position: absolute; top: 8px; right: 8px; background: #fff; color: #000; border: 2px solid #000; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000; z-index: 3; }
.st-hud { position: absolute; left: 8px; bottom: 8px; max-width: calc(100% - 16px); padding: 6px 10px; border-radius: 8px; background: rgba(0, 0, 0, .78); color: #fff; font-size: .95rem; line-height: 1.4; z-index: 2; pointer-events: none; font-variant-numeric: tabular-nums; }
.sources li { overflow-wrap: anywhere; }
@media (max-width: 480px) { .st-btns .btn { flex-basis: 45%; } }