.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px}.canvas-scroll{background:#edf0f6;border:1px solid var(--line);border-radius:12px;overflow:auto;min-height:640px}.canvas-size{position:relative}.canvas{width:1000px;height:650px;position:relative;transform-origin:0 0;background-image:radial-gradient(#c3cad8 1px,transparent 1px);background-size:20px 20px}.frame{position:absolute;top:75px;bottom:30px;width:290px;border:1px dashed #acb8cc;border-radius:8px}.frame span{position:absolute;top:-37px;font-size:14px;letter-spacing:-.2px;font-weight:750;color:#64728a}.frame.one{left:25px}.frame.two{left:355px}.frame.three{left:685px}.sticky{position:absolute;width:180px;min-height:140px;padding:20px;box-shadow:2px 5px 12px #202f4116;border:2px solid transparent;border-radius:3px;cursor:grab;touch-action:none;user-select:none;font-size:16px;line-height:1.5;word-break:break-word}.sticky p{margin:0 0 16px;white-space:pre-wrap;pointer-events:none}.sticky footer{font-size:10px;display:flex;justify-content:space-between;pointer-events:none}.sticky.selected{border-color:#7653ca;box-shadow:0 0 0 3px #7653ca22,2px 5px 12px #202f4116}.sticky.yellow{background:#fff0b0}.sticky.blue{background:#d3e6ff}.sticky.rose{background:#fadddf}.sticky.white{background:#fff}.sticky.locked{cursor:default}.canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.canvas path{fill:none;stroke:#8293ae;stroke-width:2.4}.property-panel{align-self:start}.property-panel .actions{gap:6px}.property-panel button{font-size:12px;padding:9px}.property-panel input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}.property-panel label{font-size:12px}.canvas-tools{margin-bottom:18px;justify-content:space-between}.canvas-tools .subtle{max-width:300px}.board-layout+.callout{margin-top:18px}.board-layout .panel{padding:18px}.canvas-size:focus{outline:none}@media(max-width:1050px){.board-layout{grid-template-columns:1fr}.property-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.property-panel h2{grid-column:1/-1}.property-panel .actions{grid-column:1/-1}.canvas-scroll{min-height:500px}.property-panel textarea{min-height:70px}}@media(max-width:700px){.canvas-scroll{min-height:440px}.property-panel{display:block}.canvas-tools .subtle{max-width:none}.canvas-tools button{font-size:12px}}