:root{color-scheme:light}header button{margin-left:auto;color:#25313a}nav{height:auto;min-height:38px;flex-wrap:wrap}nav a{margin-left:auto}.workspace{padding-top:8px;background:#e9edf0}.workspace .toolbar{border-top:1px solid #b5c0c9}#flow{display:none;padding:7px 12px;background:#fff4db;border-bottom:1px solid #dcc894;gap:8px;font-size:12px;align-items:center}#flow[data-state=busy],#flow[data-state=error]{display:flex;flex-wrap:wrap}#flow strong{display:block;min-width:110px}#flow span{flex:1}#flow progress{height:6px;width:100%;order:3}#flow[data-state=error]{background:#fff0ef;color:#842b24}#flow button{padding:2px 8px}.toolbar{height:auto;min-height:44px;flex-wrap:wrap}.toolbar input[type=range]{width:180px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#photo{width:100%;max-height:160px;object-fit:contain}summary{list-style:none;padding:6px 0}summary::-webkit-details-marker{display:none}summary::before{content:"+";display:inline-block;width:18px;font-weight:bold;color:#526f84}details[open]>summary::before{content:"−"}#result{min-height:90px}.exports{flex-wrap:wrap}.handle{background:#fff;border:3px solid #258aca;border-radius:4px;box-shadow:0 1px 3px #555}.hint{font-size:12px}#photo-note,#map-note{padding:7px 12px;margin:0;background:#fff7df;color:#625224;font-size:12px}#maps{display:flex;flex:1;min-height:300px;position:relative}#maps>#map,#maps>#right{flex:1;min-width:0}#right{border-left:3px solid #fff}#pair-label{display:none}#maps.side::before,#maps.side::after{position:absolute;top:8px;z-index:500;background:#fffffff0;padding:5px 12px;border:1px solid #9caab5;pointer-events:none}#maps.side::before{content:"До";left:50px}#maps.side::after{content:"После";left:calc(50% + 50px)}#compare-tab{padding:0}#compare-frame{border:0;width:100%;height:calc(100vh - 125px);min-height:650px}dialog{position:fixed;z-index:5000;right:auto;bottom:auto;left:24px;top:100px;border:1px solid #8598a8;border-radius:4px;width:min(420px,calc(100vw - 24px));max-width:430px;padding:20px;box-shadow:0 8px 30px #1b2d3d55}dialog h2{margin:0 0 12px;background:none;border:0;font-size:18px}#tour-body{min-height:110px}dialog .row{margin-top:16px}.tour-focus{position:relative;z-index:1100;outline:4px solid #f2b134!important;outline-offset:3px;background-color:#fffbe8!important}#draw-info{min-height:0}#status.error{color:#932222}button#clear{font-size:12px}#run{margin-top:12px}.numbers{flex-wrap:wrap}#map-note[hidden],#photo-note[hidden]{display:none}.signal{display:grid;grid-template-columns:145px minmax(120px,1fr) 70px;align-items:center;gap:10px;margin:8px 0}.signal i,.metric-row i{display:block;height:10px;background:#e0e5e9;border:1px solid #b5c0c9}.signal b,.metric-row b{display:block;height:100%;background:#e6572e}.signal strong{text-align:right}.zone-list,.asset-list{margin:12px 0}.zone-list h3,.asset-list h3{font-size:13px}.zone-list button{margin:3px 5px 3px 0}.asset-list p{margin:5px 0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px;margin:18px 0}.metric-card,.model-note{background:white;border:1px solid #bdc7cf;padding:14px}.metric-card h2,.model-note h2{font-size:16px}.metric-row{display:grid;grid-template-columns:50px 1fr 55px;gap:10px;align-items:center;margin:9px 0}.metric-row b{background:#4f7c9a}.metric-row strong{text-align:right}@media(max-width:800px){.metric-grid{grid-template-columns:1fr}}
@media(max-width:700px){#maps{min-height:380px}#maps.side{flex-direction:column}#maps.side::after{left:50px;top:52%}.workspace{height:900px}.toolbar input[type=range]{width:130px}}
.workspace{padding-top:12px;background:#f0f2f4}#inspect{margin-left:auto}#pixel-scale{position:absolute;right:12px;bottom:12px;z-index:820;background:#fffffff0;border:1px solid #7f8f99;padding:5px 8px;font-size:11px;box-shadow:0 1px 3px #2338}#maps.wait::after{content:attr(data-empty);position:absolute;z-index:900;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #aeb9c2;padding:14px 22px;font-weight:bold;color:#526574}#quality-note{display:flex;align-items:center;gap:10px;margin:0;padding:5px 12px;border-width:0 0 1px}#quality-note[hidden]{display:none}#quality-note button{padding:3px 8px}
@media(min-width:1101px){.toolbar{flex-wrap:nowrap;gap:5px}.toolbar input[type=range]{width:120px}#inspect{margin-left:auto;white-space:nowrap}}