.designer-intro{padding:18px}.designer-template-links{display:flex;flex-wrap:wrap;gap:12px}.visual-designer{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.visual-designer .designer-tools{position:sticky;top:12px;background:white;color:#173441;border:1px solid #d4e0e4;border-radius:12px;padding:18px;width:auto;height:auto;max-height:85vh;overflow:auto}.designer-tools h2{font-size:17px}.designer-tools p{font-size:12px;line-height:1.5}.designer-tools button{width:100%;margin:6px 0}.designer-tools input,.designer-tools textarea,.designer-tools select{width:100%;box-sizing:border-box}.designer-tools input[type=checkbox]{width:auto}.designer-stage{background:#dfe7eb;padding:22px;overflow:auto;border-radius:12px}.designer-paper{position:relative;width:100%;max-width:740px;aspect-ratio:210/297;background:white;box-shadow:0 5px 22px #17344126;overflow:hidden;background-image:linear-gradient(#dde6e944 1px,transparent 1px),linear-gradient(90deg,#dde6e944 1px,transparent 1px);background-size:5% 3.535%}.designer-block{position:absolute;box-sizing:border-box;border:1px dashed #a1b6c0;background:#ffffffb8;user-select:none;touch-action:none}.designer-block.is-selected{border:2px solid #137d76}.designer-block-handle{position:absolute;left:0;top:-18px;max-width:100%;font-size:10px;line-height:16px;padding:1px 5px;border-radius:3px;background:#e5f1f1;color:#14534f;cursor:move;white-space:nowrap}.designer-block-content{padding:4px;white-space:pre-wrap;overflow-wrap:anywhere}.designer-block-content table{width:100%;border-collapse:collapse;font-size:inherit}.designer-block-content td{padding:4px;border:1px solid #c6d4da;white-space:normal}.designer-resize{position:absolute;bottom:0;right:0;padding:0;width:17px;height:17px;font-size:13px;line-height:17px;border-radius:0;background:#137d76;cursor:nwse-resize}.designer-preview{background-image:none}.designer-preview .designer-block{border:none;background:none}.designer-preview .designer-block-handle,.designer-preview .designer-resize{display:none}.designer-save{margin:18px 0}.designer-save p{font-size:13px;color:#536b76}@media(max-width:900px){.visual-designer{grid-template-columns:1fr}.visual-designer .designer-tools{position:relative;max-height:none}.designer-stage{padding:22px 10px}}

button.designer-block-handle{color:#14534f!important;margin:0;font:600 10px/16px system-ui,sans-serif}button.designer-resize{margin:0;color:white!important}

.designer-block-content:has(img){height:100%;padding:0}.designer-block-content img{width:100%;height:100%;object-fit:contain}