/* Front-end button styles (unchanged) */
.myplugin-download{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:0}
.myplugin-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .9rem;border-radius:9999px;text-decoration:none;line-height:1.2;cursor:pointer;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.09));border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 1px rgba(0,0,0,.06);color:inherit;transition:transform .08s ease, box-shadow .2s ease, background .2s ease}
.myplugin-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.myplugin-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.myplugin-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.myplugin-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.myplugin-icon{display:inline-flex}
.myplugin-count{font-size:.85em;opacity:.85}
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (prefers-reduced-motion: reduce){.myplugin-btn{transition:none}}

/* Toast bubble */
.myplugin-toast{position:fixed;min-width:240px;max-width:90vw;padding:12px 16px;border-radius:8px;background:#1e1e1e;color:#fff;font-size:14px;line-height:1.35;box-shadow:0 6px 24px rgba(0,0,0,.25);z-index:99999;display:none}
.myplugin-toast.is-center{left:50%;top:50%;transform:translate(-50%,-50%)}