:root{--ink:#263d2b;--muted:#6b765e;--cream:#f6f3e7;--forest:#304c35;--line:#d7dec6}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}
.tools-header{height:90px;background:#faf8eecf;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.tools-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.tools-brand svg{width:31px;height:48px;fill:#526b36}.tools-brand span{font:21px/1 Georgia,serif;letter-spacing:1.4px}.tools-header nav{display:flex;gap:28px;align-items:center}.tools-header nav a{text-decoration:none;font-size:12px;padding:10px 0;color:#5b6a50}.tools-header nav [aria-current]{color:var(--ink);border-bottom:2px solid #78905b;font-weight:600}
.tools-skip{position:absolute;left:20px;top:-60px;background:var(--forest);color:#fff;padding:10px;z-index:10}.tools-skip:focus{top:10px}.tools-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#758658;margin:0 0 14px}
.generator-main{max-width:1280px;margin:0 auto;padding:44px 5% 65px}.tools-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:40px}.tools-hero h1{font:56px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:0 0 20px}.tools-hero p:not(.tools-eyebrow){color:var(--muted);max-width:490px;margin:0;font-size:15px}.tools-hero-mark{width:205px;height:205px;background:#e7ecd9;border:1px solid #cfd9b8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 12px #e7ebd655,0 0 0 25px #e7ebd633;color:#758d51}.tools-hero-mark span{font-size:78px;line-height:1.2}.tools-hero-mark small{font-size:8px;letter-spacing:2px}
.generator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;align-items:start}.generator-input,.generator-output{padding:28px;border-radius:18px;border:1px solid var(--line);background:#fffdf5;min-width:0}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.panel-title>span:first-child{width:30px;height:30px;border-radius:50%;background:#e8edd8;color:#768557;display:grid;place-items:center;font:15px Georgia,serif}.panel-title h2{font:27px/1.2 Georgia,serif;margin:0}.panel-title .output-state{margin-left:auto;font-size:8px;font-weight:600;color:#758656;letter-spacing:.7px;text-align:right;max-width:95px}
.field{margin-bottom:18px;min-width:0}.field label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}.field label span{font-weight:400;color:#858b76}.field input,.field select,.field textarea{display:block;width:100%;max-width:100%;min-height:44px;border:1px solid #d5dcc5;border-radius:9px;background:#fafbf4;color:var(--ink);padding:11px 12px;font-size:13px}.field textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-hint{font-size:11px;color:#7c8768;margin:7px 0}.idea-description{font-size:12px;line-height:1.7;color:var(--muted);max-height:110px;overflow:auto}.source-link{font-size:11px;text-underline-offset:3px;color:#4c6b3b}
.tools-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--forest);color:#fff5d8;border:1px solid var(--forest);border-radius:30px;padding:13px 22px;text-decoration:none;font-size:13px;font-weight:600;min-height:46px}.tools-button:hover{background:#49683f}.generate-button{width:100%;justify-content:space-between}.generate-button:disabled{opacity:.5;cursor:default}.secondary-button{border:0;border-bottom:1px solid #899a71;background:none;color:#596f46;padding:9px 0;font-size:12px}
.output-help{color:var(--muted);font-size:12px;margin:0 0 18px}#promptOutput{display:block;width:100%;min-height:580px;border:1px solid #405b40;border-radius:12px;background:#223a2b;color:#e8efd9;padding:23px;resize:vertical;font:13px/1.8 Consolas,'Courier New',monospace;overflow-wrap:anywhere}.output-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:20px}.output-status{font-size:12px;color:#5a733f;min-height:20px}.next-step{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.next-step>span{font-size:9px;font-weight:600;color:#7b8d62;letter-spacing:1.4px}.next-step p{font-size:12px;color:var(--muted)}.next-step a{font-size:11px;text-underline-offset:4px}
.tools-footer{padding:30px 5%;border-top:1px solid #486143;background:#253e2c;color:#e6ebd3;display:flex;align-items:center;gap:25px}.tools-footer>span{font:18px Georgia,serif;letter-spacing:1px}.tools-footer p{font-size:12px;color:#c3d0b1;margin:0}.tools-footer small{margin-left:auto;font-size:11px;letter-spacing:1px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.reader-page{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.reader-page .tools-header{flex-shrink:0}.reader-main{flex:1;min-height:0;display:flex;flex-direction:column}.reader-heading{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;background:#f4f1e2}.reader-heading .tools-eyebrow{margin-bottom:8px;font-size:9px}.reader-heading h1{font:29px/1.1 Georgia,serif;margin:0}.book-switch{display:flex;border:1px solid var(--line);padding:4px;border-radius:30px;gap:4px;background:#fffdf4}.book-switch a{font-size:11px;text-decoration:none;padding:9px 16px;border-radius:30px}.book-switch [aria-current]{background:#375636;color:#faf2d9}#ebookFrame{width:100%;flex:1;min-height:0;border:0;display:block}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #8d9f62;outline-offset:3px}
@media(max-width:900px){.generator-layout{grid-template-columns:1fr}.tools-hero-mark{width:150px;height:150px;flex-shrink:0}.tools-hero h1{font-size:45px}.generator-main{padding-top:35px}#promptOutput{min-height:410px}}
@media(max-width:620px){.tools-header{height:auto;min-height:105px;padding:14px 20px;flex-wrap:wrap;gap:12px}.tools-brand span{font-size:18px}.tools-brand svg{width:26px;height:36px}.tools-header nav{gap:18px;width:100%;justify-content:space-between}.tools-header nav a{font-size:10px;padding:5px 0}.generator-main{padding:28px 18px 40px}.tools-hero{margin-bottom:28px}.tools-hero h1{font-size:39px;letter-spacing:-1px}.tools-hero p:not(.tools-eyebrow){font-size:13px}.tools-hero-mark{display:none}.tools-eyebrow{font-size:9px;letter-spacing:1.3px}.generator-input,.generator-output{padding:22px 18px}.field-pair{grid-template-columns:1fr;gap:0}.panel-title h2{font-size:24px}#promptOutput{padding:18px;font-size:12px}.tools-footer{flex-wrap:wrap;gap:12px}.tools-footer small{margin-left:0}.tools-footer p{flex-basis:100%;order:3}.reader-heading{padding:17px 20px;flex-wrap:wrap;gap:14px}.reader-heading h1{font-size:24px}.book-switch a{padding:7px 16px}.reader-page .tools-header{min-height:100px}}