.cw-diagram-viewport{flex:1;min-width:0;min-height:240px;position:relative;overflow:hidden}.cw-diagram-viewport>.cw-flow-drawing{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.cw-diagram-viewport>.cw-flow-drawing:active{cursor:grabbing}.cw-diagram-controls{color:#bbb;background:#090909e8;border:1px solid #454545;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:10px;right:10px}.cw-diagram-controls>span{padding:0 8px;font:9px ui-monospace,monospace}.cw-diagram-controls button{color:#eee;cursor:pointer;background:#111;border:1px solid #555;padding:6px 10px;font:12px ui-monospace,monospace}.cw-diagram-controls button:focus-visible,.cw-diagram-node:focus-visible{outline-offset:3px;outline:2px solid #a7e7c7}.cw-diagram-node{cursor:pointer}.cw-diagram-node:hover rect{stroke:#fff;stroke-width:2px}.cw-architecture-name{fill:#eee;font:14px Arial,sans-serif!important}@media (max-width:620px){.cw-diagram-controls>span{display:none}}