:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#243747;background:#fff;font-synthesis:none;--ink:#203544;--muted:#72808d;--line:#e1e7ec;--teal:#087f75;--purple:#79689d;--focus:#128c82;--panel:316px}*{box-sizing:border-box}body{margin:0;height:100vh;min-height:600px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0a8c8060;outline-offset:3px}button{color:inherit}button svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:650;letter-spacing:-.35px;white-space:nowrap}.brand-mark{position:relative;width:29px;height:28px;display:block}.brand-mark i{position:absolute;width:14px;height:14px;border:2px solid #213947;top:1px;left:0}.brand-mark b{position:absolute;width:17px;height:12px;border:2px solid var(--teal);border-radius:8px;bottom:0;right:0;background:white}.prototype{font-size:11px;letter-spacing:.1px;font-weight:500;margin-left:9px;padding:4px 8px;border:1px solid #dae3e9;border-radius:4px;color:#677a88}.file-actions{display:flex;align-items:center;gap:9px}.save-status{font-size:12px;color:#71828a;margin-right:11px}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #dce4e9;border-radius:6px;height:35px;padding:0 12px;font-size:13px;white-space:nowrap;transition:background .12s,border-color .12s}.button:hover,.icon-button:hover{background:#f2f6f7;border-color:#c4d1d8}.button.primary{color:white;background:#1e3947;border-color:#1e3947}.button.primary:hover{background:#2a4c5b}.button.quiet,.icon-button{border-color:transparent;background:transparent}.icon-button{width:34px;padding:0}.icon-button:hover,.button.quiet:hover{background:#eef3f5}.button.danger{color:#a44846;background:white;border-color:#eccfcd}.button.danger:hover{background:#fff3f1}.document-bar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.document-title{display:flex;align-items:center;gap:11px;min-width:0}.document-icon{display:flex;color:#8a98a4}.document-icon svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#diagram-title{font-size:20px;font-weight:600;letter-spacing:-.4px;border:1px solid transparent;border-radius:5px;outline-offset:0;padding:5px 4px;width:277px;background:transparent;color:var(--ink)}#diagram-title:hover{border-color:#e2e8ed}.document-label{font-size:12px;color:#85939d;border-left:1px solid var(--line);padding-left:15px;margin-left:4px}.editor{display:grid;grid-template-columns:minmax(0,1fr) var(--panel);height:calc(100vh - 134px);min-height:466px}.work-area{display:flex;flex-direction:column;min-width:0;overflow:hidden}.toolbar{height:60px;flex:none;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);background:white;z-index:2}.tool-group{display:flex;gap:6px;align-items:center}.divider{width:1px;height:23px;background:var(--line);margin:0 3px;display:inline-block}.toolbar .button{border:0;background:#f3f6f8}.toolbar .button:hover{background:#e6edf1}.toolbar .button.quiet{background:none}.properties-toggle{display:none;margin-left:auto}.canvas{position:relative;flex:1;min-height:300px;background-color:#f7f9fb;background-image:radial-gradient(#d7e0e6 .75px,transparent .75px);background-size:18px 18px;overflow:hidden;touch-action:none}.canvas-top,.canvas-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1;pointer-events:none}.canvas-top{top:22px}.canvas-bottom{bottom:20px}.canvas-top>*,.canvas-bottom>*{pointer-events:auto}.view-switch{display:flex;gap:3px;padding:4px;background:#fff;border:1px solid #dfe7ec;border-radius:7px;box-shadow:0 2px 4px #2e445004}.view-switch button{border:0;background:none;font-size:12px;color:#75838e;border-radius:4px;padding:7px 10px;white-space:nowrap}.view-switch button[aria-pressed=true]{background:#eaf2f1;color:#1a605b;font-weight:600}.object-count{font-size:12px;color:#85939d}.zoom-tools{height:36px;display:flex;align-items:center;padding:0 3px;background:white;border:1px solid #dfe7ec;border-radius:6px;box-shadow:0 2px 5px #253f4905}.zoom-tools .icon-button{height:30px;width:28px}.zoom-tools .icon-button svg{width:15px;height:15px}#zoom-label{font-size:12px;min-width:42px;text-align:center}.canvas-hint{font-size:12px;color:#8997a1;background:#f7f9fbe6;padding:3px 8px;border-radius:3px}.text-button{border:0;background:transparent;color:#71828e;font-size:12px;padding:7px}.text-button:hover{color:#1d5362;text-decoration:underline}#diagram{width:100%;height:100%;display:block;user-select:none;touch-action:none}#diagram .node{cursor:grab;outline:none}#diagram .node:active{cursor:grabbing}#diagram .node:focus-visible .node-body{stroke:#077d72;stroke-width:3}#diagram .edge{cursor:pointer}#diagram .edge:hover .edge-line{stroke-width:3}#diagram .edge:focus-visible .edge-line{stroke-width:3;stroke:#0b867b}#diagram .edge-hit{stroke:transparent;stroke-width:20;fill:none}.legend{height:46px;display:flex;align-items:center;gap:25px;padding:0 24px;border-top:1px solid var(--line);background:#fff;flex:none}.legend span{display:flex;align-items:center;gap:8px;color:#7a8993;font-size:12px;white-space:nowrap}.legend i{display:inline-block;position:relative;flex:none}.entity-key{width:18px;height:12px;border:1.5px solid #6f8291;border-radius:1px}.account-key{width:23px;height:12px;border:1.5px solid #108b80;border-radius:8px}.payment-key{width:22px;border-top:2px solid var(--teal)}.payment-key:after{content:"";position:absolute;right:-2px;top:-4px;border-left:6px solid var(--teal);border-top:3px solid transparent;border-bottom:3px solid transparent}.agreement-key{width:24px;border-top:1.5px dashed var(--purple)}.holder-key{width:24px;border-top:1px solid #87959f}.inspector{border-left:1px solid var(--line);background:white;overflow-y:auto;padding:0 22px;z-index:3}.inspector-top{height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eef1;margin:0 -22px 23px;padding:0 22px}.inspector-top h2{margin:0;font-size:14px;font-weight:600}.selection-tag{display:flex;align-items:center;gap:8px;color:#6f8790;font-size:11px}.selection-tag i{width:20px;height:11px;display:inline-block}.selection-tag .entity-key{width:15px}.selection-intro{display:flex;align-items:center;gap:12px;margin:0 0 23px}.selection-symbol{width:40px;height:40px;background:#edf6f3;border:1px solid #e0efea;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#16776e}.selection-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4}.selection-intro h3{font-size:16px;font-weight:600;margin:0 0 4px;line-height:1.3;overflow-wrap:anywhere}.selection-intro p{margin:0;font-size:12px;color:#84919a}.field{display:block;margin-bottom:19px}.field>span,.field-label{display:block;color:#536675;font-weight:500;font-size:12px;margin-bottom:8px}.field input,.field select,.field textarea,dialog input,dialog select,dialog textarea{width:100%;border:1px solid #d8e2e8;border-radius:5px;background:#fff;color:#283d4c;font-size:14px;padding:10px 11px;min-height:39px;outline-offset:0}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b5c8d3}.field select,dialog select{padding-right:22px}.field textarea{resize:vertical;min-height:84px;line-height:1.5}.field input::placeholder,.field textarea::placeholder,dialog input::placeholder{color:#a0acb4}.field small{display:block;font-size:11px;line-height:1.5;color:#85949e;margin-top:7px}.optional{font-weight:400;color:#9aa5ad}.panel-section{border-top:1px solid #e8eef1;padding-top:21px;margin-top:24px}.panel-section h4{font-size:11px;letter-spacing:1px;color:#81929d;font-weight:600;margin:0 0 17px}.relationship-row{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px}.relationship-row .flow-dot{background:#edf6f2;color:#18877b;border-radius:4px;padding:5px;display:flex;flex:none}.relationship-row .flow-dot svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.relationship-row button{padding:0;border:0;background:none;text-align:left;min-width:0}.relationship-row strong{display:block;font-size:12px;font-weight:500;color:#516876;overflow-wrap:anywhere}.relationship-row small{font-size:11px;color:#92a0a8;display:block;margin-top:4px}.panel-actions{margin-top:26px;padding:17px 0;border-top:1px solid #e8eef1;display:flex;justify-content:space-between;gap:8px}.panel-actions .button{font-size:12px}.panel-empty{padding-top:30px;color:#83929c;line-height:1.65;font-size:14px}.panel-empty h3{color:#3d5868;font-size:17px}.panel-callout{font-size:12px;line-height:1.6;background:#f5f8f9;border:1px solid #e6edf0;border-radius:6px;padding:12px;color:#7b8e99}.reverse-button{width:100%;margin:-2px 0 20px}.toast{position:fixed;left:calc((100% - var(--panel))/2);bottom:69px;transform:translateX(-50%);background:#203e4b;color:#fff;padding:11px 18px;border-radius:7px;box-shadow:0 5px 25px #203e4b20;font-size:13px;z-index:10;max-width:90vw;pointer-events:none}dialog{border:1px solid #dce6eb;border-radius:13px;padding:0;width:448px;max-width:calc(100vw - 30px);box-shadow:0 25px 100px #1b334830;color:var(--ink)}dialog::backdrop{background:#18354745;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 25px 10px}.dialog-heading h2{font-size:20px;letter-spacing:-.3px;margin:0}.dialog-body{padding:6px 25px 22px}.dialog-body>p{color:#7b8e99;font-size:13px;line-height:1.55;margin:0 0 22px}.dialog-body .field{margin:17px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e5ecf0;padding:17px 25px;background:#fafcfd}.dialog-actions .button{height:39px;padding:0 17px}.kind-picker{display:flex;gap:9px;margin:3px 0 22px}.kind-picker label{position:relative;flex:1;display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #dce5eb;border-radius:6px;font-size:14px;cursor:pointer}.kind-picker label:has(input:checked){background:#edf7f3;border-color:#83bcb3;color:#136b63}.kind-picker input{width:14px;min-height:0;margin:0;accent-color:#16867a}.check-label{display:flex;align-items:center;gap:9px;font-size:14px;margin:18px 0}.check-label input{width:16px;height:16px;min-height:0;accent-color:#16867a}.error{font-size:13px;line-height:1.5;color:#ac4b47;margin:10px 0 0}.shortcuts{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:13px;color:#657b88}.shortcuts kbd{font:12px inherit;border:1px solid #dce4ea;border-radius:3px;padding:3px 6px;background:#f7f9fb}[hidden]{display:none!important}@media(min-width:1550px){:root{--panel:340px}.toolbar{padding:0 26px}.inspector{padding:0 26px}.inspector-top{padding:0 26px;margin:0 -26px 23px}}@media(max-width:1180px){.prototype,.save-status,.document-label,.object-count{display:none}.toolbar{gap:6px;padding:0 12px}.tool-group{gap:3px}.toolbar .button{padding:0 9px}.canvas-top,.canvas-bottom{left:16px;right:16px}.canvas-hint{display:none}.legend{gap:15px;padding:0 15px}.legend span{font-size:11px}.topbar{padding:0 18px}.brand{font-size:16px}}@media(max-width:980px){:root{--panel:280px}.inspector{padding:0 17px}.inspector-top{margin:0 -17px 21px;padding:0 17px}.toolbar .button{font-size:12px;padding:0 8px;gap:5px}.toolbar button svg{width:16px;height:16px}.toolbar{gap:3px}.toolbar .divider{margin:0 1px}.legend{gap:11px}.legend span:last-child{display:none}}@media(max-width:820px){.editor{grid-template-columns:1fr;position:relative}.inspector{position:absolute;right:0;top:60px;bottom:0;width:290px;box-shadow:-6px 0 25px #21394510;display:none}.editor.properties-open .inspector{display:block}.properties-toggle{display:flex}.toolbar{padding:0 15px;gap:12px}.toolbar .button{font-size:13px;padding:0 10px;gap:7px}.toolbar .tool-group{gap:5px}.toast{left:50%}.file-actions .button{padding:0 9px}.brand{font-size:14px}.legend span:last-child{display:flex}.canvas-hint{display:inline}.canvas-top{top:16px}}@media(max-width:590px){body{min-height:640px}.topbar{height:57px;padding:0 12px}.brand{gap:7px}.brand-mark{width:23px;transform:scale(.85);transform-origin:left center}.file-actions{gap:3px}.file-actions #open-file{width:30px;padding:0;font-size:0;gap:0}.file-actions #save-file{width:33px;padding:0;font-size:0;gap:0}.file-actions #export{font-size:12px;height:33px;padding:0 9px}.document-bar{height:58px;padding:0 14px}#diagram-title{font-size:18px;width:255px}.editor{height:calc(100vh - 115px)}.toolbar{height:91px;flex-wrap:wrap;align-content:center;gap:7px 12px;padding:10px 14px}.toolbar>.divider{display:none}.toolbar>.tool-group:first-child{width:100%}.toolbar .button{height:31px}.toolbar>.tool-group:nth-of-type(2){gap:9px}.properties-toggle{height:28px}.canvas-top{left:12px;right:12px;top:12px}.view-switch button{font-size:11px;padding:6px 8px}.canvas-bottom{left:12px;right:12px;bottom:13px}.canvas-hint{display:none}.legend{gap:14px;padding:0 13px;overflow:auto;height:40px}.legend span:last-child{display:none}.inspector{top:91px}.zoom-tools{transform:scale(.9);transform-origin:left bottom}.toast{bottom:53px}.document-icon{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{body{overflow:visible;height:auto}.topbar,.document-bar,.toolbar,.canvas-top,.canvas-bottom,.inspector,.toast{display:none}.editor{display:block;height:80vh}.work-area,.canvas{height:100%;background:white}.legend{border:0}.selection-outline{display:none}}

