.camera-layout{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:20px;align-items:start}
.camera-access{position:sticky;top:90px;min-width:0}.camera-access .panel-body{padding:22px}.camera-access h2{font-size:1.25rem;margin:12px 0 22px}.camera-access .field{margin-bottom:19px}.camera-access input{width:100%;min-width:0}.camera-access .field>button{width:100%;margin-top:8px}.camera-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.camera-buttons button{flex:1;white-space:nowrap}.camera-note{color:var(--muted);font-size:.84rem;line-height:1.6;margin:12px 0}.camera-message{font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}.camera-message:empty{display:none}.camera-config{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.camera-config summary{cursor:pointer;color:var(--mint2);font-weight:700}.camera-config form{padding-top:18px}.camera-config .primary{width:100%}.camera-access small{display:block;color:var(--muted);margin-top:7px;font-size:.8rem}.camera-viewer{overflow:hidden;min-width:0}.camera-viewer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.camera-viewer-head span{font-size:.82rem;color:var(--muted)}#cameraEufyFrame{display:block;width:100%;height:calc(100svh - 245px);min-height:650px;border:0;background:#fff;color-scheme:light}.camera-viewer-note{padding:12px 20px;margin:0;border-top:1px solid var(--line)}
@media(max-width:1100px){.camera-layout{grid-template-columns:minmax(235px,270px) minmax(0,1fr);gap:14px}.camera-access .panel-body{padding:18px}}
@media(max-width:780px){.camera-layout{grid-template-columns:minmax(0,1fr)}.camera-access{position:static}.camera-access .panel-body{padding:20px}.camera-viewer-head{padding:14px 16px}#cameraEufyFrame{height:80svh;min-height:650px}.camera-viewer-note{padding:12px 16px}.camera-buttons button{flex:0 1 auto}}