*{box-sizing:border-box}:root{--bg:#edf0f7;--ink:#242938;--muted:#626b7e;--line:#d5dae5;--blue:#394f86;--white:#fbfcff}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:9px 13px;color:inherit;cursor:pointer}button:hover:not(:disabled){background:#e4e9f4}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #99623c;outline-offset:3px}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;top:-90px;left:12px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}header,main,footer{max-width:1260px;margin:auto}header{padding:28px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:bold;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.brand span{border:1px solid var(--blue);border-radius:50%;width:29px;height:29px;text-align:center;line-height:28px;color:var(--blue);font-size:20px}nav{display:flex;gap:25px;font-size:12px}.intro{padding:52px 44px 40px}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:2px;color:var(--blue)}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(38px,5.5vw,65px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.intro>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7}.intro-note{display:flex;align-items:center;gap:13px;margin-top:24px;font-size:11px;color:var(--muted)}.pill{padding:5px 10px;border:1px solid #c6cedf;border-radius:30px;color:var(--blue);background:#e3e8f3}.builder{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;padding:0 44px}.input-panel,.output-panel{border:1px solid var(--line);border-radius:15px;padding:26px;min-width:0;background:var(--white)}.output-panel{background:#273452;color:#f2f4fb;display:flex;flex-direction:column}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.panel-title h2{font-size:16px;font-weight:bold;margin:0;letter-spacing:-.3px}.panel-title button,.panel-title span{font-size:10px}.input-panel label,.review label{display:block;font-size:11px;font-weight:bold;margin-bottom:15px}.input-panel input:not([type=checkbox]),select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:11px;background:#f4f6fb;color:var(--ink);display:block;margin-top:7px}textarea{resize:vertical;line-height:1.7}.input-panel textarea{height:98px}.input-panel #draft{height:160px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-panel details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:18px}.input-panel summary{font-size:11px;font-weight:bold;cursor:pointer}.input-panel details label:first-of-type{margin-top:15px}.input-panel details label:last-child{margin-bottom:0}.field-error{font-size:11px;color:#a43838;display:block;margin-top:4px;min-height:0;font-weight:normal}.input-panel .check{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:normal}.check input{accent-color:var(--blue)}.primary{background:var(--blue);border-color:var(--blue);color:white;padding:13px 16px;display:flex;justify-content:space-between;width:100%;text-align:left}.primary:hover:not(:disabled){background:#2c3e6b}.privacy-note,.output-note{font-size:10px;color:var(--muted);margin-bottom:0}.output-note{color:#b1bdd3;border-top:1px solid #485671;padding-top:15px;margin-top:20px}.output-panel .panel-title span{color:#b1bdd3}#empty-output{padding:28px 5px;flex:1}#empty-output h3{font-family:Georgia,serif;font-size:38px;line-height:1.17;font-weight:normal;letter-spacing:-1px;margin:25px 0}#empty-output .eyebrow{color:#b8c7e8}#empty-output ol{padding-left:21px;margin:28px 0 40px;color:#bdc9df;line-height:2.5;font-size:13px}#output{flex:1;min-height:430px;height:520px;background:#202e4b;color:#f2f4fb;border-color:#485671;border-radius:8px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0 0 16px;padding:16px}#output[hidden]{display:none}.output-actions{display:flex;gap:7px}.output-actions button{font-size:11px;color:#e5eafa;border-color:#53617d;flex:1;padding:10px 7px}.output-actions button:hover:not(:disabled){background:#394966}.another{color:#d7e0f2;border-color:#53617d;margin-top:12px;text-align:left;font-size:11px}.another:hover:not(:disabled){background:#394966}.status{min-height:22px;font-size:11px;color:#c7d7fb;margin:8px 0 0}#angle{color:#b1bdd3;font-size:11px;margin-bottom:0}.review{margin:65px 44px 0;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.05fr;gap:60px}.review h2{font-family:Georgia,serif;font-weight:normal;font-size:40px;line-height:1.2;letter-spacing:-1px;margin:16px 0}.review p{font-size:13px;color:var(--muted);max-width:350px}.review textarea{height:180px;margin-bottom:12px}.review .muted{font-size:11px}.review h3{font-size:13px;margin-bottom:4px}.review ul{padding-left:20px;font-size:12px;color:var(--muted)}.review li{margin:5px 0}.saved{padding:35px 44px 0}.muted{color:var(--muted);font-size:11px}.saved .panel-title{margin-bottom:8px}.saved-card{border-bottom:1px solid var(--line);padding:15px 0;display:flex;align-items:center;gap:12px}.saved-card p{flex:1;margin:0;font-size:13px;overflow-wrap:anywhere}.saved-card button{font-size:11px}.guide{margin:45px 44px;display:grid;grid-template-columns:1fr 1fr;gap:25px 55px}.guide h2{font-size:14px;margin:0 0 7px}.guide p{font-size:12px;color:var(--muted);margin:0}.guide a{text-decoration:underline}footer{border-top:1px solid var(--line);padding:27px 44px;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}noscript{display:block;background:white;padding:20px}@media(max-width:850px){header{padding:25px 22px}nav{gap:15px;font-size:10px}.intro{padding:40px 22px 30px}.builder{padding:0 22px;grid-template-columns:1fr}.input-panel,.output-panel{padding:23px}.review{margin:40px 22px 0;grid-template-columns:1fr;gap:20px;padding:30px 0}.review p{max-width:none}.saved{padding:30px 22px 0}.guide{margin:35px 22px;gap:25px}footer{padding:25px 22px;flex-wrap:wrap}#output{height:480px;min-height:350px}.output-panel{min-height:450px}}@media(max-width:430px){nav a:first-child{display:none}.brand{font-size:16px}.two-columns{grid-template-columns:1fr;gap:0}.guide{grid-template-columns:1fr}.intro>p:not(.eyebrow){font-size:14px}.intro h1{font-size:42px;letter-spacing:-1.5px}.review h2{font-size:33px}.saved-card{flex-wrap:wrap}.saved-card p{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}