.wall-settings{display:flex;flex-wrap:wrap;gap:14px;padding:14px 0}.wall-settings label{display:flex;flex-direction:column;gap:5px;font-size:12px}.wall-settings label:has(input[type=checkbox]){flex-direction:row;align-items:center}.camera-wall-stage{border:1px solid var(--line);border-radius:10px;background:#080e14;padding:12px;display:flex;flex-direction:column;gap:12px}.camera-wall-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.camera-wall-toolbar strong{font-size:11px;letter-spacing:1px;margin-right:auto}.camera-wall-toolbar button{font-size:12px}.camera-wall-clocks{display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel)}.camera-wall-clocks>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.camera-wall-clocks strong{font-size:24px;font-variant-numeric:tabular-nums}.camera-wall-clocks small{font-size:10px;color:var(--muted)}[data-clock-size=small] .camera-wall-clocks strong{font-size:18px}[data-clock-size=large] .camera-wall-clocks strong{font-size:36px}[data-clock-position=bottom] .camera-wall-clocks{order:3}.camera-wall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.camera-wall-stage[data-layout="9"] .camera-wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-wall-stage[data-layout="16"] .camera-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wall-camera-tile{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.wall-camera-tile header,.wall-camera-tile footer{display:flex;gap:8px;padding:8px;justify-content:space-between;align-items:center;margin:0;font-size:11px}.wall-camera-tile header strong{overflow-wrap:anywhere;font-size:12px}.wall-camera-tile header button{font-size:10px;padding:5px;min-height:30px}.wall-camera-image{aspect-ratio:16/9;position:relative;background:#030609;min-height:0}.wall-camera-image img,.wall-camera-image video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.wall-camera-image video{z-index:1}[data-fit=cover] .wall-camera-image img,[data-fit=cover] .wall-camera-image video{object-fit:cover}.wall-camera-image p{padding:10px;font-size:12px}.wall-camera-tile footer{flex-wrap:wrap;border-top:1px solid var(--line)}.wall-camera-tile label{display:flex;align-items:center;gap:5px}.wall-camera-age{font-size:10px;color:var(--muted)}.is-live .wall-camera-age{color:var(--mint)}.camera-wall-note{font-size:10px;color:var(--muted);margin:0}.hide-camera-labels .wall-camera-tile header strong{visibility:hidden}.camera-wall-stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;overflow:auto}.camera-wall-stage:fullscreen .camera-wall-grid{flex:1;grid-auto-rows:minmax(0,1fr)}.camera-wall-stage:fullscreen .wall-camera-image{flex:1;aspect-ratio:auto;min-height:60px}.camera-wall-stage:fullscreen .camera-wall-note{display:none}@media(max-width:700px){.camera-wall-grid,.camera-wall-stage[data-layout="9"] .camera-wall-grid,.camera-wall-stage[data-layout="16"] .camera-wall-grid{grid-template-columns:1fr}.camera-wall-stage:fullscreen .camera-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr)}.camera-wall-clocks>div{gap:7px}.wall-settings label{flex:1 1 130px}.wall-settings input{min-width:0;max-width:100%}}

.camera-wall-stage[data-layout="2"] .camera-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-wall-stage[data-layout="2"] .wall-camera-image{min-height:240px}@media(max-width:600px){.camera-wall-stage[data-layout="2"] .camera-wall-grid{grid-template-columns:1fr}}
