:root{--bg: #0f1420;--panel: #1a2233;--panel-2: #222c42;--line: #2e3a55;--text: #e6ecf5;--muted: #9fb0cc;--accent: #4f9cff;--accent-2: #6ee7b7;--danger: #ff6b6b;--grid: #243049;--wall: #4f9cff;--wall-fill: rgba(79, 156, 255, .12);--furniture: #ffb020}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column;height:100vh}.app-header{padding:16px 24px;border-bottom:1px solid var(--line)}.app-header h1{margin:0;font-size:20px;letter-spacing:.2px}.subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.layout{display:flex;flex:1;min-height:0}.sidebar{width:260px;flex-shrink:0;padding:16px;border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.panel h2{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.btn-row{display:flex;flex-wrap:wrap;gap:8px}button{flex:1 1 auto;min-width:84px;padding:8px 10px;font-size:13px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}button:hover{border-color:var(--accent)}button.danger:hover{border-color:var(--danger)}button.active{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:600}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field.checkbox{flex-direction:row;align-items:center;gap:8px;margin-top:12px}.field input[type=number]{padding:8px 10px;font-size:14px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.readout{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px}.readout dt{color:var(--muted)}.readout dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.canvas-wrap{position:relative;flex:1;min-width:0;background:var(--bg)}.floorplan{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 12px;font-size:12px;color:var(--muted);background:#0f1420d9;border:1px solid var(--line);border-radius:999px;pointer-events:none}.password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.password-overlay[hidden]{display:none}.password-card{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 20px 60px #00000080}.password-card h2{margin:0;font-size:18px}.password-sub{margin:0;font-size:13px;color:var(--muted)}.password-card input[type=password]{padding:10px 12px;font-size:15px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.password-error{margin:0;font-size:13px;color:var(--danger)}.help-btn{position:absolute;right:16px;bottom:16px;width:36px;height:36px;min-width:0;flex:none;padding:0;font-size:18px;font-weight:700;line-height:1;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.help-btn:hover{border-color:var(--accent)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#070a1299}.help-overlay[hidden]{display:none}.help-card{width:min(520px,100%);max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:0 20px 60px #00000080}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.help-head h2{margin:0;font-size:16px}.help-close{flex:none;width:30px;height:30px;min-width:0;padding:0;font-size:20px;line-height:1;border-radius:8px;background:var(--panel-2)}.help-list{display:grid;grid-template-columns:minmax(0,auto) 1fr;gap:8px 16px;margin:0;font-size:13px}.help-list dt{color:var(--accent);font-weight:600}.help-list dd{margin:0;color:var(--text)}.help-foot{margin:16px 0 0;font-size:12px;color:var(--muted)}.fp-polygon{fill:var(--wall-fill);stroke:var(--wall);stroke-width:2;stroke-linejoin:round}.fp-polygon.active{stroke-dasharray:2 0;stroke:var(--accent-2)}.fp-polygon.furniture{fill:#ffb02024;stroke:var(--furniture)}.fp-polygon.furniture.active{stroke:#ffd166}.fp-preview{fill:none;stroke:var(--accent-2);stroke-width:1.5;stroke-dasharray:6 5}.fp-vertex{fill:var(--bg);stroke:var(--accent);stroke-width:2}.fp-vertex.first{stroke:var(--accent-2)}.fp-vertex.shared{fill:var(--accent-2);stroke:var(--accent-2)}.fp-vertex.furniture{stroke:var(--furniture)}.fp-vertex.furniture.shared{fill:var(--furniture);stroke:var(--furniture)}.fp-edge-label{fill:var(--text);font-size:12px;font-family:system-ui,sans-serif;paint-order:stroke;stroke:var(--bg);stroke-width:3;stroke-linejoin:round}.fp-area-label{fill:var(--accent-2);font-size:13px;font-weight:600;font-family:system-ui,sans-serif;paint-order:stroke;stroke:var(--bg);stroke-width:3;stroke-linejoin:round}.fp-name-label{fill:var(--text);font-size:14px;font-weight:700;font-family:system-ui,sans-serif;paint-order:stroke;stroke:var(--bg);stroke-width:3.5;stroke-linejoin:round}.fp-scalebar line,.fp-scalebar rect{stroke:var(--text);stroke-width:2}.fp-scalebar text{fill:var(--text);font-size:12px;font-family:system-ui,sans-serif}