:root{font-family:Arial,sans-serif;background:#f5f6f8;color:#15171a}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:48px 24px}.card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:24px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}h1{font-size:38px;margin-bottom:8px}p{line-height:1.55}.wide{max-width:1500px}.editorbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.builder{display:grid;grid-template-columns:250px 1fr;grid-gap:16px;gap:16px}.builder aside,.builder section{background:#fff;border:1px solid #ddd;padding:16px}.builder aside button{display:block;width:100%;margin:5px 0;text-align:left}.preview{margin:auto;border:1px solid #bbb;min-height:600px;transition:max-width .2s}.canvas-section{border:1px dashed #aaa;padding:16px;margin:10px}.canvas-section>div{display:flex;justify-content:space-between}.canvas-section label{display:grid;grid-template-columns:180px 1fr;grid-gap:10px;gap:10px;margin:10px 0}.canvas-section input:not([type=checkbox]),.canvas-section select,.canvas-section textarea{width:100%}@media(max-width:800px){.builder{grid-template-columns:1fr}}