:root{--btn-orange:#f6af2f;--btn-green:#ccd5ae}.dpe-editor-section{margin:15px 0;padding:15px;border:2px dashed #667eea;border-radius:8px;background:linear-gradient(135deg,#f8f9ff 0%,#e8ecff 100%);text-align:center}#dpe-open-editor{background:var(--btn-orange);color:#000;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.15s ease,transform 0.08s ease,box-shadow 0.08s ease;box-shadow:-2px -2px 2px rgb(255 255 255 / .8),2px 2px 2px rgb(0 0 0 / .8);text-decoration:none;display:inline-block}#dpe-open-editor:hover{background:var(--btn-green);box-shadow:-2px -2px 2px rgb(255 255 255 / .8),2px 2px 2px rgb(0 0 0 / .8);transform:none}#dpe-open-editor:active{background:var(--btn-green);box-shadow:inset -2px -2px 2px rgb(255 255 255 / .8),inset 2px 2px 2px rgb(0 0 0 / .8);transform:translateY(2px)}@keyframes dpeModalFadeIn{from{opacity:0}to{opacity:1}}@keyframes dpeModalSlideIn{from{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dpe-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:dpeModalFadeIn 0.3s ease-out}.dpe-modal-content{width:95vw;height:95vh;background:#fff;border-radius:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;animation:dpeModalSlideIn 0.3s ease-out;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.dpe-modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.dpe-modal-header h3{margin:0;font-size:18px;color:#333}.dpe-close-btn{background:#f44;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.dpe-close-btn:hover,#dpe-close-modal:hover{background:#f22;transform:scale(1.1)}.dpe-modal-body{flex:1;padding:0}#dpe-editor-iframe{width:100%;height:100%;border:none}