.process-editor {display:flex;flex-direction:column;min-height:540px;height:100%;background:#f6f8f9;border:1px solid #e0e7e8;border-radius:16px;overflow:hidden;color:#263a41;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.editor-toolbar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#fff;border-bottom:1px solid #e6ebed;flex-wrap:wrap}
.process-editor button,.process-editor select{font:inherit;font-size:12px;min-height:34px;border:1px solid #e0e7e8;border-radius:8px;background:#fff;color:#3b5058;padding:7px 10px;cursor:pointer;transition:background .15s,border-color .15s}
.process-editor button:hover,.process-editor select:hover{background:#f1f6f5;border-color:#b7ceca}
.process-editor button:disabled{opacity:.4;cursor:default}
.process-editor button:focus-visible,.process-editor select:focus-visible,.process-editor input:focus-visible,.process-editor textarea:focus-visible{outline:3px solid #a7ddd3;outline-offset:2px}
.editor-shape-select{max-width:180px;font-weight:600!important}
.editor-zoom{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#75858a;font-variant-numeric:tabular-nums}
.editor-zoom button{min-width:30px;min-height:30px;padding:4px 8px;font-size:17px;line-height:1}
.editor-zoom span{min-width:35px;text-align:center}
.editor-body{display:flex;flex:1;min-height:0;overflow:hidden}
.editor-viewport{flex:1;min-width:0;overflow:auto;background-color:#f1f4f5;background-image:radial-gradient(#d3dcde .7px,transparent .7px);background-size:16px 16px;padding:30px;min-height:440px;max-height:calc(100vh - 230px)}
.editor-page{width:max-content;background:#fff;box-shadow:0 3px 18px #243c4810;line-height:0}
.editor-page svg{display:block;touch-action:none;user-select:none}
.diagram-node{cursor:grab;outline:none}
.diagram-node:active{cursor:grabbing}
.diagram-node:focus-visible>rect:first-child,.diagram-node:focus-visible>ellipse:first-child,.diagram-node:focus-visible>polygon:first-child{stroke:#008b7b;stroke-width:3}
.diagram-edge{cursor:pointer;outline:none}
.editor-page [data-lane-id]{cursor:pointer;outline:none}
.editor-page [data-lane-id]:focus-visible rect{stroke:#008b7b;stroke-width:3}
.editor-inspector{width:238px;flex:0 0 238px;padding:20px 17px;background:#fff;border-left:1px solid #e6ebed;overflow:auto;max-height:calc(100vh - 230px);font-size:12px}
.inspector-heading{font-size:13px;font-weight:650;margin-bottom:22px;color:#20383f}
.inspector-empty{text-align:center;padding:36px 5px;color:#74858a;line-height:1.7}
.inspector-cursor{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f0f6f5;border-radius:12px;font-size:25px;color:#7b9c96;margin-bottom:10px}
.editor-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}
.editor-field label{font-size:11px;color:#6c7e84;font-weight:550}
.editor-field input,.editor-field textarea,.editor-field select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid #dde5e7;border-radius:7px;padding:9px;font:inherit;color:#2d454e;background:#fff;line-height:1.5}
.editor-field textarea{resize:vertical;min-height:80px}
.editor-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.editor-action-row{display:flex;gap:7px;margin:10px 0}
.editor-action-row button{flex:1;padding-left:6px;padding-right:6px;font-size:11px}
.process-editor .editor-connect{width:100%;background:#eaf6f2;border-color:#c4e5dc;color:#087866;font-weight:600;margin:2px 0 20px}
.editor-help{font-size:11px;line-height:1.7;color:#86959a;margin:10px 0 20px}
.editor-section-label{font-size:11px;font-weight:600;margin-top:10px;color:#5b737b}
.process-editor .editor-danger{color:#b44d4d;border-color:#eddada}
.process-editor .editor-danger:hover{background:#fcf1f1;border-color:#dda9a9}
.inspector-bottom{padding-top:14px;border-top:1px solid #edf0f1;margin-top:25px}
.editor-status{padding:9px 16px;background:#fff;color:#819197;font-size:11px;border-top:1px solid #e6ebed;line-height:1.5;min-height:18px}
.editor-status.is-connecting{color:#077963;background:#effaf6;font-weight:600}
@media(max-width:1000px){.editor-inspector{width:210px;flex-basis:210px;padding:17px 13px}.editor-viewport{padding:20px}}
@media(max-width:700px){.editor-body{flex-direction:column;overflow:visible}.editor-inspector{width:auto;flex-basis:auto;border-left:0;border-top:1px solid #e6ebed;max-height:300px}.editor-viewport{min-height:360px;max-height:55vh}.process-editor{height:auto;min-height:0}.editor-toolbar{gap:6px;padding:10px}.editor-toolbar>button{font-size:11px}.editor-zoom{margin-left:0}.inspector-empty{padding:4px}.inspector-empty .inspector-cursor{display:none}.inspector-heading{margin-bottom:12px}.editor-status{font-size:10px}}
@media print{.editor-toolbar,.editor-inspector,.editor-status{display:none!important}.process-editor,.editor-body,.editor-viewport,.editor-page{display:block;height:auto;max-height:none;overflow:visible;border:0;padding:0;box-shadow:none;background:#fff}.editor-page svg{width:100%!important;height:auto!important}}
.editor-align-select{max-width:230px;background:#edf5ff!important;border-color:#c9ddfa!important;color:#1958aa!important}
.editor-selection-count{font-size:15px;font-weight:650;color:#254f80;padding:12px 0 3px}
.editor-inspector>.editor-danger{margin-top:12px}