@import url('/led-wall-builder.css');
body{height:100vh;overflow:hidden}main{height:calc(100% - 62px)}
header .brand b{color:var(--text)}h1{font-size:17px}
.sidebar{padding:0 20px 24px}.row b{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:600}
.derived{border:0}.small{font-size:12px}.small b{color:var(--text)}
.chip{background:var(--glass);color:var(--text);border:1px solid var(--line);border-radius:5px;box-shadow:none;backdrop-filter:none;padding:8px 11px}
.chip:hover{background:#fffef8;color:var(--accent);box-shadow:none;filter:none}.chip.on{background:#e0e8d8;color:#234a33;border-color:#9aaf91}
.viewbar{left:auto;right:16px;top:16px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 205px);gap:5px}
.legend{background:var(--glass);color:var(--muted2);border:0;border-radius:5px;box-shadow:none;left:16px;top:16px;font-size:11px;line-height:1.4;padding:12px;max-width:180px;backdrop-filter:none}
.legend .t{color:var(--text);font-weight:600}.stats .cell{padding:10px 14px;border-color:var(--line)}.stats .v{font:600 14px/1.4 var(--font-body);font-variant-numeric:tabular-nums}.stats .k{font-size:11px;letter-spacing:0;text-transform:none;color:var(--muted)}
.overlay{flex-direction:row;align-items:flex-end}.hint{margin-left:auto}.sidenote{font-size:12px}
.field label{line-height:1.4}.section-nav button{width:auto;flex:1}fieldset{scroll-margin-top:70px}.chev{display:none}
#liveOut .small{font-size:11px}.viewbar .ico{width:13px}#inspectPerson{color:var(--text)}
@media(max-width:1100px){.viewbar{max-width:calc(100% - 180px)}.chip{padding:8px;font-size:11px}.legend{max-width:160px}.sidebar{width:320px;flex-basis:320px}}
@media(max-width:900px){body{overflow:auto;height:auto}main{height:auto;flex-direction:column}.sidebar{width:100%;max-height:none;flex-basis:auto;overflow:visible}.viewport{order:-1;flex:none;height:66vh;min-height:460px}.viewbar{right:10px;top:10px;max-width:calc(100% - 154px)}.legend{left:10px;top:10px;max-width:140px;padding:9px;font-size:10px}.stats{width:100%;flex-wrap:wrap}.stats .cell{padding:9px 10px;flex:1}.stats .v{font-size:12px}.stats .k{font-size:10px}.chip .ico{display:none}.overlay{left:10px;right:10px;bottom:10px}.hint{display:none}.section-nav{position:relative}header .sub{display:none}}
[hidden]{display:none!important}.section-nav{gap:3px}.section-nav button{padding:9px 5px}.section-nav button[aria-pressed=true]{background:#285348;color:#fff;border-color:#285348}
.camera-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}summary{cursor:pointer;font-weight:600;font-size:12px;padding:8px 0}#cameraMap{width:100%;display:block;touch-action:none;background:#f6f5ef;border:1px solid var(--line);border-radius:5px;margin:8px 0 14px}.map-camera{cursor:grab}.map-camera line{pointer-events:none}.map-camera.selected circle{stroke:#fff;stroke-width:2}.toggle{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px}.toggle input{width:auto}.review-note{padding:12px;background:#e2e8dc;border-left:3px solid #678168;font-size:12px;line-height:1.6;margin:14px 0}#markerDetail{margin-top:12px}.btns{margin:8px 0}.btns button{flex:1;font-size:12px;padding:10px}#printReport{display:none}#shareLink{width:100%;font-size:11px}.sidebar fieldset:first-of-type{margin-top:8px}
@media print{body{height:auto;overflow:visible;background:white}body>header,body>main{display:none!important}#printReport{display:block;color:#111;padding:20px;font:12px/1.5 Arial,sans-serif}#printReport h1{font-size:24px}#printReport svg{max-width:420px;height:280px}#printReport table{width:100%;border-collapse:collapse}#printReport td,#printReport th{border:1px solid #aaa;padding:5px;text-align:left}#printReport tr{break-inside:avoid}#printReport h2{break-after:avoid;font-size:17px}}
@media(max-width:900px){.section-nav{position:sticky;top:0;z-index:20;background:var(--bg);padding-top:12px;padding-bottom:12px}}
