| 1 |
.bp-template-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.bp-template-modal{position:relative;background:#fff;border-radius:12px;padding:32px;width:660px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}.bp-template-modal__header{text-align:center;margin-bottom:24px;padding-right:28px}.bp-template-modal__header h2{font-size:20px;font-weight:700;margin:0 0 6px;color:#1e1e2d}.bp-template-modal__header p{color:#8a8fa6;font-size:13px;margin:0}.bp-template-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:16px;color:#8a8fa6;cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px}.bp-template-modal__close:hover{color:#1e1e2d;background:#e2e4e9}.bp-template-modal__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px}.bp-template-modal__loading{display:flex;align-items:center;justify-content:center;padding:40px 0;font-size:14px;color:#8a8fa6}.bp-template-modal__error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:16px}.bp-template-card{border:2px solid #e2e4e9;border-radius:10px;padding:18px;background:#fafafa;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.bp-template-card:hover{border-color:#6b63f6;background:#f5f3ff;box-shadow:0 4px 16px rgba(107,99,246,.15)}.bp-template-card__thumb{display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid #e2e4e9;border-radius:6px;padding:10px}.bp-template-card__thumb svg{display:block}.bp-template-card__info{display:flex;flex-direction:column;gap:3px}.bp-template-card__info strong{font-size:13px;font-weight:600;color:#1e1e2d}.bp-template-card__info span{font-size:11px;color:#8a8fa6} |
