#center-content{display:block!important}#canvas-viewport{width:auto!important;height:auto!important}#layout-grid{position:relative;border:1px solid #ccc;background:#f9f9f9;width:max-content;height:max-content}.grid-cell{background-color:#fff!important;position:absolute;width:60px;height:60px;border:1px dashed #828282;box-sizing:border-box}.block{position:absolute;background:#8fcaff;border-radius:6px;border:2px solid #3a7bd5;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:move;-webkit-user-select:none;user-select:none;z-index:10;transition:top .1s,left .1s,width .1s,height .1s;color:#fff;font-size:16px}.resizer{width:12px;height:12px;background:#333;position:absolute;right:0;bottom:0;cursor:se-resize;z-index:11;border-radius:2px}.highlight{position:absolute;background:#3296ff4d;border:1px dashed #3399ff;pointer-events:none;z-index:5;border-radius:4px}.block:hover{opacity:.9}.block:active{opacity:.7}.block.dragging{box-shadow:0 4px 12px #0000004d}#left-sidebar.row-col-line{display:flex;gap:12px;align-items:center}#left-sidebar .row-col-line .item{flex:1 1 0;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;font-weight:500;color:#172b4d}#left-sidebar .row-col-line input[type=number]{width:100%;min-width:0;height:36px;padding:0 8px;font-size:15px;text-align:center;border:1px solid #dfe1e6;border-radius:6px;background:#fff;transition:border-color .2s,box-shadow .2s}#left-sidebar .row-col-line input[type=number]:focus{outline:none;border-color:#0052cc;box-shadow:0 0 0 3px #0052cc26}#canvas-action-toolbar .action-button{margin-right:4px;padding:4px 8px;border-radius:4px;border:none;background:#3a7bd5;color:#fff;cursor:pointer}#canvas-action-toolbar .action-button.secondary{background:#aaa}#canvas-action-toolbar .action-button.danger{background:#e53e3e}#layout-grid{cursor:pointer}#layout-json{width:100%;font-family:monospace;box-sizing:border-box;padding:8px;font-size:14px;resize:vertical;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5}#right-sidebar button.action-button{margin-top:6px;padding:4px 8px;border-radius:4px;border:none;background:#3a7bd5;color:#fff;cursor:pointer;padding:.625rem 1rem!important}#mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:40;pointer-events:none;transition:opacity .3s ease}#mobile-overlay:not(.hidden){pointer-events:auto}@media (max-width: 767px){#left-sidebar,#right-sidebar{position:fixed;top:0;bottom:0;width:280px;background:#fff;z-index:50;overflow-y:auto;box-shadow:0 0 20px #0000001a}#left-sidebar{left:0;transform:translate(-100%);transition:transform .3s ease}#right-sidebar{right:0;transform:translate(100%);transition:transform .3s ease}#left-sidebar.is-open,#right-sidebar.is-open{transform:translate(0)}.mobile-nav-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.resizer{width:24px;height:24px;background:#007bff;border:2px solid #fff;border-radius:4px;touch-action:none;box-shadow:0 0 4px #0000004d}.grid-cell{width:60px;height:60px}.block{font-size:14px;transition:none}#canvas-action-toolbar .action-button{padding:8px 12px;font-size:14px;min-height:36px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#left-sidebar .row-col-line input[type=number]{height:40px;font-size:16px}.overflow-hidden{overflow:hidden;position:fixed;width:100%}}@media (min-width: 768px){#left-sidebar,#right-sidebar{position:relative;transform:none;width:auto;box-shadow:none;z-index:auto}.mobile-nav-btn{display:none}}button,.action-button,.mobile-nav-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}*{touch-action:pan-x pan-y}.resizer,.block{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.resizer{border-width:1px}}@media (prefers-color-scheme: dark){#layout-grid{background:#2d3748;border-color:#4a5568}.grid-cell{background-color:#1a202c!important;border-color:#4a5568}#left-sidebar,#right-sidebar{background:#1a202c;color:#e2e8f0}#left-sidebar .row-col-line input[type=number]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}}.block,#layout-grid{transform:translateZ(0);will-change:transform}#layout-grid{contain:layout style paint}