@font-face{font-family:Polin;src:url('fonts/polin-light.woff2') format('woff2');font-weight:300;font-display:swap}@font-face{font-family:Polin;src:url('fonts/polin-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Polin;src:url('fonts/polin-bold.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#edf1f7;color:#152742;font-family:Polin,Arial,sans-serif;font-size:16px}.app-header{height:82px;background:#fff;border-bottom:1px solid #dce3ed;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.app-header img{width:205px}.app-header span{color:#5d6c83;font-size:18px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:40px;max-width:1510px;padding:32px;margin:auto;align-items:start}.editor{background:white;border-radius:20px;padding:26px;box-shadow:0 6px 35px #19294308}.step{font:11px Arial;letter-spacing:1.8px;color:#a42a46}.editor h1{font-size:29px;letter-spacing:-.5px;margin:10px 0 7px}.editor-heading>p{color:#6c7b90;margin:0;font-weight:300}.editor section{padding:24px 0 20px;border-bottom:1px solid #e8edf3}h2{font-size:19px;margin:0 0 15px}label{display:block;font-size:15px;margin:15px 0 7px}input:not([type=range]):not([type=checkbox]):not([type=file]),textarea,select{width:100%;border:1px solid #d8e0ec;border-radius:9px;padding:11px 12px;font:16px Polin,Arial;color:#192d4e;background:#fafbfd;outline:none}input:focus,textarea:focus,select:focus{border-color:#3766d7!important;box-shadow:0 0 0 3px #3766d715}textarea{resize:vertical;line-height:1.5}.hint{font-size:14px;line-height:1.45;color:#6b7b91;margin:8px 0 0}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{margin:0}.text-button{border:0;background:none;color:#4667a2;padding:4px;font:14px Polin;cursor:pointer}.upload{display:block;text-align:center;padding:20px 10px;border:1px dashed #9eb3d4;border-radius:10px;color:#325d9f;background:#f2f6fc;cursor:pointer;position:relative}.upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:2px solid #3766d7}input[type=range]{width:100%;accent-color:#315fc6;direction:ltr}.sliders label{font-size:14px}details{padding-top:21px}summary{cursor:pointer;font-weight:700;font-size:16px}details .check{display:flex;align-items:center;gap:9px}.actions{padding-top:25px;display:grid;gap:10px}button{font-family:inherit}button.primary,button.secondary{width:100%;padding:14px;border-radius:10px;cursor:pointer;font-size:17px;font-weight:700}.primary{background:#17375d;color:white;border:1px solid #17375d}.primary:hover{background:#224f83}.secondary{background:#fff;border:1px solid #becde0;color:#17375d}button:disabled{opacity:.5;cursor:wait}#status{font-size:14px;line-height:1.4;margin:0;color:#526984;min-height:20px}.privacy{font-size:13px;line-height:1.5;color:#78869a;margin-bottom:0}.preview-panel{position:sticky;top:20px;min-width:0;max-width:840px;width:100%;margin:0 auto}.preview-heading{display:flex;justify-content:space-between;font-size:14px;color:#6e7f98;margin:0 2px 14px}canvas{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 20px 70px #10203d22;touch-action:pan-y}.preview-note{font-size:14px;color:#77869b;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px;padding:20px}.editor{padding:20px}}@media(max-width:680px){.app-header{height:68px;padding:0 18px}.app-header img{width:170px}.app-header span{font-size:15px}.workspace{display:flex;flex-direction:column;padding:14px;gap:20px}.preview-panel{position:static;order:0}.editor{order:1;width:100%;padding:23px}.preview-heading{margin-top:3px}.actions{position:sticky;bottom:0;background:#fff;padding:14px 0 10px;z-index:2}.preview-note{margin:10px 0 0}}

.mobile-jump{display:none}html{scroll-behavior:smooth}#edit,#preview{scroll-margin-top:60px}@media(max-width:680px){.mobile-jump{display:flex;position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid #dce3ed;justify-content:center;gap:35px;padding:13px}.mobile-jump a{color:#23487b;font-weight:700;text-decoration:none}}

.hub-link{color:inherit;text-decoration:none;font-weight:700;padding:12px;border-radius:10px}.hub-link:hover{background:#e5ecf6}.hub-link:focus-visible{outline:3px solid #315cff;outline-offset:3px}