body{background:#f4f6f8}.header{border-bottom:1px solid var(--line)}.back{margin-left:auto;font-size:14px}.demo-shell{max-width:1440px;padding:32px 40px;margin:auto}.demo-shell h1{font-size:28px;margin:0 0 12px}.notice{background:#dde6f0;border-left:3px solid #446689;padding:14px 18px;font-size:13px;line-height:1.7;margin:0 0 24px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.map-panel{background:white;align-self:start;border:1px solid var(--line)}.toolbar{display:flex;gap:16px;align-items:center;padding:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.toolbar label{display:flex;gap:8px;align-items:center;font-size:13px}select,input{border:1px solid #aab9c8;background:white;color:var(--ink);border-radius:3px;padding:9px;min-width:0}button,.import-label{border:1px solid #94a6b9;border-radius:3px;background:white;color:var(--ink);cursor:pointer;font-size:13px;padding:10px 13px}button:hover,.import-label:hover{background:#e7eef4}.primary{background:var(--lime);border-color:var(--lime)}.map-wrap{padding:20px 10px;background:#fafbfc}#map{width:100%;height:auto;display:block}#map[role=img]{cursor:crosshair}.map-foot{border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;padding:14px;font-size:11px;color:var(--muted)}aside{background:white;border:1px solid var(--line);padding:20px}aside section+section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}aside h2{font-size:18px;letter-spacing:0;margin-bottom:12px}aside p{font-size:13px}dl{display:grid;grid-template-columns:85px 1fr;font-size:12px;gap:10px}dt{color:var(--muted)}dd{margin:0}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:12px}.coordinate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:12px;line-height:1.8;color:var(--muted)}.poi-list{padding:0;list-style:none;margin:14px 0 0;max-height:230px;overflow:auto}.poi-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #e2e7ec;font-size:12px}.poi-list li span{overflow-wrap:anywhere}.poi-list button{font-size:11px;padding:4px 7px}.data-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}#import{display:none}#save-status{font-size:12px}output{display:block;font-size:13px;line-height:1.8;background:#e7eef4;padding:12px;margin-top:14px}output[data-state=blocked]{background:#fbe8da;color:#7c3b19}svg text{font-family:inherit}.map-room{fill:#e6ecf1;stroke:#879cb1;stroke-width:2}.map-room-label{fill:#475d73;font-size:17px}.poi-dot{fill:#102d43;stroke:#35dce5;stroke-width:4}.poi-label{fill:#102d43;font-size:14px;font-weight:600;paint-order:stroke;stroke:white;stroke-width:4px}@media(max-width:950px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}aside section+section{border:0;padding:0;margin:0}aside section:first-child{grid-column:1/-1}}@media(max-width:580px){.demo-shell{padding:24px 16px}.demo-shell h1{font-size:24px}.notice{font-size:12px}.toolbar{gap:10px;padding:12px}.toolbar select{max-width:180px;font-size:12px}.map-wrap{padding:6px}.map-foot{font-size:10px}aside{display:block}aside section+section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.data-actions{gap:9px}.data-actions button,.import-label{font-size:12px}}