:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#eaf0ed;background:#111719;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{height:76px;border-bottom:1px solid #30383b;display:flex;align-items:center;padding:0 28px;gap:44px;background:#171e21}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:600;letter-spacing:-1.3px;color:inherit;text-decoration:none}.logo{color:#dbfb88;font-size:40px;font-weight:400}.tag{font-size:9px;letter-spacing:1.5px;font-weight:500;border-left:1px solid #455051;margin-left:7px;padding-left:18px;max-width:80px;line-height:1.6}.project{font-size:12px;color:#b0bbba}.project span{margin:0 14px;color:#5b6867}.local{margin-left:auto;font-size:10px;letter-spacing:1px;color:#b4c2ba;white-space:nowrap}.local i,.dot{display:inline-block;width:6px;height:6px;background:#dbfb88;border-radius:50%;margin-right:8px}main{display:flex;height:calc(100dvh - 76px)}aside{width:306px;flex-shrink:0;background:#1b2326;border-right:1px solid #343c3e;padding:30px 25px 20px;overflow:auto;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#9daaa6}h1{font-size:25px;letter-spacing:-.9px;font-weight:500;margin:13px 0 8px}.intro{font-size:12px;line-height:1.7;color:#97a7a4;margin:0 0 26px}section{padding:22px 0;border-top:1px solid #354042}.section-title{font-size:10px;font-weight:600;letter-spacing:1.3px;display:flex;justify-content:space-between;margin-bottom:17px}.section-title span{color:#758482}.switch{display:flex;padding:4px;background:#101719;border:1px solid #364144;border-radius:8px;gap:4px}.switch button{flex:1;border:0;background:transparent;color:#a5b2ae;font-size:12px;border-radius:5px;padding:11px 4px;cursor:pointer}.switch button.active{background:#d9f99a;color:#1b2a15;font-weight:600}h2{font-weight:500;font-size:13px;margin:19px 0 7px}section p{font-size:11px;line-height:1.7;color:#9cabaa;margin:0}.notice{display:flex;gap:10px;margin-top:17px;padding:12px;border:1px solid #3b4644;border-radius:6px}.notice>span{font-size:11px;border:1px solid #829588;border-radius:50%;width:14px;height:14px;text-align:center;margin-top:3px;color:#c5d3b9}.notice p{font-size:10px}label{display:flex;justify-content:space-between;font-size:12px;color:#bcc9c4;margin-bottom:12px}output{color:#ecf3e9;font-size:11px}input[type=range]{width:100%;accent-color:#d9f99a;margin:0 0 21px;height:4px;cursor:pointer}.check{justify-content:flex-start;align-items:center;gap:8px;margin:3px 0 0;font-size:11px}.check input{accent-color:#d9f99a}dl{margin:0}dl div{display:flex;justify-content:space-between;font-size:11px;margin:14px 0}dt{color:#8d9c97}dd{margin:0;color:#c2cfc9}.aside-bottom{margin-top:auto;padding-top:24px;font-size:10px;color:#82958c}#viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:#111719}canvas{display:block;touch-action:none}.viewport-top{position:absolute;top:24px;left:27px;right:25px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;z-index:2}.scene-label{display:flex;flex-direction:column;gap:8px}.scene-label strong{font-size:20px;font-weight:400;letter-spacing:-.5px}.toolbar{pointer-events:auto;align-self:flex-start;display:flex;border:1px solid #3b4648;background:#20292be8;border-radius:7px;padding:4px;gap:3px}.toolbar button{border:0;border-radius:4px;background:transparent;color:#a8b7b1;padding:9px 11px;font-size:11px;cursor:pointer}.toolbar button:hover,.toolbar button.selected{background:#3c4948;color:#f3f8f1}.toolbar>span{width:1px;background:#44514d;margin:5px}.bottom-bar{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #303a3b;padding:16px 24px;background:#171f22e8;display:flex;justify-content:space-between;font-size:10px;color:#95a6a0;gap:10px}.bottom-bar b{color:#d6e6de;font-weight:500}.bottom-bar em,.separator{font-style:normal;margin:0 8px;color:#566a60}#active-label{font-size:9px;letter-spacing:1px}.orientation{position:absolute;bottom:88px;right:30px;font-size:12px;color:#d9f99a;text-align:center}.orientation span{font-size:25px}.orientation small{font-size:8px;letter-spacing:1px;color:#728a80}#loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111719e8}#loading.hidden{display:none}#loading strong{font-size:18px;font-weight:400;margin-top:20px}#loading p{font-size:12px;color:#93a69d}progress{width:220px;height:4px;accent-color:#d9f99a;margin-top:15px}.spinner{width:28px;height:28px;border:2px solid #364637;border-top-color:#d9f99a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #d9f99a;outline-offset:4px}@media(max-width:850px){aside{width:245px;padding:22px 18px}.project{display:none}.viewport-top{left:18px;right:18px;flex-direction:column}.toolbar button{padding:9px 7px}.bottom-bar{padding:12px;flex-direction:column}.bottom-bar>span:last-child{font-size:9px}}@media(max-width:550px){header{height:60px;padding:0 16px}main{height:calc(100dvh - 60px);flex-direction:column-reverse}aside{width:100%;height:240px;display:block;padding:15px 20px}.intro,h1,aside>.eyebrow,.aside-bottom{display:none}section{padding:12px 0}#viewport{min-height:300px}.scene-label strong{font-size:17px}.viewport-top{top:16px;flex-direction:row}.toolbar button{font-size:10px;padding:8px 5px}.local{font-size:8px}}

