/* Small presentation/accessibility adjustments scoped to the embedded demo. */
.demo-download{display:inline-block;padding:10px 16px;background:#294b3c;color:white;border-radius:7px;margin-right:10px;text-decoration:none;font-size:13px}
#interactionStatus{left:12px;bottom:12px;transform:none;max-width:calc(100% - 300px);font-size:11px}.connect-mode .canvas-footer>span,.swap-mode .canvas-footer>span{visibility:hidden}
@media(max-width:700px){#interactionStatus{bottom:65px;max-width:calc(100% - 24px);font-size:11px}}
.app-header{height:64px;padding:0 18px;gap:18px}body{grid-template-rows:64px minmax(0,1fr);grid-template-columns:56px minmax(0,1fr)}.brand{font-size:22px;padding-right:22px}.brand img{width:27px;height:27px}.library{left:56px;top:64px}.rail{gap:17px}.header-actions{gap:8px}#saveState{font-size:10px}#demoAI,#demoEdit,#export{font-size:12px;min-height:36px;padding:8px 11px}.toolbar{top:16px;left:18px}.canvas-footer{bottom:15px}.demo-dialog{max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px);overflow:auto;line-height:1.7}.demo-dialog h2{font-size:24px;font-weight:500;margin:8px 0 16px}.demo-dialog p,.demo-dialog li{font-size:13px;color:#62715a}.demo-dialog li{margin-bottom:12px}.demo-dialog ol{padding-left:20px}.demo-dialog button{background:#294b3c;color:white}.demo-dialog [data-cancel]{background:white;color:#294b3c}.library-bottom small{line-height:1.6}.app-header .map-heading{min-width:50px}#canvas{touch-action:none}.node .port:focus-visible{outline:2px solid #294b3c}button:focus-visible,a:focus-visible{outline-offset:2px}
@media(max-width:900px){#saveState{display:none}.brand{font-size:0;padding-right:10px;gap:0}.header-actions{gap:5px}#mapTitle{font-size:16px;min-width:60px}.app-header{gap:8px;padding:0 10px}.toolbar{max-width:calc(100% - 24px);flex-wrap:wrap}.library{left:48px}body{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:520px){.app-header{height:60px}body{grid-template-rows:60px minmax(0,1fr);grid-template-columns:40px minmax(0,1fr)}.brand{display:none}.library{left:40px;top:60px;width:calc(100vw - 40px)}#demoAI{display:none}#demoEdit,#export{font-size:10px;padding:7px 8px;min-height:34px}.rail .icon-button{width:34px}.rail{gap:14px}#mapTitle{font-size:14px;min-width:60px;max-width:calc(100% - 24px)}#mapMenu{width:24px}.toolbar{top:10px;left:8px;max-width:calc(100% - 16px);gap:0}.toolbar .icon-button{width:28px;height:31px}.toolbar .icon-button img{width:19px;height:19px}.toolbar i{margin:0 1px}.toolbar #undo,.toolbar #redo{width:26px}.inspector{right:8px;top:70px;width:calc(100% - 56px);max-width:300px}#quickFormat{display:none!important}.canvas-footer{left:7px;right:7px;bottom:10px}.zoom button{padding:7px}.zoom{gap:1px}.zoom .icon-button{width:28px}#zoomValue{min-width:36px}.demo-dialog{padding:20px}#interactionStatus{font-size:11px}}