#gl{width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.viewer-panel{position:absolute;z-index:7;left:18px;top:18px;width:286px;max-height:calc(100% - 36px);overflow:auto;padding:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(19,24,30,.08);border-radius:18px;box-shadow:0 16px 42px rgba(21,27,34,.13);scrollbar-width:thin}
.viewer-panel h1{margin:0 0 4px;font-size:16px;line-height:1.2;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer-sub{margin-bottom:12px;color:#747d87;font-size:10.5px}
.viewtoggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0 5px;padding:3px;background:#f0f3f5;border-radius:12px}
.viewtoggle .vbtn{border:0;background:transparent}
.viewtoggle .vbtn.active{background:#17191d;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.vrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 1px;border-top:1px solid #eceff2;font-size:12px}
.vlab{display:flex;align-items:center;gap:8px;min-width:0}
.vlab span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vdot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px rgba(0,0,0,.04)}
.vrow input{width:17px;height:17px;accent-color:#17191d}
.vbtns{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.vbtn{appearance:none;min-height:38px;border:1px solid #dfe4e8;background:#fff;border-radius:10px;padding:8px 9px;color:#252a30;font-size:11px;font-weight:650;cursor:pointer;transition:.15s}
.vbtn:hover{background:#f3f5f6}
.vbtn.active{border-color:#17191d;background:#17191d;color:#fff}
.vbtn:disabled{opacity:.35;cursor:not-allowed}
.measurebox{margin-top:12px;padding-top:12px;border-top:1px solid #eceff2}
.vtitle{font-size:11px;font-weight:800}
.measureval{margin-top:9px;font-size:20px;font-weight:850;letter-spacing:-.025em}
.vhint{margin-top:4px;color:#747d87;font-size:10px;line-height:1.4}
.viewer-help{position:absolute;z-index:6;right:18px;bottom:18px;padding:9px 11px;border-radius:10px;background:rgba(22,24,28,.80);backdrop-filter:blur(10px);box-shadow:0 8px 26px rgba(0,0,0,.13);color:#fff;font-size:10px}
#measureSvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}
#measureSvg text{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:800;paint-order:stroke;stroke:white;stroke-width:4px;stroke-linejoin:round;fill:#111}
#measureSvg line{stroke:#111;stroke-width:2}
#measureSvg circle{fill:#fff;stroke:#111;stroke-width:2}
#snapPreview{fill:#ffd400;stroke:#111;stroke-width:2.5}
#snapText{font-size:10px;font-weight:750}
.viewer-error{position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%);max-width:520px;padding:18px 22px;border:1px solid #efb9b4;border-radius:14px;background:#fff4f2;box-shadow:0 15px 40px rgba(0,0,0,.08);color:#a61b1b;font-size:12px}
@media(max-width:650px){
  .viewer-panel{left:10px;top:54px;width:244px;max-height:calc(100% - 64px);padding:12px}
  .viewer-help{display:none}
}