:root {
  color-scheme: light;
  font-family: system-ui, "Microsoft YaHei", sans-serif;
  background: #f0f5f5;
  color: #102b32;
  line-height: 1.55;
}
* { box-sizing: border-box; }
main { max-width: 960px; margin: 0 auto; padding: 30px 18px 50px; }
.studio { max-width: 520px; }
header { padding: 6px 0 10px; }
.eyebrow { color: #19685c; font-size: .82rem; font-weight: 700; letter-spacing: .09em; }
h1 { margin: 0; font-size: clamp(1.8rem, 5vw, 2.7rem); line-height: 1.16; }
h2 { margin: 0 0 8px; font-size: 1.2rem; }
h3 { margin: 0; }
p { margin: .45em 0 .85em; color: #39525b; overflow-wrap: anywhere; }
section { background: #fff; border: 1px solid #d4e2e4; border-radius: 16px; padding: 18px; margin: 14px 0; }
label { display: block; font-weight: 600; font-size: .9rem; }
input, button, select { font: inherit; }
input:not([type=checkbox]), select { padding: 9px 10px; border: 1px solid #8fa5ad; border-radius: 8px; min-width: 0; width: 100%; background: #fff; color: inherit; }
button { border: 1px solid transparent; border-radius: 8px; padding: 9px 12px; color: white; background: #146457; cursor: pointer; white-space: nowrap; }
button.secondary { color: #155046; background: #e5f1ef; border-color: #bdd7d2; }
button:disabled, select:disabled { opacity: .5; cursor: default; }
a { color: #146457; }
.inline { display: flex; align-items: end; gap: 8px; }
.controls { flex-wrap: wrap; }
.operator, .session { margin-top: 12px; padding: 12px; border: 1px solid #d4e2e4; border-radius: 12px; }
.operator details { margin-top: 10px; }
summary { cursor: pointer; font-weight: 600; }
.target-form { display: grid; gap: 6px; grid-template-columns: 1fr 1fr auto; align-items: end; margin-top: 8px; }
.ready { color: #146457; }
.failed, .error { color: #a52727; }
.routes { margin: 8px 0 0; padding-left: 19px; }
video { display: block; width: 100%; height: min(48vh, 400px); background: #132a2e; object-fit: contain; border-radius: 10px; margin: 8px 0; }
fieldset { border: 1px solid #d4e2e4; border-radius: 8px; margin: 12px 0; padding: 7px 12px; }
fieldset label { padding: 6px 0; }
input[type=checkbox] { accent-color: #146457; }
meter { width: 100%; }
.level { margin-top: 12px; }
.muted { color: #4c6268; font-size: .88rem; }
@media (max-width: 600px) { .target-form { grid-template-columns: 1fr; } }