.obs-settings{display:grid;gap:14px;padding:15px;border:1px solid #284a72;border-radius:13px;background:#08182e;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.obs-settings[hidden]{display:none}.obs-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.obs-settings-head>span{display:flex;align-items:center;gap:11px}.obs-settings-head i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #8b64ff;border-radius:10px;color:#d4c5ff;background:#6e48e426;font:800 11px "DM Mono",monospace;box-shadow:0 0 18px #744eff24}.obs-settings-head strong{display:block;color:#edf5ff;font-size:13px}.obs-settings-head small{display:block;margin-top:3px;color:#adbed2;font-size:10px}.obs-connection-badge{padding:6px 9px;border:1px solid #46617e;border-radius:99px;color:#a9bad0;background:#0a1628;font:700 9px "DM Mono",monospace}.obs-connection-badge[data-state=connected]{border-color:#24dba7;color:#68f0c5;background:#0b392f}.obs-connection-badge[data-state=connecting]{border-color:#30cce9;color:#73e8fa}.obs-connection-badge[data-state=error]{border-color:#e55171;color:#ff91a7;background:#391622}.obs-connection-form{display:grid;grid-template-columns:minmax(180px,1fr) 130px;gap:11px}.obs-connection-form>label{display:grid;gap:6px;color:#aebfd4;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.obs-connection-form .wide{grid-column:1/-1}.obs-connection-form input:not([type=checkbox]){height:40px;padding:0 11px;border:1px solid #315a85;border-radius:8px;color:#f1f7ff;background:#0b1b35}.obs-options{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px}.obs-options label{display:flex;flex-direction:row;align-items:center;gap:7px;color:#c5d4e5;font-size:10px;text-transform:none}.obs-options input{accent-color:#25dce7}.obs-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.obs-actions button{height:36px;padding:0 12px;border:1px solid #32689b;border-radius:8px;color:#dcecff;background:#0c2850;font:800 10px Manrope;cursor:pointer}.obs-actions button.primary{border-color:#22ccd9;color:#031b24;background:#37d9e3}.obs-actions button.danger{border-color:#7a3950;color:#ff9fb2;background:#351827}.obs-status{grid-column:1/-1;margin:0;color:#aebfd3;font-size:10px}.obs-security-note{margin:0;color:#8fa5be;font-size:9px;line-height:1.55}.event-action-obs-field{display:grid;gap:9px;margin:8px 0 12px;padding:11px;border:1px solid #4b4d91;border-radius:11px;background:#101534}.event-action-obs-field[hidden]{display:none}.event-action-obs-hint{margin:0;color:#aebbd3;font-size:9px}.event-action-response em:nth-child(5){border-color:#725eff;color:#cbbfff;background:#6f4fff20}
.event-action-obs-field label[hidden]{display:none}
.event-action-obs-tools{display:flex;align-items:center;gap:9px}.event-action-obs-tools button{height:32px;padding:0 10px;border:1px solid #356da0;border-radius:7px;color:#d9ecff;background:#0c2950;font:800 9px Manrope;cursor:pointer}.event-action-obs-tools span{color:#a8bad0;font-size:9px}.event-action-obs-revert{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:9px 10px;border:1px solid #324d78;border-radius:9px;background:#0a1c38}.event-action-obs-revert[hidden]{display:none!important}.event-action-obs-revert input[type=checkbox]{accent-color:#2adddf}.event-action-obs-revert input[type=number]{width:82px!important;min-height:34px!important}.event-action-obs-revert span{color:#cbd8e8;font-size:10px}
@media(max-width:620px){.obs-connection-form{grid-template-columns:1fr}.obs-connection-form .wide{grid-column:auto}}