:root{color-scheme:light;--ink:#24372f;--soft:#637269;--line:#dce2d9;--green:#315d49;--bg:#f9f8f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,textarea,select{font:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{color:inherit}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5%;border-bottom:1px solid var(--line);background:#fffefa}.brand{font-size:25px;font-weight:650;letter-spacing:-1px}.brand span{font-weight:400}.tagline{font-size:13px;color:var(--soft)}.topbar nav{display:flex;flex-wrap:wrap;gap:8px}.text-button{border:0;background:transparent;padding:10px 12px;border-radius:8px;font-size:13px}.text-button:hover{background:#e9ede5}.primary{display:inline-flex;gap:22px;justify-content:center;align-items:center;padding:13px 23px;border:0;border-radius:9px;background:var(--green);color:#fff;font-size:15px;font-weight:500;white-space:nowrap;min-height:48px}.primary:hover:not(:disabled){background:#244b38}.primary span:last-child{font-size:20px}.compose{max-width:940px;margin:0 auto;padding:44px 26px 0}.eyebrow{color:var(--soft);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 22px}h1{font:400 clamp(36px,4vw,54px)/1.14 Georgia,serif;letter-spacing:-1.6px;margin:0}h2{font-size:18px;font-weight:500;margin:0}.subtitle{font-size:18px;color:var(--soft);margin:21px 0 32px}.input-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px 20px}.input-card>label{display:block;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:var(--soft)}textarea{display:block;resize:vertical;width:100%;min-height:180px;padding:17px 0 10px;border:0;color:var(--ink);background:transparent;font-size:16px;line-height:1.85}textarea::placeholder{color:#859086}textarea:focus{outline:2px solid #95b09d;outline-offset:6px;border-radius:3px}.input-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--soft);padding:12px 0 15px}.create-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:17px}.preserve{font-size:13px;color:var(--soft)}.under-input{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:17px 0;flex-wrap:wrap}.examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--soft)}.examples button{border:1px solid var(--line);background:#fffefa;border-radius:20px;padding:6px 12px;font-size:12px}.examples button:hover{background:#e8eee4}.privacy{font-size:12px;color:var(--soft);margin:19px 0 0}.scope{font-size:12px;color:var(--soft);margin-top:18px}.scope summary{display:inline-block;text-decoration:underline;text-underline-offset:4px}.scope p{max-width:750px;line-height:1.8}main{max-width:1380px;margin:auto;padding:0 4%}footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--soft);padding:38px 0 28px}.library{max-width:888px;margin:20px auto 0;padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:12px}.library-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.library label{font-size:12px;display:block;margin-bottom:7px}.library select{width:100%;padding:12px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:7px}.muted{color:var(--soft);font-size:12px}.progress{text-align:center;padding:66px 20px;max-width:800px;margin:auto}.progress h1{font-size:37px}.progress .subtitle{font-size:17px}.progress-art{width:132px;height:167px;background:#fff;border:1px solid var(--line);padding:24px;margin:0 auto 36px;box-shadow:0 14px 40px #263e3010;transform:rotate(-4deg)}.progress-art span{display:block;background:var(--green);height:5px;width:65%;margin:2px 0 21px}.progress-art i{display:block;background:#dbe3d7;height:3px;margin:9px 0}.progress-art b{display:block;background:#9caf9e;height:4px;width:45%;margin:20px 0 12px}.progress ol{display:flex;justify-content:center;list-style:none;padding:0;gap:12px;margin:32px 0}.progress li{font-size:12px;padding:8px 18px;border-radius:20px;border:1px solid var(--line);color:var(--soft)}.progress li.active{background:var(--green);color:#fff;border-color:var(--green)}.progress li.active:after{content:'…'}.ready{padding-top:37px;max-width:1120px;margin:auto}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.result-heading .eyebrow{margin-bottom:12px}.result-heading h1{font-size:36px;letter-spacing:-1px}.result-heading .subtitle{font-size:15px;margin:14px 0;overflow-wrap:anywhere}.result-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 20px}.result-actions .text-button{padding-left:0}.preview-canvas{background:#e9ede6;border:1px solid var(--line);border-radius:14px;padding:0 28px 34px}.page-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:20px 0;font-size:12px;color:var(--soft)}.page-nav button{min-width:36px;min-height:34px;background:#fffefa;border:1px solid #d3dccc;border-radius:7px}.page-nav a{text-decoration:underline;text-underline-offset:3px}.page-frame{max-width:700px;margin:auto}.page-frame img{width:100%;height:auto;display:block;background:#fff;border:1px solid #dce2d5;box-shadow:0 6px 30px #203a2212}.exact-note{text-align:center;font-size:12px;color:var(--soft);margin:19px 0}.review-note{padding:14px 18px;background:#faf4e3;color:#715d30;border:1px solid #e5dab9;border-radius:9px;font-size:13px;margin:0 0 18px}.review-note p{margin:4px 0 0}.error{padding:12px 15px;margin:0 0 14px;border-radius:8px;background:#fff1eb;color:#853e2c;border:1px solid #eacabe;font-size:13px}.failed{max-width:780px;margin:80px auto;padding:0 20px}.failed h1{font-size:42px}.failed .subtitle{font-size:17px}.failure-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:25px 0}.input-card .error{margin-top:5px}body[data-view=compose] #new-document{display:none}
@media(max-width:700px){.topbar{padding:16px 20px;min-height:74px}.tagline{display:none}.topbar nav{gap:0}.text-button{padding:10px;font-size:12px}.brand{font-size:23px}main{padding:0 18px}.compose{padding:36px 0 0}h1{font-size:40px;letter-spacing:-1.2px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.subtitle{font-size:16px;margin:20px 0 27px}.input-card{padding:19px 18px 18px}.create-row{flex-wrap:wrap}.create-row .primary{width:100%;justify-content:space-between}.preserve{font-size:12px}textarea{min-height:220px}.input-meta{font-size:10px}.library{margin:16px 18px 0;padding:18px}.result-heading{align-items:flex-start;flex-direction:column;gap:10px}.result-heading h1{font-size:32px}.result-heading .primary{width:100%}.preview-canvas{padding:0 10px 18px}.page-nav{gap:14px}.progress{padding:48px 0}.progress h1{font-size:30px}.progress .subtitle{font-size:15px}.failed{margin-top:48px;padding:0}.failed h1{font-size:35px}footer{font-size:10px}.exact-note{font-size:11px}}
textarea{margin-top:8px;padding-top:10px}

/* Continuous PDF preview: original page images, native document scrolling. */
.page-nav{position:sticky;top:0;z-index:2;background:#e9ede6;padding:14px 0;gap:10px;border-bottom:1px solid #dce2d5;margin-bottom:20px;min-height:64px}
.page-nav select{font:inherit;color:var(--ink);background:#fffefa;border:1px solid #cbd7c4;border-radius:7px;padding:8px 12px;min-height:36px;max-width:90px}
.page-nav #download-scrolling{margin-left:auto;font-weight:500;color:var(--green);padding:8px 0}
.document-pages{max-width:700px;margin:0 auto}.pdf-page{margin:0 0 32px;scroll-margin-top:80px}.pdf-page:last-child{margin-bottom:0}.pdf-page figcaption{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:12px;padding:0 2px 10px}.pdf-page figcaption a{text-decoration:underline;text-underline-offset:3px}.pdf-page img{display:block;width:100%;height:auto;background:#fff;border:1px solid #dce2d5;box-shadow:0 6px 24px #203a2212}
@media(max-width:700px){.page-nav{gap:8px;font-size:12px}.pdf-page{margin-bottom:24px}.pdf-page figcaption{font-size:11px}.page-nav #download-scrolling{font-size:12px}.preview-canvas{overflow:visible}}

textarea{resize:vertical;max-height:70vh}

.testing-cost{font-size:12px;line-height:1.6;color:#526159;background:#edf1e9;border:1px dashed #c5d1c0;border-radius:8px;padding:10px 14px;margin:0 0 18px;overflow-wrap:anywhere}

.refine{padding:20px 22px;margin:0 0 24px;background:#fffefa;border:1px solid var(--line);border-radius:12px}.refine-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.quick-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.quick-controls>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-controls span{font-size:12px;margin-right:4px;color:var(--soft)}.quick-controls button{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;background:#fff}.quick-controls button:hover{background:#e8eee4}.refine>label{font-size:13px}.refine-request{display:flex;gap:12px;align-items:center;margin-top:8px}.refine-request textarea{border:1px solid var(--line);border-radius:8px;padding:12px;min-height:82px;max-height:200px;font-size:14px;line-height:1.6;margin:0}.refine-request .primary{font-size:13px}.versions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.versions label{font-size:12px}.versions select{max-width:100%;min-width:160px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px}.versions .text-button{padding-left:0}@media(max-width:700px){.refine{padding:16px}.refine-heading{align-items:flex-start;flex-direction:column;gap:4px}.refine-request{flex-direction:column;align-items:stretch}.quick-controls{gap:12px}}

.auth-compose{max-width:560px}.auth-compose .input-card{display:grid;gap:20px}.auth-compose form{display:grid;gap:12px;margin-top:18px}.auth-compose input{width:100%;box-sizing:border-box;border:1px solid #cdd8d1;border-radius:10px;padding:14px;font:inherit;background:#fff;color:#172c24}.auth-compose #signed-out>button{width:100%;margin-bottom:12px}.auth-compose #signed-in{display:grid;gap:16px}.auth-compose [hidden]{display:none!important}

.review-note details{margin-top:10px}.review-note summary{font-weight:600}.review-note ul{padding-left:22px;margin:14px 0 0}.review-note li{margin-bottom:20px}.review-note li p{margin:4px 0}.review-note blockquote{margin:8px 0;padding:8px 12px;border-left:2px solid #a89152;overflow-wrap:anywhere;font-size:13px;background:#fffaf0}.review-location{font-size:12px;color:#635839}.review-note .text-button{border:1px solid #b4a47d;margin-top:4px}.review-note strong{overflow-wrap:anywhere}

/* Keep navigation readable at narrow widths and expose keyboard landmarks. */
@media(max-width:700px){.topbar{flex-wrap:wrap;gap:10px 16px}.brand{white-space:nowrap;flex-shrink:0}.topbar nav{margin-left:auto}}
/* Account addresses and recovery messages must fit narrow viewports. */
.auth-compose .input-card>*,.auth-compose #signed-in>*,.auth-compose input{min-width:0}.auth-compose p{overflow-wrap:anywhere}.auth-compose .primary{white-space:normal;text-align:center}.auth-compose input:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#billing-price:empty{display:none}

/* Source text alternative to raster page previews; never renders source as HTML. */
.document-text{margin:0 0 24px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fffefa;min-width:0}
.document-text summary{cursor:pointer;font-weight:600;line-height:1.5}
.document-text p{font-size:13px;line-height:1.6;color:var(--soft);max-width:72ch}
.document-text-content{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;line-height:1.7;font-size:16px;max-width:80ch;margin:20px auto 0}
.document-text summary:focus-visible,.document-text-content:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:700px){.document-text{padding:16px}.document-text-content{font-size:16px}}