.re-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e2e5ef;border-radius:14px;padding:14px;margin:12px 0}.re-toolbar>div{margin-right:auto}.re-toolbar strong,.re-toolbar small{display:block}.re-toolbar small{font-size:12px;color:#667085;margin-top:4px}.re-toolbar button,.re-inspector button{background:#fff;border:1px solid #d9ddeb;border-radius:8px;padding:8px 11px;color:#34344a;cursor:pointer;font-size:12px}.re-toolbar button:disabled,.re-inspector button:disabled{opacity:.45;cursor:default}.re-stage{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:14px;align-items:start}.re-stage .ri-preview{min-width:0;background-color:#eef0f6;background-image:radial-gradient(#ced3df 1px,transparent 1px);background-size:16px 16px;padding:22px;touch-action:none}.re-stage .ri-preview svg{box-shadow:0 8px 25px #25244618;max-width:100%;height:auto}.re-inspector{background:#fff;border:1px solid #e2e5ef;border-radius:14px;padding:15px;position:sticky;top:90px}.re-inspector h3{margin:0 0 9px;font-size:15px}.re-help{color:#667085;font-size:11px;line-height:1.6}.re-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin:16px 0}.re-fields label{font-size:11px;color:#475467;min-width:0}.re-fields input,.re-fields select{width:100%;box-sizing:border-box;border:1px solid #d9ddeb;border-radius:7px;padding:7px;background:#fafbff;color:#26253f;font-size:12px;margin-top:5px}.re-fields input[type=color]{height:33px;padding:3px}.re-fields input:disabled,.re-fields select:disabled{opacity:.45}.re-stage [data-editor-id]{cursor:move}#reSelection{font-size:12px;color:#6955e8;overflow-wrap:anywhere;border-top:1px solid #eef0f5;padding-top:10px}.re-stage .ri-preview:focus-visible{outline:2px solid #6955e8;outline-offset:3px}@media(max-width:1050px){.re-stage{grid-template-columns:minmax(0,1fr)}.re-inspector{position:static}.re-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.re-fields{grid-template-columns:1fr 1fr}.re-stage .ri-preview{padding:8px}.re-toolbar button{padding:7px}.re-inspector{padding:12px}}
@media print{.re-toolbar,.re-inspector{display:none!important}.re-stage{display:block}.re-stage .ri-preview{padding:0;background:none}} .re-inspector #reElementSelect{width:100%;font-size:12px;border:1px solid #d9ddeb;border-radius:7px;padding:7px;background:#fafbff}.re-fields .re-visible{display:flex;align-items:center;gap:6px}.re-fields .re-visible input{width:auto;margin:0}

/* Selection chrome never changes report paint and is absent from exported SVG. */
.re-selection-overlay{position:fixed;z-index:30;pointer-events:none;overflow:hidden;contain:layout paint}.re-selection-overlay[hidden]{display:none}.re-selection-box{position:absolute;box-sizing:border-box;border:1.5px solid #7655e8;pointer-events:none;min-width:2px;min-height:2px}.re-selection-handle{position:absolute;width:7px;height:7px;box-sizing:border-box;border:1px solid #7655e8;background:#fff;border-radius:2px}.re-selection-handle:nth-child(1){top:-4px;left:-4px}.re-selection-handle:nth-child(2){top:-4px;right:-4px}.re-selection-handle:nth-child(3){bottom:-4px;left:-4px}.re-selection-handle:nth-child(4){bottom:-4px;right:-4px}.re-stage .ri-preview svg{user-select:none}.re-stage .ri-preview[data-editor-tool=hand],.re-stage .ri-preview.re-space-pan,.re-stage .ri-preview[data-editor-tool=hand] [data-editor-id],.re-stage .ri-preview.re-space-pan [data-editor-id]{cursor:grab}.re-stage .ri-preview.re-panning,.re-stage .ri-preview.re-panning [data-editor-id]{cursor:grabbing}@media print{.re-selection-overlay{display:none!important}}

.re-stage .ri-preview .re-background{cursor:pointer}