*{box-sizing:border-box}body{margin:0;background:#f1f5fb;color:#17293f;font-family:Inter,system-ui,-apple-system,sans-serif}header{display:flex;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid #dce4f0}a{color:#315fdb;text-decoration:none;font-size:14px;font-weight:600}main{padding:38px 4vw}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.heading span{letter-spacing:2px;font-size:10px;color:#77899f;font-weight:700}h1{font-size:38px;letter-spacing:-1.5px;margin:12px 0}p{color:#677e98;font-size:14px;line-height:1.6}button{cursor:pointer;border:1px solid #d8e0ee;background:#fff;border-radius:10px;padding:12px 17px;font:600 13px system-ui;color:#345579}#save{background:#315fdb;color:#fff;white-space:nowrap;border:0;box-shadow:0 4px 14px #315fdb24}button:disabled{opacity:.5;cursor:wait}.layout{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:30px;align-items:start}form{display:grid;gap:20px}section{padding:24px;border-radius:22px;border:1px solid #fff;background:#ffffffc9;box-shadow:0 10px 28px #23375707}h2{font-size:18px;margin:0 0 22px}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;margin-top:8px;border:1px solid #d5dfef;border-radius:10px;padding:12px;background:#fff;font:inherit;color:#21344c}input[type=color]{height:44px;padding:5px!important;max-width:100px}small{display:block;color:#7b8da5;font-size:11px;line-height:1.5;font-weight:400}.templates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.templates label{position:relative;margin:0;border:1px solid #d9e4f5;border-radius:12px;overflow:hidden;padding:10px;cursor:pointer}.templates label:has(:checked){outline:2px solid #315fdb}.templates input{position:absolute;right:12px;top:12px}.mini{display:block;height:74px;background:linear-gradient(130deg,#101c2f 65%,#315fdb 65%);border-radius:7px;margin-bottom:9px}.minimal{background:linear-gradient(130deg,#e6ebf3 65%,#315fdb 65%)}.sections{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sections label{padding:12px;border-radius:9px;border:1px solid #dce4f0;margin:0}input{accent-color:#315fdb}.note{font-size:12px}aside{position:sticky;top:20px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px}.preview-toolbar button{padding:8px;font-size:11px}.preview-toolbar [aria-pressed=true]{background:#e2ebff;color:#315fdb}iframe{width:100%;height:72vh;min-height:500px;border:1px solid #d7e2ef;border-radius:18px;background:white;display:block;margin:auto;transition:width .2s}iframe.mobile{width:min(390px,100%)}#status:empty{display:none}#status{padding:12px 16px;background:#e7eefb;border-radius:12px}#status.error{background:#fff0eb;color:#ab543b}aside>p{font-size:11px;text-align:center}[hidden]{display:none!important}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static;order:-1}iframe{height:460px;min-height:0}.heading{align-items:start;flex-direction:column}h1{font-size:30px}main{padding:25px 18px}header{padding:18px}.heading p{max-width:430px}}