:root{color:#241a12;background:#e7decd;font-family:Arial,Liberation Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input,select{font:inherit}button,.file-picker{min-height:42px;border:1px solid #3d3027;border-radius:0;background:#2f3a21;color:#f8f3e7;cursor:pointer;padding:9px 12px}button:hover,.file-picker:hover{background:#465b2e}.shell{display:grid;grid-template-columns:380px 1fr;width:100%;height:100%}.sidebar{overflow:auto;border-right:1px solid #2c241f;background:linear-gradient(180deg,#251e19f5,#1a1512fa),#211b17;color:#f7e9d0;padding:18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand__mark{display:grid;place-items:center;width:48px;height:48px;background:#8fa261;color:#14100d;font-weight:800;font-size:28px}.brand h1{margin:0;font-size:24px}.brand p{margin:2px 0 0;color:#cdb793;font-size:13px}.panel{border:1px solid #3f342d;background:#f8f3e70d;margin-bottom:14px;padding:14px}.panel h2{margin:0 0 12px;font-size:17px}.field{display:grid;gap:6px;color:#dfcba7}.field input{width:100%;border:1px solid #5b4b3d;border-radius:0;background:#f8f3e7;color:#241a12;padding:10px}.hint{color:#b7a285;font-size:12px;line-height:1.45}.file-picker{display:grid;place-items:center}.file-picker input{display:none}.summary{margin-top:12px;color:#dfcba7}.summary dl{display:grid;grid-template-columns:130px 1fr;gap:6px 10px;margin:0;font-size:13px}.summary dt{color:#a99477}.summary dd{margin:0}.layer-list{display:grid;gap:6px}.layer-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;border:1px solid #473a31;background:#0000002e;padding:8px;color:#f7e9d0;cursor:pointer}.layer-row small{grid-column:2;color:#a99477;font-size:11px}.section-title{margin:10px 0 2px;color:#8fa261;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.map-wrap{position:relative;min-width:0;background:#b9b3a9}.map{width:100%;height:100%}.map-toolbar{position:absolute;z-index:10;top:12px;left:12px;display:flex;gap:8px}.map-toolbar select{min-height:42px;border:1px solid #3d3027;background:#f8f3e7;color:#241a12;padding:9px 12px}.status{position:absolute;z-index:10;right:12px;bottom:12px;max-width:min(520px,calc(100% - 24px));border:1px solid rgba(20,16,13,.35);background:#f8f3e7eb;color:#241a12;padding:10px 12px;font-size:13px}@media (max-width: 820px){.shell{grid-template-columns:1fr;grid-template-rows:minmax(250px,42vh) 1fr}.sidebar{order:2;border-right:0;border-top:1px solid #2c241f}.map-wrap{order:1}}