#extent{width:100%;background:#111719;color:#eaf0ed;padding:11px 8px;border:1px solid #46534d;border-radius:6px;font:inherit;font-size:12px}.scene-help{margin-top:12px}button:disabled{opacity:.5;cursor:wait}

[hidden]{display:none!important}

#colour-mode{width:100%;background:#111719;color:#eaf0ed;padding:11px 8px;border:1px solid #46534d;border-radius:6px;font:inherit;font-size:12px}#thermal-switch{margin-top:12px}

.mrt-heading{display:flex;justify-content:space-between;align-items:center}.mrt-heading .section-title{margin:0}.mrt-heading label{margin:0}#mrt-panel{margin-top:15px}#mrt-panel summary{cursor:pointer;font-size:12px;color:#bacbbf;margin-bottom:15px}#mrt-field{width:100%;background:#111719;color:#eaf0ed;padding:11px 8px;border:1px solid #46534d;border-radius:6px;font:inherit;font-size:11px}#mrt-panel label{margin-top:15px}.mrt-gradient{height:7px;border-radius:3px;background:linear-gradient(to right,#253494,#2c7fb8,#41b6c4,#ffffcc,#fd8d3c,#bd0026)}.legend-values{display:flex;justify-content:space-between;font-size:10px;margin-top:7px}

#mrt-tooltip{position:absolute;z-index:5;pointer-events:none;background:#1b2326f5;border:1px solid #53615b;border-radius:5px;padding:9px 12px;box-shadow:0 4px 18px #0005;max-width:calc(100% - 16px);font-size:12px;color:#aabbb4;display:flex;gap:9px;align-items:center}#mrt-tooltip strong{color:#f2f7f4;white-space:nowrap;font-weight:600}#mrt-hover-marker{position:absolute;z-index:4;pointer-events:none;width:9px;height:9px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #17221b;transform:translate(-50%,-50%)}

