.map-layout-tool{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:#f1f5f9}.layout-main-area{flex:1;display:flex;position:relative;overflow:hidden}.tools-panel,.properties-panel{width:300px;display:flex;flex-direction:column;z-index:20;box-shadow:0 4px 6px -1px #0000001a}.properties-panel{width:320px}.layout-workspace{flex:1;position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;padding:40px}.layout-page-container{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;position:relative}.layer-stack{position:absolute;top:0;left:0;width:100%;height:100%}.layer-map{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.layer-canvas{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.layer-canvas.tool-active{pointer-events:auto}.layer-canvas.tool-pan{pointer-events:none}.layer-layout{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none}.canvas-container{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;z-index:10}@media print{.tools-panel,.properties-panel,.layout-toolbar,.site-header{display:none!important}.map-layout-tool{height:auto;width:auto;background:#fff}.layout-workspace{padding:0;overflow:visible}.layout-page-container{box-shadow:none;margin:0}}@media(max-width:768px){.tools-panel{position:absolute;left:0;top:0;bottom:0;height:100%;width:250px;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:100;box-shadow:4px 0 15px #00000026}.tools-panel.open{transform:translate(0)}.properties-panel{position:absolute;right:0;top:0;bottom:0;height:100%;width:300px;max-width:90vw;transform:translate(100%);transition:transform .3s ease-in-out;z-index:100;box-shadow:-4px 0 15px #00000026;overflow-x:hidden}.properties-panel.open{transform:translate(0)}.layout-workspace{padding:10px}.mobile-backdrop{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(2px);z-index:90}.mobile-menu-btn{position:absolute;top:10px;z-index:90;background:#fff;padding:5px;border-radius:4px;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e2e8f0}.mobile-menu-btn.left{left:10px}.mobile-menu-btn.right{right:10px}}