*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin-bottom:1rem;font-size:1.5rem;font-weight:600}h2{margin-bottom:1rem;font-size:1rem;font-weight:600;letter-spacing:.03em}.App{max-width:900px;margin:0 auto;padding:2rem}.layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-area .section{margin:1.25rem 0}.preview{padding:1.25rem 0 1.25rem 2rem;border-left:1px dotted #888;font-family:Georgia,serif}.preview h1{font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.05em}.preview .muted{font-size:.8rem;color:#888;margin-bottom:1.5rem}.preview h3{font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:2em;margin-bottom:.2em}.preview hr{border:none;border-top:.9px solid #888;margin-bottom:.5em}.preview .item{margin-bottom:2.5rem}.preview .label{font-weight:600;font-size:.9rem}.preview p{font-size:.8rem;margin-bottom:.25em}form div{display:grid;grid-template-columns:100px 1fr;gap:1.75em;align-items:center;margin-bottom:.75rem}label{font-size:.8rem;font-weight:500}input,textarea{border:none;border-bottom:1px dashed #888;padding:.4em 0;font-family:inherit;font-size:.8rem;color:#646cff}input:focus,textarea:focus{outline:none;border-bottom:1px solid #646cff}input:disabled,textarea:disabled{background:none;border-bottom:1px solid transparent;color:#213547}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}button{padding:0;background:none;border:none;color:#646cff;font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer}button:hover{text-decoration:underline}