:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#1e2932;background:#eef0ef}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}.panel{width:320px;flex:0 0 320px;background:#fff;border-right:1px solid #dbe1de;padding:25px 24px;display:flex;flex-direction:column;gap:22px;max-height:100vh;overflow:auto}.mast .eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#718075}.mast h1{font-size:26px;line-height:1.2;letter-spacing:-1.1px;margin:8px 0}.mast p{font-size:13px;line-height:1.6;color:#738078;margin:0}.field{font-size:12px;font-weight:700;display:grid;gap:8px}.field select{width:100%;background:#f8faf9;border:1px solid #dce3df;border-radius:8px;padding:11px 10px;font:inherit;color:#1d2b25}.section{border-top:1px solid #edf0ee;padding-top:17px}.section h2{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 13px;color:#64736b}.presets{display:flex;background:#f3f5f3;padding:4px;border-radius:9px;gap:4px}.presets button{flex:1;background:none;border:0;border-radius:7px;font-size:12px;padding:9px 2px;cursor:pointer;color:#64736b}.presets button.active{background:#fff;color:#1c2b23;box-shadow:0 1px 5px #17251a1b;font-weight:700}.toggle{display:flex;align-items:center;gap:10px;font-size:13px;margin:11px 0;cursor:pointer}.toggle input{accent-color:#283b32;width:15px;height:15px}.range{font-size:12px;display:block;margin:15px 0;font-weight:600}.range output{float:right;font-variant-numeric:tabular-nums;color:#64736b;font-weight:400}.range input{display:block;width:100%;margin-top:9px;accent-color:#36483e}.primary{background:#263a30;color:white;border:0;width:100%;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:13px;display:flex;justify-content:space-between}.primary:disabled{opacity:.5;cursor:wait}.note{font-size:11px;line-height:1.6;color:#819087;margin:9px 0 0}footer{font-size:10px;color:#8b9890;margin-top:auto;line-height:1.6}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.toolbar{height:75px;background:#f9faf9;border-bottom:1px solid #dce2de;display:flex;align-items:center;justify-content:space-between;padding:0 27px}.toolbar strong{display:block;font-size:16px}.toolbar span{font-size:11px;color:#7b8a81}.zoom{display:flex;gap:6px}.zoom button{border:1px solid #d8dfda;background:#fff;border-radius:6px;min-width:34px;height:32px;cursor:pointer;color:#33443a}.canvas{flex:1;min-height:450px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;background-color:#edefec;background-image:radial-gradient(#d1d8d3 0.6px,transparent .6px);background-size:16px 16px}.canvas.dragging{cursor:grabbing}.map-mount{height:min(80vh,750px);width:min(90%,1100px);aspect-ratio:420/297;display:flex;align-items:center;justify-content:center;background:white;box-shadow:0 12px 45px #1a28131a;border:1px solid #e4e8e5;transform-origin:center;will-change:transform}.map-mount svg{display:block;width:100%;height:100%}.loading{color:#687970;font-size:14px}.status{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#819087;font-size:11px;background:#f9faf9;border-top:1px solid #dce2de}@media(max-width:760px){.shell{flex-direction:column}.panel{width:100%;flex:auto;max-height:none;padding:16px;gap:15px}.mast h1{font-size:22px}.workspace{min-height:75vh}.canvas{min-height:400px}.toolbar{padding:0 15px}.status{padding:0 10px}.section{padding-top:12px}}