.bpd-wrap{margin:12px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bpd-open{background:#008EED!important;color:#fff!important}
.bpd-saved img{height:48px;width:auto;border:1px solid #ddd;border-radius:4px;vertical-align:middle;margin-right:6px}
.bpd-modal{position:fixed;inset:0;z-index:999999;background:rgba(15,25,35,.7);display:none;overflow:auto;-webkit-overflow-scrolling:touch}
.bpd-modal.bpd-on{display:block}
.bpd-panel{background:#fff;max-width:1040px;margin:0 auto;min-height:100%;padding:16px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
@media(min-width:1100px){.bpd-panel{margin:24px auto;min-height:0;border-radius:10px}}
@media(max-width:800px){.bpd-panel{grid-template-columns:1fr}}
.bpd-stage{display:flex;justify-content:center;align-items:flex-start;background:#f3f5f6;border-radius:8px;padding:8px}
.bpd-tools{display:flex;flex-direction:column;gap:10px;font:14px/1.4 Arial,sans-serif}
.bpd-tools h3{margin:0 0 4px;font-size:18px}
.bpd-tools fieldset{border:1px solid #e2e6e8;border-radius:8px;padding:10px;margin:0}
.bpd-tools legend{font-weight:700;padding:0 6px}
.bpd-tools input[type=text],.bpd-tools select{width:100%;box-sizing:border-box;padding:8px;margin-bottom:6px}
.bpd-tools input[type=color]{width:44px;height:34px;padding:0;border:1px solid #ccc}
.bpd-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bpd-btn{background:#eef3f6;border:1px solid #cfd8dd;border-radius:6px;padding:8px 10px;cursor:pointer;font-size:14px}
.bpd-btn.bpd-primary{background:#008EED;border-color:#008EED;color:#fff;font-weight:700}
.bpd-btn.bpd-add{background:#151b20;color:#fff;font-size:16px;padding:12px;width:100%}
.bpd-note{font-size:12px;color:#606970;margin:0}
.bpd-close{position:absolute;right:14px;top:10px;font-size:28px;line-height:1;background:none;border:0;cursor:pointer;color:#fff}
@media(min-width:1100px){.bpd-close{right:calc(50% - 520px);top:-4px}}
.bpd-busy{opacity:.6;pointer-events:none}