.camera-module {min-width:0}
.camera-module [hidden] {display:none!important}
.camera-module .heading {flex-wrap:wrap;gap:16px}
.camera-status-bar {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px;background:#fff;border:1px solid #dce4ef;border-radius:10px;margin-bottom:24px}
.camera-status-bar div {min-width:0;display:grid;gap:6px}
.camera-status-bar span {font-size:11px;color:#66758d}
.camera-status-bar strong {font-size:12px;overflow-wrap:anywhere}
.camera-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
.camera-metrics .metric {min-width:0;padding:18px}
.camera-metrics strong {font-size:22px;overflow-wrap:anywhere}
.camera-metrics span {font-size:12px}
.camera-overview {margin:24px 0 32px}
.camera-columns {display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:20px;align-items:start}
.camera-columns>*,.camera-module .form-grid>* {min-width:0}
.camera-module textarea {font:inherit;min-height:88px;padding:10px;border:1px solid #ccd7e5;border-radius:8px;width:100%;resize:vertical}
.camera-module input,.camera-module select {min-width:0;max-width:100%;min-height:44px}
.camera-module button,.camera-module .button {min-height:44px;white-space:normal}
.camera-module .camera-checkbox {display:flex;align-items:center;gap:10px;padding:10px 0}
.camera-checkbox input {width:20px;min-height:20px;flex:0 0 20px}
.camera-destinations {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.camera-layer,.camera-wizard fieldset {border:1px solid #dce4ef;border-radius:10px;padding:20px;margin:18px 0;min-width:0}
.camera-layer legend,.camera-wizard legend {font-weight:600;padding:0 8px}
.camera-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;list-style:none;font-size:12px}
.camera-steps li {padding:12px;border-radius:8px;background:#f0f3f9;color:#61718a}
.camera-steps .active {background:#e6edff;color:#234d99;font-weight:700}
.camera-preflight {display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.camera-scene-preview {aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:10px;isolation:isolate}
.camera-scene-source {position:absolute;inset:0;display:grid;place-items:center;color:#bed2f2;font-size:14px}
.camera-scene-text,.camera-scene-media {position:absolute;max-width:100%;font-size:18px;white-space:pre-wrap;overflow-wrap:anywhere}
.camera-monitor-grid {display:grid;grid-template-columns:repeat(var(--camera-grid-columns,2),minmax(0,1fr));gap:16px}
.camera-monitor-grid:fullscreen {background:#f5f7fb;padding:24px;overflow:auto}
.camera-monitor-grid .monitor-slot {padding:12px}
.camera-monitor-grid select {margin:8px 0 18px}
.camera-drag-handle {padding:10px;background:#edf2fa;border-radius:8px;color:#395e99;font-size:12px;cursor:grab}
.camera-tile-tools {margin-top:12px}
.camera-health {font-weight:700;color:#677991}
.camera-health[data-health="HEALTHY"] {color:#087449}
.camera-health[data-health="WARNING"] {color:#946208}
.camera-health[data-health="CRITICAL"] {color:#b42b36}
.camera-module video {width:100%;max-height:65vh;background:#12243e;border-radius:10px}
.camera-module pre {overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.camera-columns{grid-template-columns:minmax(0,1fr)}.camera-status-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.camera-monitor-grid{grid-template-columns:minmax(0,1fr)}.camera-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-destinations{grid-template-columns:minmax(0,1fr)}.camera-status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-layer,.camera-wizard fieldset{padding:14px}}
@media(max-width:400px){.camera-metrics{grid-template-columns:minmax(0,1fr)}}