/* Shared Velto Studio button style: filled primary and outlined secondary. */
:root body :is(button:not(.artwork), .button, .editor-tabs a, .image-upload) {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  min-height:46px; height:auto; padding:10px 20px; box-sizing:border-box;
  border:1px solid transparent; border-radius:8px;
  background:#c3add0; color:#352241;
  font-family:inherit; font-size:13px; font-weight:600; line-height:24px;
  text-decoration:none; text-align:center; cursor:pointer;
  transition:background-color .15s,border-color .15s;
}
:root body :is(button.secondary,.button.secondary,.editor-tabs a,.date-list button,.filters button,.month-nav button) {
  background:#fff; color:#654478; border-color:#e4d8ee;
}
:root body .filters button.selected {background:#c3add0;color:#352241;border-color:#c3add0}
:root body :is(button:not(.artwork),.button,.editor-tabs a,.image-upload):hover {background:#bba0cb;border-color:#bba0cb}
:root body :is(button.secondary,.button.secondary,.editor-tabs a,.date-list button,.filters button:not(.selected),.month-nav button):hover {background:#f6f1fa;border-color:#c3add0}
:root body :is(button:not(.artwork),.button,.editor-tabs a,.image-upload):focus-visible {outline:3px solid #654478;outline-offset:3px}
:root body button:disabled {opacity:.5;cursor:not-allowed}
:root body .image-upload {display:flex;width:100%;margin-top:12px}
:root body .editor-tabs {gap:10px}
:root body .image-editor-card .editor-actions {gap:8px}
:root body .image-editor-card .editor-actions button {flex:1 1 90px}
:root body .library button {margin-top:8px}
@media(max-width:700px){
 :root body .editor-toolbar .editor-actions>* {padding:10px 6px;white-space:nowrap}
 :root body .editor-tabs a {padding:10px 14px}
}
@media(prefers-reduced-motion:reduce){:root body :is(button,.button,.editor-tabs a,.image-upload){transition:none}}

[hidden]{display:none!important}