.app { display: grid; grid-template-columns: 320px 1fr 380px; height: 100%; }
.left, .right { background: var(--panel); padding: 18px; overflow: auto; }
.center { position:relative; padding: 18px; overflow: hidden; display:flex; flex-direction:column; gap:10px; }

.canvas-host.scroll { position:relative; width:100%; flex:1 1 auto; min-height:0; overflow:auto; border-radius: 6px; background: #0b0e13; box-shadow: inset 0 0 0 1px #1f2736; }
.zoom-layer { position:relative; transform-origin: top left; margin: 12px; }
canvas.work { background:white; box-shadow: 0 8px 30px rgba(0,0,0,.5); border-radius: 0; display:block; }