.format-editor{width:min(1080px,96vw);max-height:94dvh;border:1px solid #dfe2f2;border-radius:24px;padding:0;color:#18213b;background:#fff;overflow:auto}.format-editor::backdrop{background:#131b3b99}.format-editor>header,.format-editor>footer{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:white}.format-editor h2{font-size:28px;margin:0}.format-editor [data-close]{background:none;border:1px solid #dfe2f2;border-radius:12px;font-size:28px;width:44px;height:44px}.format-editor-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:0 26px 24px}.format-preview{position:sticky;top:16px;align-self:start;min-width:0}.format-preview canvas{display:block;max-width:100%;max-height:68dvh;width:auto;height:auto;margin:auto;box-shadow:0 14px 40px #19253b22;border-radius:10px}.format-editor p{font-size:14px;line-height:1.6;color:#5c6680}.format-editor label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}.format-editor input,.format-editor textarea,.format-editor select{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;font-weight:400;border:1px solid #d8dfed;border-radius:10px;padding:11px;margin-top:6px}.format-editor fieldset{border:1px solid #dfe3ee;border-radius:14px;margin:0 0 18px;padding:16px}.format-editor legend{padding:0 8px}.format-row-actions{display:flex;gap:8px;flex-wrap:wrap}.format-row-actions button{border:1px solid #dfe3ee;border-radius:8px;padding:7px 12px;background:#fff;color:#333}.format-editor>footer{position:sticky;bottom:0;justify-content:flex-end;border-top:1px solid #e6e8f1}.format-editor [aria-invalid=true]{border-color:#b42a41}.format-data-panel{padding:16px;border:1px solid #e0dff4;border-radius:14px;background:#f7f7ff;margin:22px 0}.format-data-panel p{font-size:14px;line-height:1.5;margin:0 0 12px}.format-editor :focus-visible{outline:3px solid #665cff;outline-offset:3px}.format-editor button:disabled{opacity:.45}.format-editor [hidden],.format-data-panel[hidden]{display:none!important}
@media(max-width:720px){.format-editor-body{grid-template-columns:1fr;padding:0 16px 18px}.format-preview{position:static}.format-preview canvas{max-height:34dvh}.format-editor>header,.format-editor>footer{padding:16px}.format-editor h2{font-size:23px}.format-editor{border-radius:18px}.format-editor>footer .button{flex:1}}

.canvas-stage canvas{width:auto;height:auto;max-height:min(65vh,650px);max-width:100%;object-fit:contain}.preview-controls{flex-wrap:wrap}.slide-item canvas{height:auto}.editor-actions{flex-wrap:wrap}

@media(max-width:720px){.canvas-stage canvas{max-height:58vh}}