.terrain-app{--pos:50%;font-family:var(--mono);font-size:.72rem}.terrain-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:0 0 .5rem}.terrain-toolbar label{align-items:center;display:inline-flex;gap:.3rem}.terrain-toolbar select,.terrain-toolbar button{background:var(--card);border:1px solid var(--ink);color:var(--ink);font:inherit;padding:.15rem .3rem}.terrain-toolbar input[type=range]{width:5.5rem}.terrain-stage{aspect-ratio:1;background:#000;border:1px solid var(--ink);max-height:85vh;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.terrain-canvas{cursor:grab;display:block;height:100%;width:100%}.terrain-stage.is-panning .terrain-canvas{cursor:grabbing}.terrain-divider{background:var(--paper);bottom:0;box-shadow:0 0 0 1px rgba(23,26,32,.45);left:var(--pos);margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px}.terrain-handle{background:var(--paper);border:1px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);cursor:ew-resize;height:40px;left:var(--pos);position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.terrain-handle::before{content:"\2039\00a0\203a";font-size:.95rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.terrain-handle:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.terrain-label,.terrain-scale{background:rgba(23,26,32,.8);color:var(--paper);line-height:1.3;padding:.25rem .45rem;pointer-events:none;position:absolute}.terrain-label--left{left:.5rem;top:.5rem}.terrain-label--right{right:.5rem;top:.5rem}.terrain-scale{bottom:.5rem;left:.5rem}.terrain-fallback{color:var(--paper);margin:0;padding:1rem}.terrain-app.is-live .terrain-fallback,.terrain-app.is-live .terrain-toolbar[hidden],.terrain-app.is-live .terrain-help[hidden]{display:none}.terrain-app.is-live .terrain-toolbar,.terrain-app.is-live .terrain-help{display:flex}.terrain-help{color:var(--muted);margin:.35rem 0 0}.terrain-readout{color:var(--muted);margin:.35rem 0 0;min-height:1.3em}.terrain-profile[hidden]{display:none}.terrain-profile{background:#000;border:1px solid var(--ink);display:block;height:auto;margin-top:.5rem;width:100%}@media(max-width:600px){.terrain-toolbar input[type=range]{width:4rem}}