*{box-sizing:border-box}body{margin:0;background:#fff;color:#142a36;font:12px/1.5 system-ui,sans-serif}main{padding:2px}.views{display:grid;grid-template-columns:1fr 1fr;gap:12px}h2{font-size:11px;font-weight:500;margin:0 0 9px;min-height:33px;display:flex;align-items:end}.viewport{height:230px;background:#080b10;border-radius:5px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.transport{display:flex;gap:12px;align-items:center;margin-top:13px}button{border:1px solid #dce4e6;background:#f3f7f7;color:#142a36;border-radius:4px;padding:5px 12px;font:inherit;min-width:61px;cursor:pointer}button:disabled{cursor:wait}input{flex:1;min-width:0;accent-color:#087a70}output{color:#576972;font-size:11px;min-width:58px;text-align:right;font-variant-numeric:tabular-nums}.caption{display:flex;justify-content:space-between;gap:12px;color:#576972;font-size:10px;margin:12px 0 0}.caption a{color:#087a70;text-decoration:none;white-space:nowrap}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid #087a70;outline-offset:2px}#error{color:#a52a35;font-size:11px}[hidden]{display:none!important}@media(max-width:420px){.views{gap:8px}.viewport{height:200px}h2{font-size:10px}.caption{font-size:9px}}

#map{cursor:grab}#map:active{cursor:grabbing}.map-hint{color:#576972;font-size:10px;margin:10px 0 8px}.map-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.map-actions button{font-size:11px}.map-actions label{display:flex;align-items:center;gap:7px;font-size:11px;margin-left:auto}.map-actions input{width:65px}.map-actions output{min-width:25px}#view-status{display:block;font-size:10px;color:#087a70;min-height:15px;margin-top:4px}@media(max-width:420px){.map-actions label{margin-left:0}}

/* Keep the homepage preview dense; optional controls expand on demand. */
h2{min-height:24px;margin-bottom:5px;font-size:11px}.viewport{height:180px}.views{gap:10px}.transport{gap:8px;margin-top:7px}button{padding:3px 9px}.caption{margin-top:7px;font-size:10px}.map-tools{margin-top:6px}.map-tools summary{cursor:pointer;color:#087a70;font-size:11px;list-style-position:inside}.map-hint{margin:5px 0}.map-actions{gap:6px}#view-status:empty{display:none}#view-status{min-height:0;margin-top:3px}@media(max-width:420px){.viewport{height:170px}h2{font-size:10px}.caption{font-size:9px}}

.reconstruction-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;margin:0 0 3px}.reconstruction-heading h1{font-size:14px;font-weight:600;line-height:1.4;margin:0;color:#142a36}.reconstruction-heading p{font-size:10px;line-height:1.4;margin:0;color:#576972}