html,body,#scene{margin:0;height:100%;overflow:hidden;font:14px system-ui;background:#c8d3d6;color:#eaf1f2}button,select{font:inherit;border:1px solid #a6bfbd55;border-radius:7px;padding:7px 9px;background:#edf3ef;color:#21464b;cursor:pointer}button:hover{background:#fff}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f2bd69;outline-offset:2px}header,aside,footer{position:absolute;z-index:3;background:#173b43f5;border:1px solid #9ab6b43d;box-shadow:0 5px 22px #00191d30;border-radius:12px}header{top:12px;left:12px;right:12px;padding:10px;display:flex;align-items:center;gap:12px}header b{margin-right:auto}header small{font-weight:400;color:#bcd0cd;font-size:11px}header nav{display:flex;gap:7px}.quality-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#c7d9d7}aside{top:79px;left:12px;width:316px;max-height:calc(100vh - 178px);overflow:auto;scrollbar-width:thin;scrollbar-color:#7d9f9b transparent}.panel-title{padding:14px 15px 9px;font-weight:650}.panel-title small{display:block;font-size:11px;color:#a9c1bf;font-weight:400;margin-top:2px}details{border-top:1px solid #b0c8c325}summary{cursor:pointer;font-weight:600;padding:12px 15px;list-style:none;display:flex;gap:8px;align-items:center}summary:before{content:'›';color:#a8cbc5;font-size:18px;line-height:1}details[open]>summary{background:#ffffff0a}details[open]>summary:before{transform:rotate(90deg)}.section-body{padding:0 15px 14px}.section-body label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0;font-size:13px}.section-body select{max-width:190px}.section-body .check{justify-content:flex-start;gap:9px;min-height:23px}.check input{accent-color:#80b6a9;width:16px;height:16px;margin:0}.slider input{width:132px;accent-color:#9ac9b7}.slider output{margin-left:auto;color:#c9dad4;font-size:11px}.section-body small,.section-body p{font-size:11px;line-height:1.5;color:#b8ceca}.section-body p{margin:8px 0}.status{border-left:2px solid #8ab8a7;padding:4px 8px;background:#0b282b55}.nested{border:1px solid #b0c8c325;border-radius:8px;margin:12px 0;padding:0 10px 9px}.nested summary{padding:9px 0;font-size:12px}.nested[open]>summary{background:none}.nested label{font-size:12px}hr{border:0;border-top:1px solid #b0c8c325;margin:12px 0}.button-row{display:flex;gap:7px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 system-ui;margin:0}a{color:#b9e1d8}footer{bottom:14px;left:12px;right:12px;padding:10px;display:flex;align-items:center;gap:10px;font-size:12px}footer input{flex:1;min-width:90px;accent-color:#a7cdbb}#status{font-size:10px;max-width:260px}#tideLevel{font-size:10px!important}#contextCredit{position:absolute;z-index:3;right:16px;bottom:82px;background:#f8fbf2ed;color:#4c6360;padding:4px 8px;border-radius:5px;font:10px system-ui}#contextCredit a{color:#355f59}#legend{height:10px;background:linear-gradient(90deg,#456e6e,#8a9c66,#d9c9a3);border-radius:3px}.depth-ramp{height:10px;background:linear-gradient(90deg,#b3e0f2,#0d40a6);border-radius:3px}#landLegend{margin:8px 0}#qaPanel{max-height:calc(100vh - 230px)!important;max-width:calc(100vw - 48px)}[hidden]{display:none!important}@media(max-width:850px){header{flex-wrap:wrap;gap:7px}.quality-label{margin-left:auto}.quality-label select{max-width:125px}aside{top:115px;width:min(316px,calc(100vw - 26px));max-height:calc(100vh - 260px)}footer{flex-wrap:wrap}#contextCredit{bottom:119px}.quality-label{font-size:11px}}