#maps{position:relative}
#wipe-handle{position:absolute;bottom:12px;z-index:800;transform:translateX(-50%);touch-action:none;border:2px solid #166ba0;border-radius:16px;background:#fff;color:#123;padding:8px 12px;cursor:ew-resize}
#wipe-dock{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px}
#wipe-dock[hidden]{display:none}
#wipe{width:min(65%,500px)}
.styles{display:flex;gap:20px;padding:5px 12px;flex-wrap:wrap}
.styles label{display:flex;align-items:center;gap:7px}
.styles input{width:80px}
.styles select{width:auto;min-width:170px}
.styles label[hidden]{display:none}
.pixel{max-width:330px}.pixel p{margin:7px 0}
.leaflet-control-attribution{font-size:9px!important}
#flow.busy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#flow-detail{font-size:12px}
#overlay-note{margin:0;padding:4px 12px}
.doubt{background:#5082c8}
#wipe-edge{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 2px #000;z-index:700;pointer-events:none}
#wipe-edge[hidden]{display:none}
#spectral-note{margin:0;padding:7px 12px;background:#eef4f7;border-bottom:1px solid #b5c0c9;color:#4e6473;font-size:11px}
#spectral-wrap select{min-width:180px}
header{height:46px;padding:0 18px}header>div{display:flex;align-items:baseline;gap:20px;min-width:0}header h1{font-size:20px;letter-spacing:1px;margin:0;white-space:nowrap}header p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header p:empty{display:none}.brand,.rail-note{display:none}nav{height:37px;min-height:37px;padding:5px 12px 0}nav a{margin-left:auto}main{height:calc(100vh - 111px)}