:root{--ink:#203b34;--green:#18775b;--muted:#738079;--line:#e1e6df;--paper:#f8f9f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}button,a,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6cc6a5;outline-offset:4px}.header{max-width:1240px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.logo{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:white;font-size:29px;font-weight:600}.logo span{font-size:18px;position:absolute;right:1px;top:-4px}.by{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:4px}.header nav{display:flex;align-items:center;gap:30px;font-size:12px}.nexto{border:1px solid #ccd6cd;padding:11px 15px;border-radius:7px}main{max-width:1168px;margin:auto;padding:0 24px}.intro{text-align:center;padding:54px 0 34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:#48a184;border-radius:100%}h1{position:relative;margin:18px 0 23px;font-size:clamp(39px,5vw,61px);letter-spacing:-2.9px;line-height:1.07;font-weight:500}h1 span{font-family:Georgia,serif;font-style:italic;color:var(--green);font-weight:400}h1 svg{position:absolute;width:218px;height:19px;left:50%;bottom:-15px;transform:translateX(-4%);fill:none;stroke:#b5cd81;stroke-width:3;stroke-linecap:round}.intro p{font-size:14px;line-height:1.8;color:var(--muted)}.features{display:flex;justify-content:center;gap:24px;margin-top:23px;font-size:11px;color:#52665b}.workspace{background:white;border:1px solid #dbe2d8;border-radius:15px;box-shadow:0 12px 40px #203b3406;overflow:hidden}.toolbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tool-title{display:flex;align-items:center;gap:10px}.spark{color:var(--green);font-size:22px}.tool-title h2{font-size:16px;margin:0;letter-spacing:-.3px}.badge{font-size:8px;letter-spacing:1px;background:#f2f4ef;padding:5px 7px;border-radius:4px;color:#768071;margin-left:4px}.service{font-size:10px;color:var(--muted)}.controls{display:flex;align-items:center;gap:24px;padding:18px 24px;background:#fdfefa;border-bottom:1px solid var(--line)}.controls>label{display:flex;align-items:center;gap:10px;font-size:11px;color:#607068}.controls select{background:white;border:1px solid #dce3d9;border-radius:6px;padding:9px 24px 9px 10px;color:var(--ink);font-size:11px}.controls fieldset{margin:0 0 0 auto;padding:0;border:0;display:flex;align-items:center;gap:12px;min-width:0}.controls legend{float:left;font-size:11px;color:#607068;padding:10px 0;margin-right:12px}.segmented{display:flex;padding:3px;background:#eef2eb;border:1px solid #e4e9df;border-radius:7px}.segmented label{cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:block;padding:7px 11px;font-size:10px;border-radius:4px;color:#6c796d}.segmented input:checked+span{background:white;color:var(--green);box-shadow:0 1px 4px #0001;font-weight:700}.segmented input:focus-visible+span{outline:2px solid var(--green)}.editors{display:grid;grid-template-columns:1fr 1fr}.editor{min-width:0}.editor:first-child{border-right:1px solid var(--line)}.editor-heading{padding:22px 24px 12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.text-button{border:0;background:transparent;font-size:11px;color:var(--green);padding:4px}.editor textarea{resize:vertical;display:block;width:100%;height:260px;min-height:220px;max-height:700px;padding:12px 24px;border:0;background:transparent;color:#31463d;line-height:1.9;font-size:14px}.editor textarea::placeholder{color:#9aa49b}.editor textarea:focus{outline-offset:-3px}.editor-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;color:#8a948b;font-size:10px;min-height:50px}.editor-foot>div{display:flex;gap:14px}.result{background:#fafcf8}.result .editor-heading>span{font-size:8px;letter-spacing:1px;color:#94a18f}.output-wrap{position:relative}#empty-state{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}#empty-state[hidden]{display:none}.empty-icon{font-size:35px;border:1px solid #dae5d5;border-radius:17px;color:#83a57b;width:60px;height:60px;display:grid;place-items:center;transform:rotate(-7deg);background:#f2f7ef;margin-bottom:6px}#empty-state h3{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#6b7e65;margin:13px 0 6px}#empty-state p{font-size:11px;line-height:1.8;color:#94a08f}.action-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 24px}.action-row p{font-size:10px;color:#8a948a}.action-row p span{margin-right:5px;font-size:15px}.primary{background:var(--green);color:white;border:0;border-radius:7px;padding:14px 23px;font-size:12px;font-weight:600;min-width:180px;box-shadow:0 3px 6px #17775b19}.primary:hover{background:#105f48}.primary span{margin-left:25px}#status{margin:0;padding:0 24px 16px;color:var(--green);font-size:12px;line-height:1.5}#status:empty{display:none}#status.error{color:#a34030}.below-note{text-align:center;font-size:10px;color:#8a9387;margin:18px 0}.how{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px;padding:52px 0;border-bottom:1px solid var(--line)}.how h2,.faq h2{font-family:Georgia,serif;font-weight:400;line-height:1.3;font-size:28px;letter-spacing:-.6px;margin:14px 0}.step{font-size:11px;color:var(--green);border:1px solid #d3dfcd;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}.how h3{font-size:12px;font-weight:600}.how p{font-size:12px;line-height:1.8;color:var(--muted);max-width:220px}.faq{padding:52px 0 65px;display:grid;grid-template-columns:1fr 1.65fr;gap:65px}.questions details{padding:18px 0;border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary::after{content:'+';color:var(--green);font-size:17px}.questions details[open] summary::after{content:'−'}.questions p{font-size:12px;line-height:1.9;color:var(--muted);padding-right:20px}footer{max-width:1192px;margin:auto;border-top:1px solid var(--line);padding:25px 12px 35px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:18px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}@media(min-width:1500px){.intro{padding-top:65px}.editor textarea{height:300px}}@media(max-width:1000px){.controls{gap:14px;flex-wrap:wrap}.controls fieldset{margin-left:0}.header{padding:22px 24px}.how{gap:20px}.badge{display:none}}@media(max-width:650px){main{padding:0 16px}.header{padding:18px 16px}.header nav>a:not(.nexto){display:none}.header nav{gap:0}.brand{font-size:20px;gap:7px}.brand .by{display:none}.nexto{font-size:10px;padding:9px}.intro{padding:38px 0 27px}h1{letter-spacing:-1.7px}.intro p{font-size:12px}.features{gap:12px;font-size:9px}.toolbar{padding:16px}.tool-title h2{font-size:14px}.service{font-size:9px}.controls{padding:14px 16px;gap:12px}.controls>label{flex:1;flex-direction:column;align-items:stretch;gap:6px}.controls fieldset{width:100%;justify-content:space-between}.controls legend{margin-right:0}.editors{grid-template-columns:1fr}.editor:first-child{border-right:0;border-bottom:1px solid var(--line)}.editor-heading{padding:18px 16px 8px}.editor textarea{height:230px;padding:12px 16px}.editor-foot{padding:12px 16px}.action-row{padding:16px;gap:12px;flex-direction:column-reverse}.primary{width:100%}.action-row p{margin:0}.below-note{font-size:9px;line-height:1.7}.how{grid-template-columns:1fr;padding:30px 4px;gap:16px}.how article{position:relative;padding-left:45px}.step{position:absolute;left:0;top:5px}.how p{max-width:none}.faq{grid-template-columns:1fr;gap:8px;padding:30px 4px}footer{margin:0 16px;padding:22px 0;flex-wrap:wrap;gap:15px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:650px){h1 svg{width:190px;transform:translateX(-35%)}}
.personalize{border-bottom:1px solid var(--line);padding:17px 24px}.personalize summary{cursor:pointer;font-size:12px;font-weight:600}.personalize summary span{font-weight:400;color:var(--muted);font-size:11px;margin-left:12px}.personal-grid{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:20px;margin-top:20px}.personal-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px}.personal-grid select,.personal-grid textarea{border:1px solid var(--line);border-radius:7px;background:#fafcf8;padding:10px;color:var(--ink);width:100%}.personal-grid textarea{height:110px;resize:vertical;line-height:1.6}.personal-grid small,.optional{color:var(--muted);font-size:10px;line-height:1.6}.optional{display:inline}.mode-help{margin:0;padding:10px 24px;background:#f5f8f1;font-size:11px;color:#61725b;border-bottom:1px solid var(--line)}.review-panel{border-top:1px solid var(--line);padding:20px 24px;background:#f6faf3}.review-panel[hidden]{display:none}.review-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.review-title h3{margin:0;font-size:13px}.review-title span,#review-stats{font-size:11px;color:#61725b}.review-panel ul{padding-left:18px;font-size:12px;line-height:1.8}.review-warnings{color:#995421}.review-disclaimer{font-size:10px;color:var(--muted);line-height:1.6}.review-panel.stale{background:#fff9ef}@media(max-width:750px){.personal-grid{grid-template-columns:1fr}.personalize{padding:16px}.personalize summary span{display:block;margin:8px 0 0}.review-title{align-items:flex-start;flex-direction:column}}
