.ocean-tools{position:absolute;z-index:12;right:12px;top:54px;width:min(292px,44vw);max-height:calc(100% - 72px);overflow:auto;background:rgba(15,22,26,.94);color:#d5dddc;border:1px solid #6e7d7f;border-radius:5px;font:12px/1.45 system-ui,sans-serif;box-shadow:0 4px 18px #0008;scrollbar-width:thin;overscroll-behavior:contain}
.ocean-tools summary{padding:9px 12px;cursor:pointer;color:#e5eeee;list-style-position:inside}
.ocean-tools[open] summary{border-bottom:1px solid #536368}
.ocean-tool-body{padding:10px 12px;display:grid;gap:9px}
.ocean-tool-body>label{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:5px}
.ocean-tools select,.ocean-tools button{min-height:28px;padding:3px 6px;background:#28353b;border:1px solid #607075;color:#e5eeee;font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none}
.ocean-tools input{min-width:0;accent-color:#9ac2c8}
.ocean-slider-list{display:grid;gap:7px;border-top:1px solid #536368;padding-top:10px}
.ocean-slider-list label{display:grid;grid-template-columns:1fr 45px;column-gap:8px;align-items:center}
.ocean-slider-list label>span{grid-column:1/-1}
.ocean-slider-list input[type=range]{width:100%;margin:3px 0}
.ocean-slider-list input[type=color]{width:100%;height:27px;border:0;padding:0;background:none;grid-column:1/-1}
.ocean-slider-list output{text-align:right;font-variant-numeric:tabular-nums;color:#b5cbd0}
.ocean-tools-actions{display:flex;gap:6px}.ocean-tools small{color:#a3b3b7}
.ocean-tools :focus-visible{outline:2px solid #d4edf0;outline-offset:2px}
@media(max-width:640px){.ocean-tools{width:260px;max-width:72vw;right:7px;top:43px;font-size:11px}}

.ocean-tool-body>details{border-top:1px solid #536368;margin-top:8px;padding-bottom:8px}.ocean-tool-body>details>summary{font-size:14px;padding:10px 0}.ocean-tools .terrain-debug-view{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px}.ocean-tools .terrain-debug-view input{width:16px;height:16px;flex:none}.ocean-tool-body>details>.ocean-slider-list{margin-top:12px}