:root{color-scheme:dark;--ink:#06101c;--panel:#0d2235;--blue:#7dd3fc;--amber:#f2a942;--paper:#f3f7fa;--muted:#9fb1c1;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}header{padding:25px max(24px,calc((100vw - 1400px)/2));display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--amber)}nav{display:flex;gap:24px;align-items:center}main{max-width:1450px;margin:auto;padding:36px 24px}.intro{margin-bottom:28px}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:800;color:var(--blue)}h1{font-size:clamp(32px,5vw,52px);letter-spacing:-2px;margin:10px 0}h2{font-size:18px;margin:0 0 18px}p{line-height:1.6;color:var(--muted)}.notice{display:inline-block;color:#f4c780;background:#f2a94212;border:1px solid #f2a94255;border-radius:8px;padding:12px 18px;font-size:13px}.terrain-jump{display:inline-flex;align-items:center;min-height:44px;padding:11px 16px;border-radius:8px;background:#f2a942;color:#06101c;font-size:14px;font-weight:800}.terrain-jump:hover{background:#ffd079}.terrain-jump:focus-visible{outline:3px solid var(--blue);outline-offset:3px}#terrain-following{scroll-margin-top:24px}.workspace{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}.panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.settings h2:not(:first-child){margin-top:30px}button,input,select{font:inherit}button,select{border:1px solid #ffffff24;background:#122c42;color:var(--paper);border-radius:7px;padding:10px 12px;cursor:pointer}button:hover{border-color:var(--blue)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#map:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.modes button{font-size:12px;text-align:left;padding:12px 9px}.modes small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:7px}.modes [aria-pressed=true]{border-color:var(--amber);background:#f2a94215}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}label{display:block;font-size:11px;color:#d0dce7}input,select{display:block;width:100%;margin-top:7px}input{min-width:0;padding:10px;border:1px solid #ffffff24;border-radius:6px;background:#061727;color:white}input[type=checkbox]{width:auto;margin:0}.check{display:flex;align-items:center;gap:9px}.muted{font-size:12px}.primary{width:100%;background:var(--amber);color:#06101c;font-weight:800;padding:15px}.row{display:flex;justify-content:space-between;gap:12px}.badge{color:var(--blue);font-size:10px;letter-spacing:1px}.toolbar{display:flex;flex-wrap:wrap;gap:7px}.toolbar select{width:auto;margin:0}.location{display:flex;gap:12px;align-items:end;margin-top:18px}.location label{flex:1}.location button{font-size:12px}#instructions{font-size:13px;color:var(--blue);min-height:22px}#map{height:490px;position:relative;overflow:hidden;background:#081927;touch-action:none;border-radius:8px;cursor:crosshair}#tiles,#overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#tiles img{position:absolute;width:256px;height:256px;max-width:none}.zoom{position:absolute;top:12px;left:12px;display:grid;gap:3px}.zoom button{background:#06101cee;font-size:22px;width:38px;padding:4px}#attribution{position:absolute;right:0;bottom:0;background:#06101cdd;padding:4px 7px;font-size:10px}.legend{display:flex;gap:20px;font-size:11px;color:var(--blue);margin-top:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.metrics article{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--panel)}.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;font-size:23px;margin-top:10px}footer{border-top:1px solid var(--line);padding:26px;text-align:center;color:var(--muted);font-size:11px;letter-spacing:2px}footer a{display:block;margin-top:15px;color:var(--blue)}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:300px 1fr}.panel{padding:18px}.metrics{grid-template-columns:1fr 1fr}.location{flex-wrap:wrap}.location button{width:100%}}@media(max-width:740px){header{padding:20px;flex-wrap:wrap}nav{font-size:13px;gap:18px}.workspace{grid-template-columns:1fr}.preview{min-width:0}#map{height:390px}main{padding:24px 16px}.legend{gap:12px}.modes button{font-size:14px}.modes small{font-size:11px}}
#templates{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}#templates button[aria-pressed=true]{border-color:#f2a942;background:#f2a94222}#templates button{min-height:48px}#savedPlans{max-height:240px;overflow:auto;margin-top:12px}#savedPlans button{overflow-wrap:anywhere}#components{padding-left:22px}#advanced{grid-template-columns:repeat(2,minmax(0,1fr))}#advancedStatus{color:#b7c8da}#specialOptions{border-left:3px solid #f2a942;padding-left:12px}

.pattern-controls{position:absolute;z-index:3;left:12px;bottom:28px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 24px);padding:8px;background:#06101cee;border:1px solid #c4a7ff;border-radius:12px}.pattern-controls[hidden]{display:none}.pattern-controls span{font-size:13px;color:#e5d6ff}.pattern-controls button{min-height:44px;padding:8px 10px}.pattern-controls button[aria-pressed="true"]{background:#7948d9;color:white}

.cloud-panel{margin-top:20px;padding:14px;border:1px solid #2fcfe2;border-radius:14px;background:#102030}.cloud-panel [hidden]{display:none}.cloud-panel a{color:#5ce6ad}.cloud-panel .toolbar{margin:10px 0}#phoneCode{font-family:monospace;font-size:12px}