.obs-page-main{display:grid;gap:16px}
.obs-hero{padding:clamp(24px,4vw,42px);border:1px solid rgba(255,133,0,.34);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(255,133,0,.14),transparent 38%),linear-gradient(180deg,#171c24,#12161c)}
.obs-hero h1{margin:.35rem 0 .65rem;font-size:clamp(2rem,5vw,3.6rem)}
.obs-hero p{margin:0;max-width:780px;color:var(--muted);line-height:1.6}
.obs-setup-panel{max-width:980px;width:100%;justify-self:center}
.obs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:12px}
.obs-field{display:grid;gap:7px;min-width:0}
.obs-field>span{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.obs-field input,.obs-url-row input{width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #3a4350;border-radius:9px;background:#090d12;color:#fff;font:inherit}
.obs-enabled{display:flex;align-items:center;min-height:42px;font-size:1rem}
.obs-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.obs-status{min-height:22px;margin-top:10px;color:var(--muted);font-size:.82rem}
.obs-status.good{color:var(--good)}.obs-status.bad{color:#ffaaa2}
.obs-source{display:grid;gap:8px;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#0d1116}
.obs-source>strong{color:var(--orange2);font-size:.72rem;letter-spacing:.06em}
.obs-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.obs-url-row input{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d6dbe2}
.obs-note{margin:14px 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}
@media(max-width:700px){.obs-grid,.obs-url-row{grid-template-columns:1fr}.obs-actions>*{flex:1 1 100%}}