:root{font:15px system-ui,sans-serif;color:#192d46;background:#f1f4f8}*{box-sizing:border-box}body{margin:0}header{background:#080373;color:white;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}h1{font-size:24px;margin:0}header p{margin:6px 0 0;opacity:.75}main{max-width:1450px;margin:24px auto;padding:0 24px;display:grid;grid-template-columns:540px 1fr;gap:24px}section,.card{background:white;border:1px solid #dce3ec;border-radius:12px;padding:22px;margin-bottom:18px}h2{font-size:18px;margin:0 0 18px}h3{font-size:16px;margin:0}label{display:block;font-size:13px;font-weight:600;margin:12px 0 5px}input,select,textarea{width:100%;font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:6px;color:#142744;background:white}textarea{resize:vertical;min-height:80px}button{font:inherit;cursor:pointer;border:1px solid #cbd5e1;background:white;color:#080373;border-radius:7px;padding:10px 14px}button:hover{background:#e9ecf7}.primary{background:#080373;color:white;border-color:#080373}.primary:hover{background:#2118a0}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tools button{font-size:13px}.sailhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.sailhead button{padding:5px 10px}small,.muted{color:#65758a;font-size:13px;line-height:1.6}.preview{position:sticky;top:20px;align-self:start}.preview canvas{width:100%;height:auto;display:block;box-shadow:0 5px 25px #19375620;margin-top:15px;background:white}.previewbar{display:flex;align-items:center;gap:12px}#status{padding:12px 0;font-size:14px}details{margin-top:14px}summary{cursor:pointer;font-weight:600}#import{display:none}.badge{background:#eeedf9;border-radius:20px;padding:7px 12px;font-size:12px} @media(max-width:1000px){main{grid-template-columns:1fr}.preview{position:static}header{display:block}.badge{display:none}}@media print{header,main{display:none}}