/* Compact workspace header and native dark controls. */
:root{color-scheme:dark;scrollbar-color:#46524e #141c1e;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#141c1e}*::-webkit-scrollbar-thumb{background:#46524e;border:2px solid #141c1e;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#61716a}
header{gap:28px}.brand{flex-shrink:0}.logo{display:block;flex-shrink:0}.tag{max-width:none;white-space:nowrap;letter-spacing:1.3px}.project{white-space:nowrap}.header-actions{margin-left:auto;align-self:center;flex-shrink:0}
aside{padding-top:20px}.workspace-intro{padding-bottom:17px}h1{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.intro{font-size:11px;line-height:1.4;margin:0}
@media(max-width:550px){header{gap:10px;padding:0 12px}.brand{font-size:22px;gap:7px}.logo{width:29px;height:29px}.tag{font-size:7px;letter-spacing:.6px;padding-left:8px;margin-left:1px}.header-actions button{padding:7px;font-size:10px}.workspace-intro{display:none}}

/* Aligned brand chip, independent actions and scene location. */
.brand{gap:12px;letter-spacing:-1.3px}.logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;font-size:40px;line-height:1;font-weight:400;background:radial-gradient(circle at center,#fffbd5 0%,#f5f4ae 25%,#dbfb88 60%,#acc95d 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.tag{display:inline-flex;align-items:center;line-height:1;height:25px;padding:0 10px;margin-left:5px;border:1px solid #3a4743;border-radius:6px;background:#222c2a;color:#b6c5bd;font-size:9px;font-weight:500;letter-spacing:1px}
.header-actions{border:0;background:transparent;padding:0;gap:9px;align-items:center}.header-actions button{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #3b4648;border-radius:6px;background:#20292b;color:#c8d5ce}
.scene-footer{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.location{display:inline-flex;align-items:center;gap:6px;color:#c4d2ca;font-size:11px}.location svg{flex-shrink:0}.scene-footer>.separator{margin:0 6px}
@media(max-width:550px){.brand{gap:6px;font-size:21px}.logo{font-size:31px;width:28px;height:34px}.tag{font-size:7px;letter-spacing:.4px;height:23px;padding:0 6px;margin-left:2px}.header-actions{gap:5px}.header-actions button{padding:0 7px;height:31px;font-size:10px}.scene-footer{gap:4px}.location{font-size:10px}}

.category-row{display:grid;grid-template-columns:14px minmax(0,1fr) 100px;gap:6px;align-items:center;margin:9px 0;font-size:10px}.category-row input{margin:0;accent-color:#d9f99a}.category-row small{color:#788c82;font-size:9px}.category-row select{min-width:0;width:100%;background:#141d1f;color:#c8d5ce;border:1px solid #43524a;border-radius:4px;padding:4px 1px;font-size:10px}.category-actions,.bulk-controls{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.category-actions button,.bulk-controls button{border:1px solid #43524a;background:#25322d;color:#d4e2d7;border-radius:5px;padding:6px;font-size:10px;cursor:pointer}.bulk-controls>span{width:100%;font-size:10px;color:#a7b8af}#classification-panel summary{font-size:12px;cursor:pointer;margin:13px 0}.temperature-legend{margin-top:14px;font-size:10px;color:#bccdc2}.temperature-legend>div{height:6px;background:linear-gradient(to right,#000004,#4a0c6b,#a52c60,#ed6925,#f7d13d,#fcffa4);margin-bottom:7px}

.category-row>span{min-width:0;line-height:1.4}.category-row select{padding:6px 3px}.category-row small{display:block}

#category-controls{border:0;padding:0;margin:0;min-width:0}#category-controls:disabled{opacity:.4}#category-controls:disabled select,#category-controls:disabled input{cursor:not-allowed}

#cloud-legend{margin-top:16px}#cloud-legend .scene-help{margin-top:10px}#classified-count{font-size:10px;color:#8fa19a}#radiation-note{margin-top:12px}

#classification-panel .section-title{margin-bottom:8px}
#category-controls>.scene-help{margin-top:0;line-height:1.45;margin-bottom:6px}
#classification-panel summary{position:relative;margin:7px 0;padding:5px 72px 5px 0;line-height:20px}
.category-reset{position:absolute;right:0;top:3px;border:1px solid #43524a;border-radius:4px;background:transparent;color:#a7b8af;padding:3px 7px;font-size:10px;line-height:16px;cursor:pointer}
.category-reset:hover:enabled{background:#303d37;color:#eaf0ed}
.category-reset:disabled{cursor:not-allowed}

#tree-height{width:100%;background:#111719;color:#eaf0ed;padding:10px 8px;border:1px solid #46534d;border-radius:6px;margin-bottom:14px;font-size:12px}

#tree-panel #tree-height{padding:0;border:0;height:4px;margin:5px 0 18px}#tree-panel .check{margin-bottom:10px}#tree-panel .temperature-legend>div{background:linear-gradient(to right,#413b95,#4779c4,#35b8ac,#b4d86b,#f9b64d,#ef6548)}

.height-direction{display:flex;justify-content:space-between;font-size:10px;color:#9cabaa;margin:-8px 0 16px}

#tree-side{position:absolute;right:22px;top:95px;width:164px;padding:13px;background:#172023ed;border:1px solid #3c4947;border-radius:10px;pointer-events:none;z-index:2}#tree-side[hidden]{display:none}.side-title{font-size:9px;letter-spacing:1px;color:#a7b8af}#tree-side svg{width:100%;height:220px}#tree-side svg text{fill:#a7b8af;font-size:10px}#tree-side strong{display:block;color:#d9f99a;font-size:17px}#tree-side>span{font-size:10px;color:#a7b8af}

/* Align the side schematic with the view controls above it. */
#viewport:has(#tree-side:not([hidden])) .viewport-top{right:22px}
#viewport:has(#tree-side:not([hidden])) .viewport-top .toolbar{width:164px;justify-content:space-between}
#viewport:has(#tree-side:not([hidden])) .viewport-top .toolbar button{flex:1;padding-left:7px;padding-right:7px}

.ground-key{display:flex;gap:12px;font-size:10px;color:#b3beb6;margin:3px 0 12px}.ground-key span:first-child{color:#c0c6c7}.ground-key span:last-child{color:#a3adb5}