:root{font-family:Segoe UI,Arial,sans-serif;color:#cdd4df;background:#141820;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#29313f;color:#dae1eb;border:1px solid #424d60;border-radius:4px;padding:8px 11px}button:hover{background:#37445a}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #63b9d8;outline-offset:2px}header{height:57px;border-bottom:1px solid #353c49;display:flex;align-items:center;gap:15px;padding:0 20px;background:#1b212c}.brand{font-size:17px;letter-spacing:2px;font-weight:650}.brand span{font-size:12px;letter-spacing:0;font-weight:400;color:#9daabb;margin-left:15px}.badge{font-size:9px;letter-spacing:1px;background:#3b3430;color:#d4b78b;border:1px solid #655741;padding:4px 6px}.local{margin-left:auto;font-size:11px;color:#9eb9ab}.layout{display:grid;grid-template-columns:245px minmax(300px,1fr) 285px;height:calc(100vh - 57px)}aside{padding:20px 17px;background:#1c222d;overflow:auto}.left{border-right:1px solid #353c49}.right{border-left:1px solid #353c49}h2{font-size:13px;font-weight:600;margin:0 0 12px}p{line-height:1.6}.muted{font-size:11px;line-height:1.6;color:#a0acbd}.left>p{margin-bottom:18px}label{display:block;font-size:11px;color:#b2bfd0;margin:14px 0 7px}input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select{border:1px solid #455065;background:#121823;border-radius:4px;padding:9px;width:100%;color:#dce6f3}input[type=range]{width:100%;accent-color:#66b0ca}input[type=checkbox],input[type=radio]{accent-color:#66b0ca}.left>button{display:block;width:100%;margin-top:9px}.primary{background:#24566d;border-color:#3a7c99}.primary:hover{background:#326b84}#status{font-size:11px;line-height:1.6;color:#a8c7d7;margin:13px 0;overflow-wrap:anywhere}section{border-top:1px solid #353d4c;margin-top:22px;padding-top:18px}dl{font-size:11px;display:grid;grid-template-columns:75px 1fr;gap:10px 7px}dt{color:#8c9aaf}dd{margin:0;overflow-wrap:anywhere}.layer-options label{display:flex;align-items:center;gap:7px;margin:12px 0}.resource{color:#93a4b8;font-size:10px;line-height:1.6}.resource b{color:#b5c2d3}.resource small{font-size:10px}main{min-width:0;display:flex;flex-direction:column}.slidebar{padding:15px 18px;background:#202733;border-bottom:1px solid #353d4c;display:flex;align-items:center;gap:12px;flex-wrap:wrap}h1{font-size:14px;margin:0 0 6px;font-weight:550;overflow-wrap:anywhere}.slidebar small{font-size:10px;color:#94a5ba}.tools{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.tools button{font-size:11px;padding:6px 8px}#measure.active{background:#8c5e29}#stage{position:relative;flex:1;min-height:350px;background:#0c1016}#viewer{position:absolute;inset:0}#overlay{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;color:#718095}#empty[hidden]{display:none}#empty>span{font-size:40px;color:#5b6e85}#empty h2{font-size:17px;color:#a5b3c5;margin-top:20px}#empty p{font-size:12px}#scale{position:absolute;bottom:31px;left:20px;border-bottom:3px solid white;color:white;font-size:10px;text-align:center;padding-bottom:5px;text-shadow:0 1px 4px black;pointer-events:none}#position{position:absolute;bottom:10px;left:20px;font-size:10px;color:#c7d2e2;background:#121923bb;padding:4px 7px;pointer-events:none}footer{display:flex;justify-content:space-between;gap:15px;padding:10px 15px;background:#1b222e;color:#8c9db2;font-size:10px;line-height:1.5}.check{display:flex;gap:6px;align-items:center}.right label b{float:right}.counts{padding:12px;background:#242e3d;border:1px solid #3a495d;border-radius:4px;font-size:11px;line-height:1.6;margin:18px 0 12px}.region{display:block;width:100%;text-align:left;margin:7px 0;font-size:11px}.region small{display:block;color:#9caec3;margin-top:5px}#regions{max-height:220px;overflow:auto}.patchrow{margin:7px 0;font-size:11px}.patchrow b{float:right;color:#dbe7f5}textarea{height:110px;resize:vertical;margin-bottom:7px}.right small{font-size:10px}.measure-entry{padding:8px;border-bottom:1px solid #354052;color:#b8cadc;font-size:11px}dialog{color:#d4e0ef;background:#202938;border:1px solid #53657c;border-radius:7px;width:min(550px,90vw);padding:25px;line-height:1.7}dialog::backdrop{background:#0009}dialog>button{float:right}dialog p,dialog li{font-size:12px}dialog code{font-size:11px;background:#141c28;padding:2px}a{color:#87c4e7}.error{color:#f7ae95!important}@media(max-width:1100px){.layout{grid-template-columns:210px minmax(250px,1fr) 245px}.brand span,.local{display:none}.slidebar{padding:12px}.tools{margin-left:0}aside{padding:15px 12px}}@media(max-width:800px){.layout{height:auto;grid-template-columns:1fr}.left,.right{border:0}.left{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.left>h2,.left>p,.left>section{grid-column:1/-1}.left .resource{display:none}main{height:75vh;grid-row:1}.right{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.right>h2,.right>p,.right>section,#regions,.counts{grid-column:1/-1}header{padding:0 12px;gap:8px}header button{font-size:11px}.badge{margin-left:auto}footer span:last-child{display:none}}

.sample-credit{padding:7px 15px;color:#8695a9;background:#171e29;font-size:10px;line-height:1.5}