:root{font-family:Arial,Helvetica,sans-serif;color:#252a26;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1400px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfdfd6}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{font-size:12px;letter-spacing:0;font-weight:400;color:#747a70;margin-left:10px}.pill{border:1px solid #d7dacd;border-radius:30px;padding:9px 14px;font-size:11px;color:#65705d}main{max-width:1400px;margin:auto;padding:40px 5%}.eyebrow,.step{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#69725e}.intro{padding:12px 0 32px}.intro h1{font-size:clamp(36px,4.5vw,66px);line-height:1.06;font-weight:500;letter-spacing:-2.5px;margin:20px 0}.intro em{font-family:Georgia,serif;color:#6c8054;font-weight:400}.intro>p:last-child{font-size:15px;line-height:1.7;color:#75796e}.workspace{display:grid;grid-template-columns:360px 1fr;border:1px solid #dcded2;border-radius:16px;overflow:hidden;background:#fffef9;box-shadow:0 12px 45px #25372005}.input-panel{padding:28px;border-right:1px solid #dcded2}.input-panel h2{font-size:22px;letter-spacing:-.6px;margin:16px 0 28px}label{font-size:12px;display:block;margin:18px 0 9px}input[type=password],input[type=url]{width:100%;border:1px solid #d8dccf;border-radius:7px;background:#fff;padding:13px 11px;color:#252a26;font-size:13px}.hint{font-size:11px;line-height:1.6;color:#7a8071}.divider{display:flex;align-items:center;gap:10px;color:#95998c;font-size:10px;margin:22px 0 14px}.divider:before,.divider:after{content:'';height:1px;background:#e4e5dc;flex:1}.file{padding:14px;border:1px dashed #cfd5c3;border-radius:7px;font-size:11px;line-height:1.6}.file input{display:block;width:100%;margin-top:10px;font-size:11px}button{cursor:pointer;border:0;border-radius:7px;padding:13px 15px;font-size:12px;font-weight:600}#submit{width:100%;display:flex;justify-content:space-between;background:#d6ed99;color:#28321b;margin-top:23px}button:disabled{opacity:.45;cursor:default}#status{font-size:12px;line-height:1.6;margin:18px 0 0;min-height:20px}#status.error{color:#a4372b}.output-panel{padding:28px;display:flex;flex-direction:column;min-height:580px;background:#fff}.output-top{display:flex;justify-content:space-between}#wordcount{font-size:11px;color:#92988a}textarea{resize:vertical;width:100%;flex:1;min-height:340px;border:0;background:transparent;font-family:inherit;font-size:16px;line-height:1.9;margin-top:25px;color:#343d2d}textarea::placeholder{color:#b5baad}.output-bottom{border-top:1px solid #ebede6;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.output-bottom>div{display:flex;gap:8px}.secondary{background:#eff1e9;color:#424d37;white-space:nowrap}.dark{background:#303d28;color:white}footer{display:flex;justify-content:space-between;font-size:10px;color:#888f7e;margin:22px 0}input:focus,textarea:focus,button:focus-visible{outline:2px solid #879e60;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.workspace{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid #dcded2}.output-panel{min-height:440px}.pill{display:none}.brand span{font-size:10px}main{padding-top:20px}.output-bottom{align-items:flex-start;flex-direction:column}footer{gap:15px;line-height:1.7}.intro h1{letter-spacing:-1.5px}}
#connection{border-top:1px solid #dcded2;margin-top:22px;padding-top:18px}#connection summary{cursor:pointer;font-size:12px;font-weight:600}#connection input{font-size:12px}#connection-status{overflow-wrap:anywhere}