.drd-toolbar {
    display:flex; gap:8px; justify-content:flex-end; margin:0 0 8px;
}
.drd-btn{
    appearance:none; border:1px solid #0ea5e9; background:#0284c7; color:#fff;
    padding:8px 12px; border-radius:8px; font-weight:600; cursor:pointer;
}
.drd-btn:hover{ background:#0369a1; }

/* Export mode – dočasne prepnuté len počas snapshotu */
.drd-exporting {
    background:#fff !important;
}
.drd-exporting * {
    animation: none !important;
    transition: none !important;
}
.drd-wrap {
    /* nič špeciálne; dôležité je, že exportujeme celý scrollWidth/scrollHeight */
}


/* počas snapshotu – žiadne tiene a filtre (eliminácia halo) */
.drd-exporting, .drd-exporting * , .drd-exporting *::before, .drd-exporting *::after{
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
}

/* ak máš bubliny s polopriehľadnými koncami/pseudoelementmi,
   nech pri exporte zdedia presnú farbu výplne */
.drd-exporting .drd-bubble::before,
.drd-exporting .drd-bubble::after,
.drd-exporting .bubble::before,
.drd-exporting .bubble::after{
    background: inherit !important;
    box-shadow: none !important;
}

/* zabráni „presvitaniu“ pozadia cez zaoblenie */
.drd-exporting .drd-bubble,
.drd-exporting .bubble,
.drd-exporting .node,
.drd-exporting .cell{
    background-clip: padding-box !important;
}