/* Dedicated editor surface: one sidebar and a large interactive canvas. */
.pe-app{position:fixed;inset:0;z-index:100;background:#e6e8ed;color:#242134;font-family:Arial,sans-serif;display:grid;grid-template-rows:58px minmax(0,1fr) 27px;--pe-accent:#ad1497}.pe-app *{box-sizing:border-box}.pe-app button,.pe-app select{font-family:inherit;font-size:12px;cursor:pointer}.pe-app button:disabled{opacity:.45;cursor:not-allowed}.pe-app [hidden]{display:none!important}.pe-app .page-editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#292237;color:#fff;border:0;border-radius:0;position:static;white-space:nowrap;overflow-x:auto}.page-editor-toolbar a{color:#e6d9ef;font-size:12px;text-decoration:none}.pe-exit{font-size:24px!important;padding:4px 7px}.pe-app .page-editor-toolbar button,.pe-app .page-editor-toolbar select{border:1px solid #ffffff32;background:#ffffff09;color:#fff;border-radius:5px;padding:8px 10px}.pe-app .page-editor-toolbar select option{color:#242134;background:white}.pe-app .page-editor-toolbar .pe-publish{background:var(--pe-accent);border-color:var(--pe-accent);font-weight:700}.pe-theme-state{font-size:10px;padding:5px 8px;background:#2a6254;border-radius:20px}.pe-devices{display:flex;gap:4px;margin-left:auto}.pe-app .page-editor-workspace{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;min-height:0;align-items:stretch}.pe-sidebar{background:#fff;display:flex;flex-direction:column;border-right:1px solid #d7d7e0;min-height:0}.pe-sidebar-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #eee;font-size:13px}.pe-sidebar button{border:1px solid #dedce5;background:#f8f8fb;color:#393348;border-radius:4px;padding:8px}.pe-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e1dfe7}.pe-tabs button{border:0;border-radius:0;background:white;padding:15px 4px;border-bottom:3px solid transparent;color:#726b80}.pe-tabs button[aria-selected=true]{color:var(--pe-accent);border-bottom-color:var(--pe-accent);font-weight:700}.pe-sidebar-scroll{padding:14px;overflow-y:auto;flex:1;min-height:0}.pe-sidebar-scroll h3{font:600 14px Arial;margin:12px 0}.pe-sidebar-scroll p{font-size:11px;color:#797386;line-height:1.6}.pe-sidebar-scroll label{display:block;margin:0 0 14px;padding:12px 0;border-bottom:1px solid #f0eef4;font:12px Arial}.pe-sidebar-scroll input:not([type=checkbox]),.pe-sidebar-scroll select,.pe-sidebar-scroll textarea{display:block;width:100%;padding:8px;margin-top:7px;border:1px solid #d9d6e1;border-radius:5px;background:white;color:#343044;font:12px Arial}.pe-sidebar-scroll input[type=color]{height:36px;padding:3px}.pe-sidebar-scroll input[type=checkbox]{margin:4px 6px;width:auto}.pe-sidebar-scroll textarea{resize:vertical;line-height:1.6}.pe-sidebar-bottom{padding:10px;display:flex;justify-content:space-between;border-top:1px solid #e5e1eb}.pe-app #pe-status{margin:0;padding:6px 14px;background:#f9f9fc;border-top:1px solid #d4d1df;font:11px Arial;color:#655c73;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pe-app .pe-preview{min-width:0;overflow:auto;padding:20px;background:#d9dde5;border-radius:0}.pe-app #pe-frame{display:block;border:0;margin:auto;width:100%;height:100%;min-height:400px;background:white;box-shadow:0 2px 12px #24213425}.pe-structure{position:absolute;bottom:18px;left:318px;width:270px;max-height:60vh;padding:12px;background:#fff;border:1px solid #d4cddd;border-radius:8px;box-shadow:0 10px 30px #22182b40;overflow:auto;z-index:5}.pe-structure>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:13px}.pe-structure p{font-size:10px;color:#71657d}.pe-structure button{cursor:pointer;border:1px solid #dfd9e7;border-radius:4px;background:white;color:#65546f;padding:4px}.pe-card{padding:10px;border:1px solid #eee8f3;margin:6px 0;border-radius:4px;font-size:12px;background:#faf9fd;cursor:grab}.pe-card[aria-selected=true]{background:#f5dff1;border-color:#d385c6}.pe-card button{margin:6px 4px 0 0}#pe-add{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}#pe-add button{padding:18px 6px;text-transform:capitalize;background:#f6f4f9;border-color:#e6e0ed}#pe-widget-panel{border-bottom:1px solid #ddd;margin-bottom:14px}.pe-app[data-active-tab=content] [data-pe-group=style],.pe-app[data-active-tab=content] [data-pe-group=advanced],.pe-app[data-active-tab=style] [data-pe-group=content],.pe-app[data-active-tab=style] [data-pe-group=advanced],.pe-app[data-active-tab=advanced] [data-pe-group=content],.pe-app[data-active-tab=advanced] [data-pe-group=style]{display:none}.pe-app[data-active-tab=advanced] #pe-footer-settings{display:none}
@media(max-width:950px){.pe-app .page-editor-workspace{grid-template-columns:260px minmax(0,1fr)}.pe-structure{left:275px}.pe-app .pe-preview{padding:10px}.pe-theme-state{display:none}}
@media(max-width:650px){.pe-app .page-editor-workspace{grid-template-columns:220px minmax(200px,1fr);overflow-x:auto}.pe-structure{left:230px;width:220px}.pe-sidebar-scroll{padding:10px}.pe-app .page-editor-toolbar{gap:6px;padding:6px}.pe-app .page-editor-toolbar strong{font-size:12px}.pe-tabs button{font-size:11px}}

.pe-drop-marker{border-top:3px solid #b9189c!important;background:#f5ddf1!important}.pe-child-widget{border-left:2px solid #e7d2e5}#pe-removed{display:grid;gap:6px;margin-top:12px}#pe-removed button{text-align:left;font-size:11px;padding:8px}
