.admin{max-width:1540px;padding:30px 22px;margin:auto}
.admin main{max-width:none}
.visual-editor{display:grid;grid-template-columns:minmax(340px,500px) minmax(420px,1fr);gap:24px;align-items:start;margin-top:18px}
.visual-editor[hidden]{display:none!important}
.editor-form-column{min-width:0}
.editor-form-column .panel{margin:0 0 18px}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5;background:#f7f8fceb;border:1px solid #e1e6f0;backdrop-filter:blur(12px);padding:10px 12px;margin-bottom:12px;border-radius:13px;box-shadow:0 4px 16px #1824520e}
.editor-toolbar span{font-size:.82rem;font-weight:650;color:#52637b}
.editor-toolbar span[data-dirty="true"]{color:#a75a19}
.editor-toolbar button{white-space:nowrap;min-height:40px}
.editor-preview-panel{position:sticky;top:16px;border:1px solid #dce3f1;background:#e9edfa;border-radius:18px;padding:16px;box-shadow:0 14px 36px #15264d13;min-width:0;max-height:calc(100vh - 30px);overflow:auto}
.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.preview-heading strong{display:block;font-size:1rem}
.preview-heading small{font-size:.75rem;color:#66728b;line-height:1.5;display:block;margin-top:4px}
.preview-modes{display:flex;gap:4px;background:#d9e0f3;padding:4px;border-radius:10px}
.preview-modes button{min-height:34px;padding:6px 10px;border:0;color:#394a72;background:transparent;font-size:.75rem}
.preview-modes button[aria-pressed="true"]{background:white;color:#273dab;box-shadow:0 1px 6px #15264d22}
.preview-frame{overflow:hidden;margin:auto;background:white;border:1px solid #c9d3e8;border-radius:14px;box-shadow:0 10px 30px #15264d24;min-height:400px}
.preview-frame iframe{display:block;border:0;background:white;transform-origin:top left}
.editor-preview-panel>.fine-print{margin:13px 3px 0}
.palette-picker{border:1px solid #dce3f4;border-radius:12px;padding:14px 16px;margin:18px 0;background:#fbfcff}
.palette-picker legend{font-weight:700;font-size:.86rem;padding:0 5px}
.palette-choice{display:inline-flex;align-items:center;gap:9px;background:white;border:1px solid #dfe5f4;border-radius:10px;padding:10px 12px;margin:4px 4px 4px 0;cursor:pointer;font-size:.78rem}
.palette-choice:has(input:checked){border-color:#5166d5;background:#f0f2ff}
.palette-choice input{width:18px;height:18px;min-height:18px;margin:0;accent-color:#3445d1}
.palette-dot{width:23px;height:23px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #d4dbea}
.palette-dot.indigo{background:linear-gradient(135deg,#2937aa 50%,#c5f36b 50%)}
.palette-dot.mint{background:linear-gradient(135deg,#0b635d 50%,#d7ef8d 50%)}
.palette-dot.sunset{background:linear-gradient(135deg,#91445d 50%,#ffe08d 50%)}
@media(max-width:1000px){.visual-editor{grid-template-columns:1fr}.editor-preview-panel{position:relative;top:0;max-height:none;grid-row:1}.editor-form-column .panel{margin-bottom:16px}}
@media(max-width:600px){.admin{padding:18px 12px}.editor-toolbar{top:0}.preview-heading{flex-wrap:wrap}.visual-editor{display:block}.editor-preview-panel{margin-bottom:15px}.palette-choice{width:100%}}