/* Per-account provider presentation controls. */
.provider-field{margin-bottom:8px}.provider-edit{padding:0;margin:0 0 18px;color:#24776e;font-size:12px}.provider-display{border:0;padding:0;margin:0 0 23px;min-width:0}.provider-display legend{font-size:12px;font-weight:500;color:#536675;margin-bottom:10px;padding:0}.provider-display label{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #dce5ea;border-radius:5px;margin-bottom:7px;cursor:pointer;font-size:13px;color:#596f7e}.provider-display label:has(input:checked){border-color:#93c6ba;background:#f0f8f5;color:#246e64}.provider-display input{width:14px;height:14px;min-height:0;padding:0;margin:0;accent-color:#148679}.provider-display small{display:block;font-size:11px;line-height:1.5;color:#85949e;margin-top:8px}.provider-connection{cursor:pointer;outline:none}.provider-connection:hover>path:first-child,.provider-connection:focus-visible>path:first-child{stroke:#52877f;stroke-width:2.2}dialog .provider-field{margin-bottom:16px}dialog .provider-display{margin:19px 0 0}dialog .provider-display legend{font-size:13px}

.routing-crowded{color:#8a6624;background:#fff8e9}.panel-callout.routing-crowded{border-color:#ead9b1}

/* Named canvas containers: only the header moves the group; empty space pans. */
.region-header{cursor:grab;outline:none}.region-header:active{cursor:grabbing}.region-header:focus-visible>rect:first-of-type{stroke:#34a398;stroke-width:2}.region-resize{cursor:nwse-resize;outline:none}.region-resize:focus-visible>rect{stroke:#17564e;stroke-width:3}.region-size{display:grid;grid-template-columns:1fr 1fr;gap:12px}.region-members{padding:0;border:0;margin:18px 0 0;max-height:320px;overflow:auto}.region-members legend{font-size:12px;font-weight:600;color:#536675;margin:0 0 10px}.region-members>label{display:flex;align-items:center;gap:11px;border:1px solid #dce5ea;border-radius:6px;padding:11px;margin-bottom:7px;font-size:13px;cursor:pointer}.region-members>label:has(input:checked){background:#f0f8f5;border-color:#93c6ba}.region-members input{width:16px;min-height:16px;height:16px;padding:0;margin:0;accent-color:#148679;flex:none}.region-members small{display:block;color:#85949e;font-size:11px;margin-top:4px}.region-members span{overflow-wrap:anywhere;min-width:0}.region-content-list{margin-top:22px}.region-members>p{font-size:13px;color:#7b8e99}.toolbar{flex-wrap:wrap;height:auto;min-height:60px;padding-top:9px;padding-bottom:9px}.tool-group{flex-shrink:0}@media(max-width:590px){.toolbar{min-height:91px;padding:10px 10px;gap:7px}.toolbar>.tool-group:first-child{gap:3px;justify-content:space-between}.toolbar .button{padding:0 5px;gap:4px;font-size:12px}.toolbar button svg{width:15px;height:15px}.toolbar>.tool-group:nth-of-type(2){gap:9px}}@media print{.region-resize{display:none}}

/* Visible annotations and direct connection placement controls. */
#diagram .edge-label{cursor:move;outline:none}#diagram .edge-label:focus-visible>rect{stroke:#148679;stroke-width:2}#diagram .bend-handle{cursor:move;outline:none}#diagram .bend-handle:focus-visible>circle:last-child{stroke:#153d36;stroke-width:3}#diagram.placing-bend,#diagram.placing-bend *{cursor:crosshair!important}#diagram .callout{cursor:grab;outline:none}#diagram .callout:active{cursor:grabbing}#diagram .callout:focus-visible .callout-body{stroke:#148679;stroke-width:2.5}.connection-controls .control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connection-controls .button{justify-content:center;padding:0 8px;font-size:12px}.connection-controls>small{display:block;color:#85949e;font-size:11px;line-height:1.6;margin-top:12px}.callout textarea{min-height:130px}.toolbar>.tool-group:first-child{flex-wrap:wrap;flex-shrink:1}#properties textarea[name=text]{min-height:145px}@media(max-width:590px){.toolbar{min-height:128px}.toolbar>.tool-group:first-child{justify-content:flex-start;gap:5px}.inspector{top:128px}.canvas-hint{display:none}}@media print{.bend-handle{display:none}}
@media(max-width:820px){.inspector{top:var(--toolbar-height,60px)}}
.connection-controls{margin:12px 0 24px;padding:16px 0;border-bottom:1px solid #e8eef1}.connection-controls .panel-callout{margin-top:0}.connection-controls h4{margin-bottom:12px}

/* Optional payment sequence; badges travel with their connection label. */
.canvas-top{flex-wrap:wrap;justify-content:flex-start}.object-count{margin-left:auto}.numbering-tools{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#fff;border:1px solid #dfe7ec;border-radius:7px}.numbering-switch{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 6px;border:0;background:transparent;font-size:12px;white-space:nowrap}.switch-track{width:26px;height:16px;background:#c3cfd6;border-radius:10px;padding:3px;flex:none}.switch-track:before{content:'';display:block;width:10px;height:10px;background:#fff;border-radius:50%}.numbering-switch[aria-checked=true] .switch-track{background:#148679}.numbering-switch[aria-checked=true] .switch-track:before{transform:translateX(10px)}.numbering-tools .text-button{color:#24776e}.payment-number-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-8px 0 20px;font-size:12px;color:#657b88}.payment-number-status span{white-space:nowrap}dialog:has(.numbering-editor){width:640px;max-height:calc(100vh - 24px)}dialog:has(.numbering-editor) #modal-form{display:flex;flex-direction:column;max-height:calc(100vh - 26px)}dialog:has(.numbering-editor) .dialog-heading,dialog:has(.numbering-editor) .dialog-actions{flex-shrink:0}dialog:has(.numbering-editor) .dialog-body{overflow:auto}.numbering-editor>p{font-size:13px;line-height:1.6;color:#718591;margin:12px 0}.numbering-editor .check-label{margin:10px 0 18px}.numbering-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;font-size:14px}.numbering-editor .numbering-note{font-size:12px;margin:10px 0}.payment-numbering-list{max-height:340px;overflow:auto;padding:3px}.numbering-group-label{font-size:11px;font-weight:600;letter-spacing:.3px;color:#728591;margin:14px 0 8px}.numbering-row{display:flex;align-items:center;gap:9px;border:1px solid #dce5ea;border-radius:7px;background:#fff;padding:10px 9px;margin-bottom:8px}.numbering-row.included{background:#f7fbfa}.numbering-row input[type=checkbox]{width:16px;height:16px;min-height:0;flex:none;padding:0;margin:0;accent-color:#148679}.numbering-grip{border:0;background:none;font-size:22px;color:#8398a2;padding:4px 0;width:22px;flex:none;cursor:grab}.numbering-grip:active{cursor:grabbing}.numbering-grip:disabled{cursor:default;opacity:.2}.numbering-badge{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;border:1px solid #148679;border-radius:15px;color:#148679;background:white;font-size:12px;font-weight:600;padding:0 6px;flex:none}.excluded .numbering-badge{border-color:#d7e0e5;color:#92a2ad}.numbering-description{flex:1;min-width:0;overflow-wrap:anywhere}.numbering-description strong{font-size:13px;font-weight:600;display:block;line-height:1.4}.numbering-description small{display:block;font-size:11px;color:#7c919d;margin-top:4px;line-height:1.5}.numbering-moves{display:flex;flex:none;gap:2px}.numbering-moves button{border:1px solid #dce5ea;width:30px;height:30px;background:white;font-size:17px}.numbering-empty{font-size:13px;color:#7b8e99;line-height:1.6}.numbering-row.is-dragging{opacity:.5}.numbering-row.drop-before{box-shadow:0 -3px #148679}.numbering-row.drop-after{box-shadow:0 3px #148679}.numbering-editor .numbering-status{color:#24776e;font-size:12px;min-height:19px;margin:10px 0 0}@media(max-width:590px){.canvas-top{gap:8px}.numbering-tools{padding:0 4px}.numbering-switch{font-size:11px;min-height:30px}.numbering-tools .text-button{font-size:11px}.numbering-row{gap:6px;padding:8px 5px}.numbering-moves{flex-direction:column}.numbering-grip{width:16px}.numbering-editor .check-label{font-size:13px}dialog:has(.numbering-editor) .dialog-body{padding:6px 16px 16px}.numbering-badge{padding:0 4px;min-width:24px}}

/* Application workspace and local document library. */
#app-loading{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#f7f9fb;color:#385665;font-size:16px}.workspace-actions{display:flex;gap:7px;align-items:center}.document-bar{gap:12px}.document-title{flex-shrink:1}.local-notice{font-size:11px;color:#7a8f9d;background:#f7f9fbe6;border-radius:4px;padding:5px 8px}.save-status.save-error{color:#aa453d;font-weight:600}.misc-key{width:24px;border-top:1.5px dotted #586eac}.library-list{max-height:400px;overflow:auto}.library-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e2eaef;padding:15px 0}.library-row>div:first-child{min-width:0}.library-row strong{font-size:14px;display:block;overflow-wrap:anywhere}.library-row small{display:block;margin-top:7px;font-size:11px;color:#788e9b}.library-actions{display:flex;gap:4px;align-items:center;flex:none}dialog:has(.library-list){width:620px}.kind-picker{gap:6px}.kind-picker label{padding:10px 7px;font-size:12px}.kind-picker input{flex:none}.canvas{background-color:var(--canvas-colour,#f7f9fb);background-image:radial-gradient(var(--canvas-dot,#d7e0e6) .75px,transparent .75px)}.connection-controls{margin-top:12px}.legend{gap:19px}@media(max-width:1180px){.save-status.save-error{display:inline;font-size:10px;max-width:100px}.legend{gap:13px}}@media(max-width:680px){.document-title .document-label{display:none}#diagram-title{width:200px}.workspace-actions .button{font-size:12px;padding:0 8px}.document-bar{padding:0 12px}.local-notice{display:none}}@media(max-width:480px){.document-bar{height:auto;min-height:100px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:3px}.document-title{width:100%}#diagram-title{width:calc(100vw - 44px)}.workspace-actions{width:100%;justify-content:flex-end}.workspace-actions .button{height:29px}.editor{height:calc(100vh - 157px)}.topbar{gap:3px}.file-actions .button{gap:4px}.legend{gap:10px}.legend span{font-size:10px}.view-switch button{padding:6px;font-size:10px}.library-row{gap:5px}.library-actions{gap:0}.library-actions .button{padding:0 7px}.save-status.save-error{display:none}.canvas-top{gap:6px}}