:root{--ink:#1f302a;--muted:#56645c;--green:#165c4d;--green-dark:#104638;--paper:#f8f8f2;--line:#dfe4dc;--soft:#edf2eb;--amber:#7a5214;--focus:#b36f1c;--white:#fff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}a{color:var(--green)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--white);z-index:10;border-radius:8px;padding:10px 14px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;max-width:1120px;margin:0 auto;padding:24px 24px 8px;display:flex}.site-nav,.site-footer nav{flex-wrap:wrap;gap:0 18px;display:flex}.site-nav a,.site-footer nav a{min-height:44px;color:var(--green);align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-footer nav a:hover{text-decoration:underline}.brand{letter-spacing:-.5px;min-height:44px;color:var(--ink);align-items:center;gap:10px;font-size:22px;font-weight:650;text-decoration:none;display:inline-flex}.mark{background:var(--green);width:36px;height:36px;color:var(--white);border-radius:9px;place-items:center;font:600 15px/1 ui-monospace,monospace;display:inline-grid}.intro{text-align:center;max-width:760px;margin:0 auto;padding:28px 24px 32px}.intro h1{letter-spacing:-1.5px;margin:8px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:400;line-height:1.08}.lead{margin:0 0 10px;font-size:18px}.scope{color:var(--muted);margin:0;font-size:15px}.scope-note{color:var(--muted);max-width:460px;margin:12px auto 0;font-size:14px}.has-result .intro{display:none}.workspace{background:var(--white);border:1px solid var(--line);border-radius:16px;max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 15px 40px #20382b0a}.has-result .workspace{margin-top:16px}.workspace-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 24px;display:flex}.workspace-head h2{margin:0;font-size:16px}.pill{color:var(--green);border:1px solid #cfdfd1;border-radius:20px;padding:4px 12px;font-size:14px}.upload{grid-template-columns:1.6fr 1fr;gap:28px;padding:28px;display:grid}.dropzone{text-align:center;background:#fcfdf9;border:2px dashed #9fb7a4;border-radius:12px;padding:28px 20px}.dropzone.dragover{border-color:var(--green);background:#e6f1e8}.file-icon{width:48px;height:60px;color:var(--green);background:var(--white);border:1px solid #9fb7a4;border-radius:6px;place-items:center;font-size:13px;font-weight:650;display:inline-grid;transform:rotate(-5deg)}.drop-title{margin:14px 0 0;font-size:20px;font-weight:600}.drop-or{color:var(--muted);margin:4px 0 12px;font-size:15px}.limits{color:var(--muted);margin:16px 0 0;font-size:14px}.notice{color:var(--amber);margin:8px 0 0;font-size:15px}.notice:empty{display:none}.side{border-left:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:14px;padding-left:28px;display:flex}.privacy{margin:0;font-size:15px}.small{color:var(--muted);margin:0;font-size:14px}.primary,.secondary{border:1px solid #0000;border-radius:8px;min-height:44px;padding:10px 20px;font-size:15px;font-weight:600}.primary{background:var(--green);color:var(--white)}.primary:hover{background:var(--green-dark)}.secondary{background:var(--white);color:var(--ink);border-color:#c5d0c7}.secondary:hover{background:var(--paper)}.text-button{min-height:44px;color:var(--green);background:0 0;border:0;padding:8px 4px;font-size:15px;font-weight:600}.state{text-align:center;max-width:640px;margin:0 auto;padding:44px 24px}.state h2{margin:0 0 12px;font-family:Georgia,serif;font-size:30px;font-weight:400}.state h2:focus{outline:none}.state p{color:var(--muted);margin:0 0 18px}.error-pages{text-align:left;color:var(--ink);margin:0 0 18px;padding-left:20px;font-size:15px;display:inline-block}.error-pages:empty{display:none}.spinner{border:3px solid var(--soft);border-top-color:var(--green);border-radius:50%;width:36px;height:36px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.result-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:20px 24px;display:flex}.result-heading{min-width:0}.result-heading h2{overflow-wrap:anywhere;margin:0;font-size:18px}.result-heading h2:focus{outline:none}.result-heading h2:focus-visible{outline:3px solid var(--focus)}.done-mark{color:var(--green)}.meta{color:var(--muted);margin:4px 0 0;font-size:14px}.actions{flex-wrap:wrap;gap:10px;display:flex}.warning{color:var(--amber);border-top:1px solid var(--line);background:#fbf6ea;margin:0;padding:10px 24px;font-size:15px}.tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfdfb;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 20px;display:flex}.tabs [role=tab]{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 16px;font-size:15px}.tabs [role=tab][aria-selected=true]{color:var(--green);background:#e6eee5;font-weight:650}.tabs-note{color:var(--muted);margin-left:auto;font-size:13px}.preview{overflow-wrap:anywhere;min-height:320px;max-height:60vh;padding:12px 36px 32px;font-size:16px;line-height:1.65;overflow:auto}.preview h1{margin:18px 0 12px;font-size:28px;line-height:1.2}.preview h2{margin:18px 0 10px;font-size:21px}.preview h3,.preview h4,.preview h5,.preview h6{margin:16px 0 8px;font-size:17px}.preview p,.preview li{max-width:72ch}.preview .page-marker{border-top:1px dashed var(--line);letter-spacing:.5px;color:var(--muted);margin:24px 0 4px;padding-top:8px;font-size:13px}.preview .page-marker:first-child{border-top:0;margin-top:8px}.markdown-panel textarea{resize:vertical;width:100%;min-height:360px;max-height:60vh;color:var(--ink);overflow-wrap:anywhere;background:#fcfdfb;border:0;padding:20px 24px;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.feedback{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 24px;font-size:15px;display:flex}.feedback .small-button{min-height:44px;padding:8px 14px;font-size:14px}.feedback [aria-pressed=true]{border-color:var(--green);color:var(--green)}.feedback button:disabled{cursor:default;opacity:.75}.feedback-thanks{color:var(--green);font-size:14px}.result-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 24px;display:flex}.result-footer p{color:var(--muted);margin:0;font-size:14px}.how{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1080px;margin:40px auto;padding:0 24px;display:grid}.how span{color:var(--muted);font-size:13px}.how h3{margin:4px 0 6px;font-size:16px}.how p{color:var(--muted);margin:0;font-size:15px}.has-result .how{display:none}.prose{max-width:760px;margin:0 auto;padding:16px 24px 48px}.prose h1{margin:16px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400;line-height:1.1}.prose h2{margin:32px 0 8px;font-size:20px}.prose p,.prose li,.prose dd{line-height:1.65}.prose ul{padding-left:22px}.prose li{margin:4px 0}.prose code{background:var(--soft);overflow-wrap:anywhere;border-radius:4px;padding:1px 4px;font:14px ui-monospace,monospace}.prose a{overflow-wrap:anywhere}.codes dt{margin-top:12px;font-weight:650}.codes dd{color:var(--muted);margin:2px 0 0}.updated{color:var(--muted);margin-top:40px;font-size:14px}.site-footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;padding:20px 24px 32px;font-size:14px;display:flex}@media (max-width:760px){.site-header{padding:16px 16px 4px}.prose{padding:8px 16px 40px}.prose h1{font-size:34px}.intro{padding:16px 16px 24px}.intro h1{font-size:38px}.lead{font-size:17px}.workspace{border-radius:12px;margin:0 12px}.has-result .workspace{margin-top:8px}.workspace-head{padding:14px 16px}.upload{grid-template-columns:1fr;gap:20px;padding:16px}.side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.result-toolbar{padding:16px}.actions{width:100%}.actions button{flex:140px}.warning{padding:10px 16px}.tabs{padding:8px 12px}.tabs-note{width:100%;margin:0}.preview{padding:8px 16px 24px}.markdown-panel textarea{padding:16px}.result-footer{padding:8px 16px}.how{grid-template-columns:1fr;gap:20px;margin:28px auto;padding:0 20px}.site-footer{padding:16px 16px 24px}}.export-status{color:#155b4f;overflow-wrap:anywhere;background:#edf6ef;margin:0;padding:12px 20px;font-weight:600}.export-status:empty{display:none}
