@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#151515;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:49px;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid #eee}.brand{font-size:17px;font-weight:800;white-space:nowrap;text-decoration:none;color:inherit}.brand span{font-weight:500;color:#777;margin-left:5px}nav{display:flex;gap:20px;overflow:auto;flex:1;align-items:center;height:100%}nav a{white-space:nowrap;font-size:13px;color:#777;text-decoration:none}nav a[aria-current]{color:#111;font-weight:800}a{text-underline-offset:4px}.actions{margin-left:auto;display:flex;align-items:center;gap:18px;white-space:nowrap}.actions a,.actions button{color:#555;font:inherit;font-size:12px}.actions button{padding:5px 0;background:none;border:0;cursor:pointer;text-decoration:underline}.intro{max-width:760px;margin:10vh auto;padding:0 28px 40px}.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:2px;color:#777!important}h1{font-size:clamp(38px,6vw,64px);letter-spacing:-2.5px;line-height:1.08;font-weight:800;margin:22px 0}.intro>p{font-size:17px;line-height:1.7;color:#666;max-width:560px}form{margin:40px 0 32px}label{font-weight:700;font-size:13px;display:block;margin-bottom:10px}.input-row{display:flex;gap:8px}input{flex:1;min-width:0;border:1px solid #ccc;border-radius:7px;font:inherit;font-size:14px;padding:14px}button{font:inherit;border:1px solid #151515;background:#151515;color:#fff;border-radius:7px;font-size:13px;font-weight:700;padding:12px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.hint{font-size:12px!important;line-height:1.6;color:#777!important}.format{display:flex;gap:80px;padding:22px 0;border-top:1px solid #eee}.format strong,.format span{display:block;font-size:13px}.format span{margin-top:6px;color:#777}.template{display:inline-block;margin-top:18px;color:#222;font-size:13px}#status{padding:64px 28px;max-width:760px;margin:auto;line-height:1.7}#status h1{font-size:30px;letter-spacing:-1px}#status p{color:#666}#preview{display:block;border:0;width:100%;height:calc(100dvh - 49px);background:#fff}[hidden]{display:none!important}#form-error{color:#b42318;font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #555;outline-offset:4px}@media(max-width:600px){header{gap:16px;padding:0 14px}.brand{font-size:14px}.brand span{display:none}nav{gap:14px}.actions{gap:12px}.actions a{display:none}.input-row{flex-direction:column}.intro{margin-top:8vh}.format{gap:60px}h1{letter-spacing:-1.5px}}
