:root{color:#e8edf2;font-synthesis:none;background:#07090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}.workspace{grid-template-columns:280px minmax(0,1fr);width:100%;height:100%;display:grid}.controls{z-index:3;background:#10151b;border-right:1px solid #28313b;padding:22px 18px;overflow-y:auto}.controls__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eyebrow{color:#7ba9b8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:700}h1{margin:0;font-size:20px;font-weight:650}h2{letter-spacing:.04em;text-transform:uppercase;margin:0 0 11px;font-size:12px}h2 span{color:#76828f;text-transform:none;font-size:10px;font-weight:500}.controls section{border-top:1px solid #29313a;margin-top:22px;padding-top:17px}label{color:#aab4be;gap:5px;font-size:11px;display:grid}input,select,button{color:#edf4f6;background:#182029;border:1px solid #36434e;border-radius:5px}input,select{width:100%;padding:7px 8px}input:focus,select:focus,button:focus-visible{outline-offset:1px;outline:2px solid #70c6dc}input[type=range]{accent-color:#70c6dc;padding:0}button{cursor:pointer;padding:7px 9px}button:hover{background:#24313c}.controls__heading button{flex:none;font-size:10px}.triplet{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:10px 8px;margin-bottom:11px;display:grid}.range-label{justify-content:space-between;display:flex}.range-label output{color:#e8edf2;font-variant-numeric:tabular-nums}.terrain-meta{color:#7ba9b8;margin:-3px 0 12px;font-size:10px;line-height:1.35}.reset{width:100%;margin-top:20px}.hint,.error{color:#798691;min-height:14px;font-size:10px;line-height:1.4}.error{color:#ff9f8e}.stage{background:#05080c;min-width:0;min-height:0;position:relative}canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.view-layout{pointer-events:none;grid-template-columns:1fr 1fr;gap:1px;display:grid;position:absolute;inset:0}.view{min-width:0;min-height:0;position:relative;box-shadow:inset 0 0 0 1px #25303a}.inspection-view{pointer-events:auto;cursor:grab}.inspection-view:active{cursor:grabbing}.view-label{z-index:2;color:#c8d2da;letter-spacing:.08em;text-transform:uppercase;background:#080c10c7;border:1px solid #34414c;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;top:14px;left:14px}.exit-output{z-index:4;opacity:.3;display:none;position:absolute;top:14px;right:14px}.exit-output:hover{opacity:1}.output-only .workspace{display:block}.output-only .controls,.output-only .inspection-view,.output-only .projector-view .view-label{display:none}.output-only .stage{width:100%;height:100%}.output-only .view-layout{display:block}.output-only .projector-view{width:100%;height:100%;display:block}.output-only .exit-output{display:block}@media (width<=850px){.workspace{grid-template-columns:240px minmax(0,1fr)}.view-layout{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}