@font-face{font-family:'Everyday Sans';src:url('./fonts/EverydaySans-Regular.otf') format('opentype');font-display:swap}
*{box-sizing:border-box}body{margin:0;font-family:'Everyday Sans',Arial,sans-serif;background:#f3f5f7;color:#14202b}header{background:#0063A1;color:white;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}h1{font-size:20px;margin:0}main{display:grid;grid-template-columns:380px 1fr;gap:18px;padding:18px}.panel{background:white;border-radius:14px;padding:16px;box-shadow:0 2px 14px #0001}.controls label{display:block;margin:10px 0;font-weight:600}.controls input{width:100%;padding:9px;margin-top:5px;border:1px solid #ccd4dc;border-radius:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;gap:10px;margin-top:16px}button{background:#0063A1;color:white;border:0;border-radius:9px;padding:11px 14px;font-weight:700;cursor:pointer}button:hover{filter:brightness(.92)}canvas{max-width:100%;height:auto;border:1px solid #ccd4dc;border-radius:12px;background:#0063A1}.small,#status{font-size:13px;color:#4b5965}@media(max-width:850px){main{grid-template-columns:1fr}.previewPanel{order:-1}}