:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}.app-root{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;background:linear-gradient(120deg,#f8fafc,#e2e8f0)}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #cbd5e1;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-wrap:wrap;position:relative;z-index:40}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-group--draw,.toolbar-group--assist,.toolbar-group--actions{padding-left:10px;margin-left:2px;border-left:1px dashed #cbd5e1}.toolbar label{font-size:13px;color:#334155}.toolbar select,.toolbar input[type=number],.toolbar button{border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;padding:6px 10px}.toolbar .map-picker{position:relative;z-index:60}.toolbar .btn-map-picker{position:relative;min-width:78px;padding:6px 28px 6px 10px}.toolbar .btn-map-picker:after{content:"";position:absolute;right:12px;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #64748b;transform:translateY(-35%)}.toolbar .btn-map-picker.active{background:#f1f5f9;color:#0f172a;border-color:#64748b}.toolbar .map-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;max-width:320px;max-height:260px;overflow-y:auto;padding:6px;border:1px solid #94a3b8;border-radius:8px;background:#fff;box-shadow:0 8px 18px #0f172a24;display:none;z-index:1000}.toolbar .map-menu.open{display:block}.toolbar .map-menu-item{width:100%;border:1px solid transparent;border-radius:8px;background:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;font-size:13px;line-height:1.25}.toolbar .map-menu-item:hover{border-color:#94a3b8;background:#f8fafc}.toolbar .map-menu-item.active{border-color:#64748b;background:#e2e8f0;color:#0f172a}.toolbar input[type=number]{width:72px}.toolbar button{cursor:pointer}.toolbar button:hover{border-color:#475569}.toolbar button.active{background:#0f172a;color:#f8fafc;border-color:#0f172a}.toolbar button.btn-mode{border-color:#94a3b8;background:#fff}.toolbar button.btn-mode.active{background:#0f172a;color:#f8fafc;border-color:#0f172a}.toolbar button.btn-toggle{border-color:#92400e;color:#78350f;background:#fff7ed}.toolbar button.btn-toggle:hover{border-color:#78350f}.toolbar button.btn-toggle.active{background:#78350f;border-color:#78350f;color:#fff7ed}.robot-size-label{font-size:12px;color:#475569}.toolbar button.btn-action.btn-neutral{border-color:#64748b;color:#1e293b;background:#f8fafc}.toolbar button.btn-action.btn-neutral:hover{border-color:#334155}.toolbar button.btn-action.btn-danger{border-color:#b91c1c;color:#991b1b;background:#fef2f2}.toolbar button.btn-action.btn-danger:hover{border-color:#991b1b}.stage{position:relative;min-height:0;z-index:1}.stage canvas{display:block;width:100%;height:100%;background:#e2e8f0;cursor:crosshair}.quick-help-dock{position:absolute;top:12px;right:12px;z-index:3}.quick-help-trigger{width:28px;height:28px;border-radius:999px;border:1px solid #334155;background:#0f172af0;color:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.quick-help-panel{position:absolute;top:34px;right:0;width:290px;padding:10px 12px;border:1px solid #94a3b8;border-radius:10px;background:#ffffffeb;box-shadow:0 4px 16px #0f172a1f;font-size:12px;line-height:1.35;color:#334155;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}.quick-help-dock:hover .quick-help-panel,.quick-help-dock:focus-within .quick-help-panel{opacity:1;visibility:visible;transform:translateY(0)}.quick-help-title{margin-bottom:6px;font-weight:700;color:#0f172a}.stage-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#f8fafcd1;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:4}.stage-loading-overlay.visible{opacity:1;pointer-events:all}.stage-loading-spinner{width:22px;height:22px;border-radius:999px;border:3px solid #cbd5e1;border-top-color:#0369a1;animation:stage-spin .9s linear infinite}.stage-loading-text{font-size:13px;color:#0f172a}@keyframes stage-spin{to{transform:rotate(360deg)}}