:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#1f2937;background:#f3f6f8}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}.appShell{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top left,#fff,#eaf1f5 55%,#d9e5ed)}.toolbar{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #c9d6df;background:#f8fcffcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fileInput{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #9fb7c8;border-radius:8px;background:#fff}.fileTypeLabel{font-weight:600}.hiddenFileInput{display:none}.fileButtonLabel{border:1px solid #8da4b4;border-radius:6px;padding:5px 10px;background:#eef4f8;color:#1f2937;cursor:pointer}.fileValue{min-width:72px;color:#334155}.modeGroup{display:flex;flex-wrap:wrap;gap:8px}.modeButton{border:1px solid #8da4b4;border-radius:999px;background:#eef4f8;color:#1f2937;padding:6px 12px;cursor:pointer}.modeButton.active{background:#1f5f85;color:#fff;border-color:#1f5f85}.mapEditor{position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,#9cacb938,#9cacb938 12px,#9cacb91f 12px,#9cacb91f 24px)}.mapImage,.mapOverlay{position:absolute}.mapImage{object-fit:cover;pointer-events:none}.mapOverlay{cursor:crosshair}.edge{stroke:#2563eb;stroke-width:7;stroke-linecap:round;opacity:.85}.blockzoneArea{fill:#96484857}.node{fill:#fff;stroke:#1f2937;stroke-width:3;cursor:pointer}.node.selected{stroke:#ea580c}.node.spawn{fill:#10b981}.node.exit{fill:#ef4444}.node.pending{stroke:#7c3aed;stroke-width:12}.nodeLabel{fill:#0f172a;font-size:36px;font-weight:600;paint-order:stroke;stroke:#f8fafc;stroke-width:4}.mapPlaceholder{height:100%;display:grid;place-items:center;font-size:20px;color:#334155}.codePanel{border-top:1px solid #c9d6df;padding:12px;display:flex;align-items:center;background:#f8fbfd}.codePanelHeader{display:flex;align-items:center;gap:10px}.pathWidthField{display:inline-flex;align-items:center;gap:8px}.pathWidthField input{width:110px;padding:6px 8px}.toggleField{display:inline-flex;align-items:center;gap:6px;color:#1f2937}.copyButton{border:none;border-radius:6px;padding:8px 12px;background:#0f766e;color:#fff;cursor:pointer}.copyState{min-width:72px;font-size:12px;color:#155e75}@media (max-width: 1100px){.toolbar{grid-template-columns:1fr}}