:root{color-scheme:dark;font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;color:#edf4ef;background:#071216;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #071216;--surface: #0b171b;--surface-raised: #101e23;--line: rgba(173, 211, 217, .14);--line-strong: rgba(173, 211, 217, .24);--text: #edf4ef;--muted: #8fa3a6;--accent: #e4a231;--cyan: #65cced;--moss: #7ea45a;--radius: 10px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 10%,rgba(53,95,104,.16),transparent 34%),var(--bg)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{display:grid;grid-template-columns:284px minmax(0,1fr);height:100dvh;min-height:680px;overflow:hidden;border:1px solid rgba(101,204,237,.25);background:#081216}.sidebar{position:relative;z-index:2;display:flex;min-height:0;flex-direction:column;gap:20px;overflow:auto;padding:24px 18px 16px;border-right:1px solid var(--line-strong);background:linear-gradient(180deg,#0d1d22f7,#071216fa),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.015) 32px);box-shadow:16px 0 50px #01080a3d;scrollbar-width:thin;scrollbar-color:rgba(173,211,217,.22) transparent}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid rgba(228,162,49,.46);border-radius:9px;color:#f2bc55;background:linear-gradient(145deg,#e4a23126,#e4a23108);box-shadow:inset 0 1px #ffffff1a}.brand-mark svg{width:19px}.brand-lockup h1{margin:0;font-size:24px;font-weight:690;letter-spacing:-.045em}.brand-lockup p{margin:3px 0 0;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.seed-group>label,.section-label{display:block;margin-bottom:9px;color:#b6c3c3;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.seed-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:7px}.seed-row input{width:100%;height:38px;border:1px solid var(--line-strong);border-radius:6px;padding:0 11px;color:var(--text);outline:none;background:#01090c78;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;letter-spacing:.03em;transition:border-color .18s ease,background .18s ease}.seed-row input:hover,.seed-row input:focus{border-color:#65cced6b;background:#01090cad}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer;background:#ffffff0a;transition:color .18s ease,border-color .18s ease,transform .18s ease}.copy-button{display:flex;width:82px;padding:0 8px;gap:6px;font-size:8px;font-weight:680;letter-spacing:.035em;white-space:nowrap}.copy-button svg{flex:0 0 auto}.icon-button:hover{transform:translateY(-1px);border-color:#e4a2318c;color:#f0b84e}.icon-button svg{width:15px}.control-list{display:grid;gap:15px}.control-row{display:grid;grid-template-columns:22px minmax(0,1fr) 46px;align-items:center;gap:8px}.control-icon{display:grid;place-items:center;color:#91a5a6}.control-icon svg{width:16px;height:16px;stroke-width:1.6}.control-body{display:grid;gap:6px}.control-label{color:#cbd6d3;font-size:9px;font-weight:650;letter-spacing:.095em;text-transform:uppercase}.range-control{width:100%;height:14px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.range-control::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--range-accent) var(--range-progress),rgba(173,211,217,.13) var(--range-progress))}.range-control::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:var(--range-accent);box-shadow:0 1px 7px #0000008c}.range-control::-moz-range-track{height:3px;border:0;border-radius:999px;background:#add3d921}.range-control::-moz-range-progress{height:3px;background:var(--range-accent)}.range-control::-moz-range-thumb{width:9px;height:9px;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:var(--range-accent)}.control-value{display:block;width:46px;height:30px;border:1px solid var(--line);border-radius:5px;padding:0 3px;color:#c2cfce;outline:none;background:#ffffff06;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.control-value::-webkit-inner-spin-button,.control-value::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-value:hover,.control-value:focus{border-color:#65cced6b;background:#ffffff0d}.primary-actions{display:grid;gap:7px}.button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px;stroke-width:1.8}.button-primary{border-color:#d99a2d;color:#17130c;background:linear-gradient(135deg,#edb549,#d99325);box-shadow:0 7px 18px #d58f1c29,inset 0 1px #ffffff4d}.button-primary:hover{box-shadow:0 9px 24px #d58f1c45,inset 0 1px #ffffff4d}.button-secondary,.button-save{background:#ffffff09}.button-secondary:hover,.button-save:hover{border-color:#add3d966;background:#fff1}.preset-section{padding-top:16px;border-top:1px solid var(--line)}.preset-list{display:grid;gap:6px}.preset-button{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;min-height:52px;align-items:center;gap:10px;width:100%;padding:5px;border:1px solid var(--line);border-radius:6px;cursor:pointer;text-align:left;background:#ffffff06;transition:border-color .18s ease,background .18s ease,transform .18s ease}.preset-button:hover{transform:translate(2px);border-color:#add3d95c;background:#ffffff0b}.preset-button.is-active{border-color:var(--accent);background:linear-gradient(90deg,#e4a2311a,#e4a23106)}.preset-swatch{width:58px;height:40px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff21}.preset-alpine{background:linear-gradient(145deg,transparent 47%,#dce8e6 48% 56%,transparent 57%),linear-gradient(45deg,#21333b 43%,#718187 44%,#718187 59%,#16252c 60%)}.preset-archipelago{background:radial-gradient(ellipse at 65% 45%,#6b8c58 0 16%,#c1b777 17% 20%,transparent 21%),radial-gradient(ellipse at 28% 70%,#5d7d50 0 12%,#b4a96d 13% 18%,transparent 19%),#17647a}.preset-badlands{background:repeating-linear-gradient(164deg,transparent 0 5px,rgba(255,215,151,.19) 6px 7px),linear-gradient(145deg,#3b2017,#b75e2a 56%,#4c281c)}.preset-copy{display:grid;min-width:0;gap:3px}.preset-copy strong{font-size:10px;font-weight:720;letter-spacing:.06em;text-transform:uppercase}.preset-copy small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.preset-check{width:14px;color:var(--accent)}.save-section{display:grid;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.save-status{display:flex;min-height:18px;align-items:center;gap:7px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.055em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:#77bd6b;box-shadow:0 0 8px #77bd6b80}.workspace{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(360px,1fr) minmax(260px,33vh);gap:8px;padding:8px;background:#071216}.scene-panel,.analysis-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 1px #ffffff09,0 14px 32px #00000024}.terrain-canvas{background:linear-gradient(#b7d0dc,#7895a1 55%,#18323b)}.scene-topline{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(239,248,246,.18);border-radius:5px;color:#eef5f2;background:#0410148f;box-shadow:0 7px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px;font-weight:720;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.scene-topline:before{width:6px;height:6px;border-radius:50%;background:#82c276;box-shadow:0 0 8px #82c276;content:""}.scene-seed{padding-left:9px;border-left:1px solid rgba(255,255,255,.17);color:#edf4efab;font-family:SFMono-Regular,Consolas,monospace;font-weight:500;letter-spacing:.04em;text-transform:none}.scene-hint{position:absolute;right:14px;bottom:12px;padding:7px 9px;border-radius:5px;color:#f2f7f4c7;background:#040f1287;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:9px;letter-spacing:.035em;pointer-events:none}.north-mark{position:absolute;top:16px;right:17px;display:grid;justify-items:center;gap:4px;color:#f6faf8e0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;pointer-events:none}.north-mark i{width:0;height:0;border-right:5px solid transparent;border-bottom:18px solid #e7ad3f;border-left:5px solid transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.analysis-strip{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr);gap:8px}.analysis-panel{display:grid;grid-template-rows:46px minmax(0,1fr)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.panel-header>div:first-child{display:flex;align-items:center;gap:9px}.panel-header h2{margin:0;font-size:11px;font-weight:720;letter-spacing:.075em;text-transform:uppercase}.panel-index{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.panel-header>svg{width:16px;color:var(--muted);stroke-width:1.5}.contour-canvas-wrap{position:relative;min-height:0;padding:8px 42px 8px 8px}.contour-canvas-wrap canvas{width:100%;height:100%;min-height:0;border-radius:5px;cursor:ns-resize;touch-action:none;background:#0a2027}.map-scale{position:absolute;top:15px;right:10px;bottom:15px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:4px;color:var(--muted);font-size:7px;letter-spacing:.06em;text-transform:uppercase}.map-scale i{width:8px;height:100%;min-height:70px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(#e8eeee,#6b7845 37%,#286359 64%,#082d43)}.profile-panel{grid-template-rows:46px minmax(0,1fr) 30px}.slice-readout{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.slice-readout input{width:30px;height:23px;border:1px solid var(--line);border-radius:4px;padding:0 2px;color:#cad7d5;outline:none;background:#ffffff06;font-family:inherit;font-size:8px;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.slice-readout input::-webkit-inner-spin-button,.slice-readout input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.slice-readout input:focus{border-color:#65cced7a}.slice-readout svg{width:14px}.profile-chart{min-height:0;padding:4px 8px 0}.profile-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid{stroke:#add3d91a;stroke-width:1}.chart-label,.chart-axis-label{fill:#71878a;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.threshold-line{stroke-width:1.35;stroke-dasharray:7 6}.water-line{stroke:#65cced;opacity:.8}.snow-line{stroke:#dbe8e8;opacity:.62}.profile-path{fill:none;stroke:#eff5f1;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3;filter:drop-shadow(0 0 5px rgba(239,245,241,.22))}.slice-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 14px 7px;color:var(--muted);font-size:8px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.slice-control input{height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(to right,#e0a53b 0 var(--slice-progress, 58%),rgba(173,211,217,.15) var(--slice-progress, 58%))}.slice-control input::-webkit-slider-thumb{width:11px;height:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #f6e5c3;border-radius:50%;background:var(--accent)}@media (max-width: 1100px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding-right:14px;padding-left:14px}.analysis-strip{grid-template-columns:minmax(250px,.75fr) minmax(340px,1.25fr)}}@media (max-width: 820px){body{overflow:auto}.app-shell{display:block;min-height:100dvh;height:auto;overflow:visible}.sidebar{gap:17px;overflow:visible;border-right:0;border-bottom:1px solid var(--line-strong)}.control-list{grid-template-columns:1fr 1fr;column-gap:24px}.primary-actions{grid-template-columns:1fr 1fr}.preset-list{grid-template-columns:repeat(3,1fr)}.preset-button{grid-template-columns:48px minmax(0,1fr)}.preset-swatch{width:48px}.preset-check{display:none}.save-section{grid-template-columns:minmax(180px,.45fr) 1fr;align-items:center}.workspace{height:auto;grid-template-rows:58vh auto}.analysis-strip{grid-template-columns:1fr;grid-template-rows:320px 320px}}@media (max-width: 560px){.sidebar{padding:19px 14px 14px}.brand-lockup h1{font-size:22px}.control-list,.primary-actions,.preset-list,.save-section{grid-template-columns:1fr}.preset-button{grid-template-columns:58px minmax(0,1fr)}.workspace{grid-template-rows:54vh auto;padding:6px}.analysis-strip{grid-template-rows:290px 290px;gap:6px}.scene-seed,.north-mark{display:none}.scene-hint{right:9px;bottom:9px}.slice-readout{font-size:7px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}