#pmd-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);display:none;z-index:999999999!important;justify-content:center;align-items:center;padding:20px}.pmd-modal{background:#fff;width:95%;height:95%;border-radius:10px;display:flex;overflow:hidden;position:relative}.pmd-close{position:absolute;right:20px;top:15px;font-size:35px;cursor:pointer;z-index:5;color:#222}.pmd-close:hover{color:red}.pmd-left{flex:70%;background:#eee;display:flex;justify-content:center;align-items:center}.pmd-canvas-wrap{background:#fff;padding:10px;border:1px solid #ddd}#pmd-canvas{width:100%;height:auto}.pmd-right{flex:30%;padding:20px;overflow-y:auto}.pmd-input{width:100%;padding:8px;margin-bottom:10px}.pmd-btn{all:unset}.pmd-real-btn{background:#0073aa;color:#fff;padding:10px;margin:8px 0;border:none;border-radius:5px;cursor:pointer;text-align:center;display:block;width:100%}.pmd-real-btn:hover{background:#005f87}.pmd-reset{background:#555!important}.pmd-reset:hover{background:#333!important}.pmd-save{background:#28a745!important}.pmd-save:hover{background:#1e7e34!important}.pmd-bg-row{display:flex;gap:10px;margin-bottom:10px}.pmd-bg-btn{flex:1;border:2px solid #ddd;padding:10px;text-align:center;background:#fafafa;border-radius:6px;font-size:14px;cursor:pointer}.pmd-bg-btn:hover{background:#f0f0f0}.pmd-bg-btn.pmd-active{border-color:#0073aa;background:#e8f4ff}.pmd-thumb{width:100%;height:auto;margin-top:5px;border:1px solid #ccc}.pmd-open-btn{background:#0073aa;color:#fff;padding:12px 20px;font-size:18px;border-radius:7px;border:none;cursor:pointer}.pmd-open-btn:hover{background:#005f87}@media(max-width:900px){.pmd-modal{flex-direction:column}.pmd-left,.pmd-right{flex:unset;width:100%;height:auto}.pmd-bg-row{flex-direction:column}}html.pmd-lock{overflow:hidden!important;height:100%!important}.pmd-text-row{display:flex;justify-content:space-between;align-items:center!important;gap:25px;width:100%}.pmd-col{display:flex;flex-direction:column;justify-content:center;align-items:center!important;width:50%}.pmd-col label{text-align:center;width:100%;font-weight:600;margin-bottom:5px}.pmd-color-box{width:60px!important;height:40px!important;border:1px solid #ccc;border-radius:6px;cursor:pointer}.pmd-bold-btn{width:120px;height:42px;background:#0073aa!important;color:#fff!important;border:none;border-radius:6px;display:flex!important;justify-content:center;align-items:center;font-size:14px;font-weight:600}button.pmd-reset,.pmd-reset{background:#7d3cff!important;color:#fff!important;border:none!important;box-shadow:none!important}button.pmd-reset:hover,.pmd-reset:hover{background:#6a28ff!important}