:root{--bg:#0b1220;--muted:#9aa4b2;--accent1:#7c3aed;--accent2:#06b6d4}*{box-sizing:border-box}html,body,#__next{height:100%}body{color:#0b1220;-webkit-font-smoothing:antialiased;background:#f4f7fb;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.editor-shell{flex-direction:column;min-height:100vh;display:flex}.editor-topbar{background:linear-gradient(90deg,#fff,#f7fbff);border-bottom:1px solid #e6eef8;justify-content:space-between;align-items:center;height:64px;padding:8px 18px;display:flex}.editor-body{align-items:flex-start;gap:16px;padding:16px;display:flex}.editor-center{flex:1;min-width:0}.editor-right{background:#fff;border-radius:12px;width:360px;max-width:360px;overflow:hidden;box-shadow:0 6px 30px #1018280f}.preview-floating{z-index:60;color:#fff;background:linear-gradient(90deg,#0b1220,#081026);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #02061799}.btn{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:8px;padding:8px 12px;font-size:14px}.btn.primary{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;border:none}.btn.outline{background:0 0;border:1px dashed #1018280f}.active-edit{outline:2px dashed var(--accent1);outline-offset:4px;border-radius:6px;padding:4px}@media (max-width:900px){.editor-right{display:none}.preview-floating{left:12%}}