.visual-editor{max-width:none}.visual-toolbar{position:sticky;top:0;background:#fffdf8;z-index:20;padding:12px;border:1px solid #d7cbbb;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.visual-toolbar h1{font-size:22px;margin:0}.visual-toolbar label{margin:0}.visual-toolbar select{min-width:130px}.visual-toolbar input[type=checkbox]{width:auto}.visual-devices{display:flex;gap:5px}.visual-devices [aria-pressed=true]{background:#254c38;color:white}.visual-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.visual-sidebar{padding:14px;background:#fffdf8;border:1px solid #e4d8c5;align-self:start}.visual-sidebar>button{width:100%;margin-bottom:8px;text-align:left}.visual-sidebar h2,.visual-sidebar h3{font-size:17px}.visual-section{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e3dbce;padding:8px 0}.visual-section label{flex:1;font-size:13px;margin:0}.visual-section input{width:auto}.visual-section button{padding:3px 7px}.visual-stage{background:#ece9e3;padding:12px;overflow:auto}#visual-frame-wrap{width:100%;min-width:720px;margin:auto}#visual-frame-wrap.mobile{width:390px;min-width:390px}#visual-frame{display:block;width:100%;height:78vh;min-height:560px;border:0;background:white}#visual-dialog{max-width:620px;width:calc(100vw - 32px);max-height:90vh;overflow:auto;border:1px solid #bca786;border-radius:12px;padding:20px}#visual-dialog::backdrop{background:#0006}#visual-dialog label{display:block;margin:12px 0}#visual-dialog input[type=checkbox]{width:auto}#visual-dialog textarea{width:100%;white-space:pre-wrap}#visual-error{color:#ac2430}.visual-image-preview{max-height:220px;max-width:100%;object-fit:contain;background:#f2ece4}.visual-list-row{padding:14px;border:1px solid #ded3c3;margin:12px 0}.visual-list-row button{margin-right:8px}#visual-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;max-width:min(620px,90vw);background:#244d38;color:white;padding:16px 24px;border-radius:10px;box-shadow:0 8px 28px #0003}#visual-toast.error{background:#8f2730}.admin:has(.visual-editor){max-width:1600px}@media(max-width:800px){.visual-workspace{grid-template-columns:1fr}.visual-sidebar{max-height:250px;overflow:auto}.visual-toolbar{position:relative}.visual-stage{padding:4px}}