@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans Fallback;src:local("Arial");ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.00%;size-adjust:102.74%}.__className_3f4a4b{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.__variable_3f4a4b{--font-sans:"Instrument Sans","Instrument Sans Fallback"}:root{--bg:#f4f7f6;--ink:#1c2b32;--muted:#5c6f76;--line:#d7e3df;--accent:#0c7c6c;--accent-deep:#0a6558;--accent-soft:#e5f4ef;--paper:#ffffff;--danger:#8d3040;--shadow:0 16px 40px rgba(28,60,52,0.06);color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(980px 420px at 50% -180px,#d7f3ea 0,transparent 68%),var(--bg);color:var(--ink);font-family:var(--font-sans),"Segoe UI",sans-serif;font-size:16.5px;line-height:1.6;font-feature-settings:"ss01" on}::selection{background:#c7efe4;color:var(--ink)}a{color:inherit}button,code,input,kbd,pre,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:.62rem .95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover{border-color:#b7ccc6;background:#f7fbfa}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#f7fffc;font-weight:600}button.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}button.text-button{border:0;background:transparent;padding-inline:.2rem;color:var(--muted)}button.text-button:hover{color:var(--ink);background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,247,246,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(28,43,50,.08)}.footer-inner,.header-bar,.home,.page,.site-header{width:min(1080px,calc(100% - 2.4rem));margin-inline:auto}.site-header{justify-content:space-between;gap:1rem;padding:.72rem 0}.brand,.site-header{display:flex;align-items:center}.brand{gap:.6rem;min-width:0;text-decoration:none;color:var(--ink);font-size:1.02rem;font-weight:680;letter-spacing:-.03em}.brand-name{line-height:1}.mark{display:flex;width:1.75rem;height:1.75rem;flex:none}.mark svg{display:block;width:100%;height:100%}.site-nav{display:flex;align-items:center;gap:.15rem;padding:.22rem;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:999px;box-shadow:0 1px 2px rgba(22,50,44,.04)}.site-nav a{text-decoration:none;color:var(--muted);padding:.38rem .85rem;border-radius:999px;font-size:.92rem;font-weight:620;line-height:1.2}.site-nav a:hover{color:var(--ink);background:var(--accent-soft)}.site-nav a[aria-current=page]{color:#f7fffc;background:var(--accent)}.home,.page{padding:2.4rem 0 3.5rem}.hero{max-width:40rem;margin-bottom:.2rem}.tool-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line);scroll-margin-top:6.5rem}.tool-section h2{margin:.15rem 0 0;font-size:clamp(1.7rem,3vw,2.35rem)}.section-more{margin:.7rem 0 1.1rem}.section-more a{color:var(--accent-deep);font-weight:650;text-underline-offset:3px}.converter.capture .drop{min-height:18rem}.kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .85rem;color:var(--accent-deep);font-size:.92rem;font-weight:650;letter-spacing:0;text-transform:none}.kicker:before{content:"";width:.45rem;height:.45rem;border-radius:99px;background:var(--accent)}h1,h2,h3{font-weight:620;letter-spacing:-.03em;line-height:1.16}h1{margin:0;font-size:clamp(2.05rem,3.5vw,3.05rem);max-width:16em}.lede{max-width:38rem;margin:.85rem 0 0;color:var(--muted);font-size:1.08rem;line-height:1.6}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.6rem 0 1rem}.mode-switch a{display:flex;flex-direction:column;gap:.15rem;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:.85rem 1rem;box-shadow:0 1px 2px rgba(22,50,44,.03)}.mode-switch a strong{font-weight:650;letter-spacing:-.02em}.mode-switch a span{color:var(--muted);font-size:.9rem}.mode-switch a:hover{border-color:#b7ccc6}.mode-switch a[aria-current=page]{background:var(--accent-soft);border-color:#b7e0d4;color:var(--accent-deep)}.mode-switch a[aria-current=page] span{color:#3d7568}.drop-actions,.drop-hint,.result-actions,.result-head,.tool-bar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.tool-bar{display:grid;grid-template-columns:1fr auto;margin-bottom:.75rem}.lang,.tool-bar{align-items:center}.lang{display:flex;gap:.55rem;color:var(--muted);font-size:.92rem}.lang select{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.48rem .7rem;color:var(--ink)}.work{display:grid;grid-template-columns:.92fr 1.08fr;gap:.85rem;align-items:stretch}.converter.capture .work,.converter.reading .work{grid-template-columns:1fr}.drop,.privacy-card,.prose,.result{border-radius:20px}.drop{color:var(--ink);padding:1.15rem;min-height:24rem;display:flex;flex-direction:column}.drop,.privacy-card,.prose,.result{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.result{padding:1.1rem 1.1rem 1.2rem;min-height:24rem}.drop.dragging{border-color:var(--accent);background:var(--accent-soft)}.drop img{width:100%;max-height:22rem;min-height:10rem;flex:none;object-fit:contain;background:#f3f7f6;border-radius:14px;border:1px solid var(--line)}.drop-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1.4rem .35rem .6rem}.drop-kicker{margin:0 0 .45rem;color:var(--accent-deep);font-size:.92rem;font-weight:650}.drop-title{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:620;letter-spacing:-.03em;line-height:1.15;max-width:11em}.drop-hint{color:var(--muted);margin-top:.85rem}.drop-hint kbd{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:.12rem .42rem;font-family:inherit;font-size:.86em;color:var(--ink)}.drop-actions{margin-top:auto;padding-top:1.2rem}.privacy-line{color:var(--muted);font-size:.9rem;margin:.85rem 0 0}.preview p,.progress p,.result-head p{color:var(--muted);font-size:.92rem}.progress-track{height:.4rem;background:var(--accent-soft);border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:var(--accent)}.progress-bar.indeterminate{width:35%;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}.error{color:var(--danger)}.result-head{justify-content:space-between}.result-head h2{margin:0;font-size:1.25rem}.result-head p{margin:0}.grid input,textarea{background:#f7fbfa;border:1px solid var(--line);border-radius:12px}textarea{width:100%;min-height:16rem;resize:vertical;margin-top:.85rem;padding:.9rem 1rem;line-height:1.6}.grid-wrap{overflow:auto;margin-top:.85rem;max-height:28rem;border:1px solid var(--line);border-radius:14px}.grid{border-collapse:collapse;width:100%}.grid td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper);padding:0;vertical-align:top}.grid tr:first-child td{background:var(--accent-soft)}.grid input{width:100%;min-width:5.5rem;border:0;border-radius:0;background:transparent;padding:.55rem .65rem}.sample-grid td{padding:.55rem .7rem;color:var(--muted)}.preview pre,.raw pre{white-space:pre-wrap;background:#f7fbfa;border:1px solid var(--line);border-radius:14px;padding:.95rem 1rem;line-height:1.6}.raw{margin-top:1rem}.raw summary{cursor:pointer;color:var(--muted)}.ad-slot{margin:1.35rem 0}.ad-label{margin:0 0 .35rem;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.cards,.prose{margin-top:1.6rem}.prose{padding:1.35rem 1.4rem 1.5rem}.prose h2{margin:1.35rem 0 .4rem;font-size:1.28rem}.prose h2:first-child{margin-top:0}.prose li,.prose p{color:var(--ink)}.prose a{color:var(--accent-deep);font-weight:650;text-underline-offset:3px}.faqs{display:grid}.faqs details{border-top:1px solid var(--line);padding:.8rem 0}.faqs summary{cursor:pointer;font-weight:650}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;background:transparent;border:0}.card{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.15rem 1.2rem;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(22,50,44,.03)}.card h2{margin:0;font-size:1.2rem}.card p{margin:.15rem 0 .55rem;color:var(--muted)}.card a{margin-top:auto;color:var(--accent-deep);font-weight:650;text-underline-offset:3px}.index{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.04em}.site-footer{margin-top:.5rem;background:#eef5f2;border-top:1px solid var(--line);color:var(--muted);width:100%;max-width:none}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:1.6rem 2rem;padding:2.2rem 0 1.3rem}.footer-brand{display:grid;align-content:start;gap:.7rem;max-width:22rem}.footer-brand p{margin:0;font-size:.95rem;line-height:1.55}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:.42rem}.footer-label{margin:0 0 .25rem;color:var(--ink);font-size:.92rem;font-weight:700}.footer-col a{color:var(--muted);text-decoration:none;font-size:.95rem}.footer-col a:hover{color:var(--accent-deep)}.footer-base{grid-column:1/-1;display:flex;justify-content:space-between;gap:.8rem 1.4rem;flex-wrap:wrap;margin-top:.4rem;padding-top:1rem;border-top:1px solid var(--line)}.footer-base p{margin:0;font-size:.88rem}@media (max-width:860px){.cards,.mode-switch,.work{display:grid;grid-template-columns:1fr}.site-header{display:grid;justify-content:stretch;gap:.7rem;padding:.7rem 0 .8rem}.site-nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.site-nav a{text-align:center;padding-inline:.25rem;font-size:.84rem}.footer-inner{grid-template-columns:1fr 1fr}.footer-base,.footer-brand{grid-column:1/-1}.lang{display:grid}.drop-title{max-width:none}}@media (max-width:640px){.footer-inner{grid-template-columns:1fr}}