.dyo-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:.6rem;border:1px solid #d0d7de;background:#fff;cursor:pointer;font-weight:600}
.dyo-btn--primary{background:#eaf8f0;border-color:#b9e6c9}
.dyo-btn--muted{background:#f6f8fa;border-color:#d0d7de}
.dyo-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999}
.dyo-modal__dialog{background:#fff;border-radius:12px;max-width:520px;width:96%;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden}
.dyo-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}
.dyo-modal__body{padding:16px 20px;display:flex;flex-direction:column;gap:8px}
.dyo-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #eee}
.dyo-input{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:8px}
.dyo-label{font-weight:600;margin-top:6px}
.dyo-close{background:#fff;border:none;font-size:22px;line-height:1;cursor:pointer}