:root{--bg:#1a1a1a;--panel-bg:#1f1f1f;--border:#333;--border-select:#454545;--text:#e0e0e0;--text-muted:#8c8c8c;--accent:#eb9e33;--link-hoverbg:#1a1a1a}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}#canvas-container{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;overflow:auto}canvas{image-rendering:pixelated;border:1px solid var(--border);width:512px;height:512px;display:block}.top-bar{z-index:200;align-items:center;gap:12px;display:flex;position:fixed;top:16px;left:16px}.top-bar__button{color:var(--accent);border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:8px 14px;font-size:.8rem;text-decoration:none}.top-bar__button:hover{background:var(--link-hoverbg);border-color:var(--border-select)}#zoom-control{background:var(--bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}#zoom-control label{color:#999;white-space:nowrap;font-size:.75rem}#zoom-control input[type=range]{width:100px;accent-color:var(--accent)}#zoom-control .val{color:var(--accent);text-align:right;min-width:24px;font-size:.75rem}#ui-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;border:1px solid var(--border);border-radius:12px;width:300px;max-height:calc(100vh - 40px);padding:20px;position:fixed;top:20px;right:20px;overflow-y:auto}@media (width<=768px){body{min-height:100vh;display:block}#canvas-container{height:45vh;padding:56px 8px 8px;position:fixed;top:0;left:0;right:0}#ui-panel{border-bottom:none;border-left:none;border-right:none;border-radius:12px 12px 0 0;width:auto;max-height:none;padding:14px;inset:45vh 0 0}#top-bar{gap:8px;top:8px;left:8px}#zoom-control input[type=range]{width:70px}}#ui-panel::-webkit-scrollbar{width:8px}#ui-panel::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}#ui-panel::-webkit-scrollbar-thumb{background:var(--border-select);border-radius:4px}#ui-panel::-webkit-scrollbar-thumb:hover{background:var(--link-hoverbg)}h1{text-transform:uppercase;letter-spacing:2px;color:#fff;border-bottom:2px solid #fff3;margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:300}section{border-bottom:1px solid #ffffff14;margin-bottom:14px;padding-bottom:12px}section>h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:500;display:flex}section>h2 input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.control-group{margin-bottom:10px}label{color:var(--text-muted);letter-spacing:.3px;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}label span.val{color:var(--text-muted);font-family:monospace;font-size:11px}select{width:100%;color:var(--text);background:#2a2a2a;border:1px solid #ffffff26;border-radius:4px;padding:4px;font-size:11px}button#regen-btn{background:linear-gradient(135deg, var(--panel-bg), var(--link-hoverbg));border:1px solid var(--border);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:6px;width:100%;margin-top:4px;padding:10px;font-size:11px;transition:all .25s}button#regen-btn:hover{background:var(--panel-bg);border-color:var(--accent)}.color-mode-list{border:1px solid var(--border);border-radius:6px;max-height:180px;padding:4px;overflow-y:auto}.color-mode-list::-webkit-scrollbar{width:6px}.color-mode-list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.color-mode-list::-webkit-scrollbar-thumb{background:var(--border-select);border-radius:3px}.color-mode-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s;display:flex}.color-mode-item:hover{background:#ffffff0f}.color-mode-item.selected{background:var(--link-hoverbg);border:1px solid var(--border-select)}.color-mode-item input[type=radio]{display:none}.color-mode-swatch{border:1px solid #ffffff26;border-radius:3px;flex-shrink:0;width:80px;height:18px}.color-mode-label{color:#ccc;white-space:nowrap;font-size:11px}button#reset-btn{color:#bbb;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ffffff0a;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:10px;font-size:11px;transition:all .25s}button#reset-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.disabled-section{opacity:.45}.stats{color:#777;font-family:monospace;font-size:11px}.stats span{color:var(--accent)}.dep-dot{opacity:.25;vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:5px;transition:opacity .2s,box-shadow .2s;display:inline-block}.dep-dot.dep-red{background:#e74c3c}.dep-dot.dep-yellow{background:#f1c40f}.dep-dot.dep-green{background:#2ecc71}.dep-dot.dep-blue{background:#3498db}.dep-dot.dep-purple{background:#9b59b6}.dep-dot.lit{opacity:1;animation:1s ease-in-out infinite dot-pulse}#preserveLakes,#showRidgeMask,#showSlopeChannelMask,#showBasinDepositionMask,#fixedRange{accent-color:var(--accent)}.checkbox-label{cursor:pointer}.color-mode-item[data-value=grayscale] .color-mode-swatch{background:linear-gradient(90deg,#000,#fff)}.color-mode-item[data-value=terrainRamp] .color-mode-swatch{background:linear-gradient(90deg,#0a143c,#1e3c78 15%,#286446 30%,#50823c 45%,#8c7846 60%,#a08c64 75%,#dcdcdc 90%,#fff)}.color-mode-item[data-value=slopeAware] .color-mode-swatch{background:linear-gradient(90deg,#0a1e50,#1e508c 12%,#286432 30%,#645a46 50%,#8c785a 65%,#b4a096 80%,#fff)}.color-mode-item[data-value=geogenStyle] .color-mode-swatch{background:linear-gradient(90deg,#14281e,#1e5028 15%,#3c7828 30%,#b4b428 45%,#c87828 60%,#b43c28 75%,#782828 88%,#fff)}.color-mode-item[data-value=dolomitesNatural] .color-mode-swatch{background:linear-gradient(90deg,oklch(42.4% .035 101.2),oklch(54.6% .042 111.1) 7.7%,oklch(47.2% .022 150.2) 15.4%,oklch(63.7% .061 94.4) 23.1%,oklch(59.9% .06 103.4) 30.8%,oklch(28.5% .019 154.5) 38.5%,oklch(61.6% .06 98.7) 46.2%,oklch(66.9% .063 87.8) 53.8%,oklch(63.2% .052 122.1) 61.5%,oklch(59.9% .06 103.4) 69.2%,oklch(54.6% .042 111.1) 76.9%,oklch(53.5% .038 115.1) 84.6%,oklch(63.7% .061 94.4) 92.3%,oklch(75.3% .067 186))}.color-mode-item[data-value=dolomitesExtended] .color-mode-swatch{background:linear-gradient(90deg,#524f39 0%,#544e3e 3%,#717357 7%,#535f55 14%,#978b60 20%,#847745 26%,#8e865c 32%,#868258 39%,#9c865a 44%,#a59368 51%,#93775d 57%,#717357 60%,#848f6c 64%,#868258 72%,#6c7057 82%,#978b60 89%,#7dbdb5 94%,#c8f8f3 100%)}#reset-btn{margin-top:8px}#sec-output .stats{margin-top:10px}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}