:root{--ink:#243128;--muted:#748078;--paper:#fffdf8;--cream:#f2f0e8;--forest:#274f39;--moss:#6d8455;--rust:#b85f3d;--line:#deddd4;--shadow:0 18px 55px #18302226}*{box-sizing:border-box}html,body,.shell{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}button,input,textarea,select{font:inherit}.shell{display:flex}.sidebar{width:340px;flex:none;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:8;transition:transform .25s}.brand{height:88px;padding:20px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:48% 52% 44% 56%;background:var(--forest);color:#fff;font:24px 'DM Serif Display'}.brand strong,.brand small{display:block}.brand strong{font:21px 'DM Serif Display'}.brand small{font-size:9px;letter-spacing:1.8px;color:var(--rust);margin-top:2px}.search{margin:18px 18px 10px;display:flex;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.search input{min-width:0;width:100%;border:0;outline:0;background:none}nav{padding:0 11px 15px;border-bottom:1px solid var(--line)}.nav-item{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;padding:10px 12px;border:0;border-radius:8px;background:none;text-align:left;color:#526057;cursor:pointer}.nav-item.active{color:var(--forest);background:#e9eee6;font-weight:700}.nav-item b{padding:2px 7px;background:#edf0eb;border-radius:10px;font-size:10px}.collection{flex:1;min-height:0;overflow:auto;padding:17px 11px}.section-label{display:flex;justify-content:space-between;align-items:center;padding:0 10px 9px;color:#89928d;font-size:10px;font-weight:700;letter-spacing:1.5px}.section-label button{border:0;background:none;color:var(--forest);font-size:20px;cursor:pointer}.item{padding:12px;margin:3px 0;border:1px solid transparent;border-radius:9px;cursor:pointer}.item:hover{background:#f4f3ed}.item.selected{background:#edf1e9;border-color:#d5ded1}.item h4{margin:0 0 5px;font-size:14px}.item p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}footer{display:flex;align-items:center;gap:8px;padding:15px 21px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer i{width:7px;height:7px;border-radius:50%;background:#8a9a8d}footer i.online{background:#62a276}footer button{margin-left:auto;border:0;background:none;cursor:pointer}main{position:relative;flex:1;overflow:hidden}#map{position:absolute;inset:0;background:linear-gradient(135deg,#dce5d8,#becbbd)}.map-toolbar{position:absolute;top:22px;left:22px;display:flex;gap:9px;align-items:stretch}.tool,.map-title,.layer-switcher,.map-bottom button,.legend{border:0;background:#fff;box-shadow:var(--shadow);border-radius:9px}.tool{width:44px;cursor:pointer}.map-title{min-width:210px;padding:9px 14px}.map-title small,.map-title strong{display:block}.map-title small{font-size:8px;letter-spacing:1.3px;color:var(--rust);font-weight:700}.map-title strong{margin-top:2px;font:16px 'DM Serif Display'}.layer-switcher{position:absolute;top:22px;right:22px;padding:4px;display:flex}.layer-switcher button{border:0;background:none;padding:8px 11px;border-radius:6px;font-size:11px;cursor:pointer}.layer-switcher button.active{background:var(--forest);color:#fff}.map-bottom{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.map-bottom>*{pointer-events:auto}.legend{display:flex;gap:15px;padding:10px 13px;font-size:10px}.legend i{display:inline-block;margin-right:5px;vertical-align:middle}.zone-key{width:14px;height:9px;background:#6e8b5966;border:2px solid #526f43}.property-key{width:14px;border-top:3px dashed var(--rust)}.marker-key{width:8px;height:8px;border-radius:50%;background:var(--rust)}.map-bottom button{padding:10px 13px;cursor:pointer}.inspector{display:none;position:absolute;top:84px;right:22px;bottom:72px;width:350px;padding:25px;background:var(--paper);border-radius:10px;box-shadow:var(--shadow);overflow:auto}.inspector.open{display:block}.inspector>button{position:absolute;right:15px;top:12px;border:0;background:none;font-size:22px;cursor:pointer}.inspector small{letter-spacing:1.5px;color:var(--rust);font-size:9px;font-weight:700}.inspector h2{font:27px 'DM Serif Display';margin:7px 25px 8px 0}.inspector p{color:var(--muted);font-size:12px;line-height:1.6}.inspector dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;padding:15px 0;border-block:1px solid var(--line)}.inspector dt{color:var(--muted)}.inspector dd{margin:0;font-weight:600}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.primary,.secondary,.danger{border:0;border-radius:7px;padding:10px 15px;font-weight:600;cursor:pointer}.primary{background:var(--forest);color:#fff}.secondary{background:#ecece5;color:var(--ink)}.danger{background:#f4e4dd;color:#99492f}dialog{width:min(540px,92vw);padding:0;border:0;border-radius:12px;box-shadow:0 30px 90px #13291f55;color:var(--ink)}dialog::backdrop{background:#17251e66;backdrop-filter:blur(2px)}dialog form{padding:26px}dialog header{position:relative;padding-bottom:16px;margin-bottom:17px;border-bottom:1px solid var(--line)}dialog header small{font-size:9px;letter-spacing:1.5px;color:var(--rust);font-weight:700}dialog h2{font:27px 'DM Serif Display';margin:5px 0 0}dialog header button{position:absolute;right:0;top:0;border:0;background:none;font-size:24px;cursor:pointer}.field{display:block;margin:13px 0}.field span{display:block;margin-bottom:6px;font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fbfaf6;outline-color:var(--forest)}.field textarea{min-height:90px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hint,.empty{color:var(--muted);font-size:12px;line-height:1.6}.empty{text-align:center;padding:38px 15px}.draw-banner{position:absolute;z-index:5;left:50%;top:90px;transform:translateX(-50%);background:#263c2f;color:#fff;padding:11px 16px;border-radius:8px;box-shadow:var(--shadow);font-size:12px}#toast{display:none;position:fixed;z-index:50;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:7px;background:var(--ink);color:#fff;font-size:12px}@media(max-width:800px){.sidebar{position:absolute;height:100%}.sidebar.hidden{transform:translateX(-100%)}.layer-switcher{top:78px}.inspector{width:calc(100% - 44px)}.legend{display:none}}