@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#203c35;--green:#246b51;--muted:#7b827b;--line:#e1e5da;--paper:#f8f9f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:14px}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}.header,main,footer{max-width:1160px;margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:37px;font-weight:700;letter-spacing:-3px;display:flex;align-items:center;gap:1px}.brand>span{font-size:23px;color:#7b9d55;margin-top:-12px}.brand b{font-size:24px;letter-spacing:-1px;margin-left:12px}nav{display:flex;gap:38px;font-size:13px}nav a:last-child{color:var(--muted)}.hero{position:relative;padding:62px 0 42px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#76a35e;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:58px;line-height:1.16;letter-spacing:-3px;margin:23px 0 19px;font-weight:500}h1 em{font-style:normal;color:#6b8b52}.hero p{font-size:15px;line-height:1.7;color:#737e73}.hero-note{display:flex;gap:23px;font-size:11px;color:#6d786a;margin-top:25px}.glyph{position:absolute;right:90px;top:20px;font-family:Georgia,serif;font-size:265px;line-height:1.3;color:#e1e9d6;transform:rotate(-9deg);user-select:none}.glyph span{font:15px 'DM Sans',sans-serif;display:block;position:absolute;bottom:2px;left:75px;background:#eaf0df;color:#6b8454;border:1px solid #d7e2ca;padding:10px 22px;border-radius:30px;transform:rotate(9deg)}.converter{background:white;border:1px solid #dce2d4;border-radius:15px;overflow:hidden;box-shadow:0 12px 35px #283f1b06;scroll-margin-top:20px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line)}.tabs{display:flex;background:#f2f4ed;border-radius:7px;padding:4px;gap:4px}.tabs button{border:0;border-radius:5px;color:#788071;background:transparent;padding:10px 17px;font-size:12px}.tabs .active{background:white;color:var(--ink);box-shadow:0 1px 4px #203c3512;font-weight:700}.live{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b8477}.live i{width:6px;height:6px;background:#76a568;border-radius:50%}.editors{display:grid;grid-template-columns:1fr 1fr}.editor{padding:25px 25px 18px;min-width:0}.result{background:#f6f8f1;border-left:1px solid var(--line)}.editor-top,.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-top{height:24px;font-size:12px;font-weight:700}.text-button{border:0;background:none;color:#899081;font-size:11px;padding:3px}.text-button span{font-size:18px;margin-left:5px}textarea{width:100%;height:210px;resize:vertical;border:0;outline:none;background:none;font:18px/1.8 'DM Sans',sans-serif;color:var(--ink);padding:22px 0 10px;min-height:170px}textarea::placeholder{color:#a4aa9e;font-size:16px}textarea:focus-visible{outline:2px solid #81a76e;outline-offset:-2px;border-radius:8px}.result-badge{font-size:9px;font-weight:500;letter-spacing:1px;color:#829672}.editor-bottom{font-size:10px;color:#92998c;min-height:40px}.actions{display:flex;gap:8px;align-items:center}.copy{background:var(--green);color:white;border:0;border-radius:7px;padding:12px 19px;font-size:12px}.download{width:36px;height:36px;border:1px solid #dce2d4;border-radius:7px;background:transparent;font-size:20px;color:var(--green)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #78a467;outline-offset:3px}.converter-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 25px;font-size:10px;color:#8a9482}.letters{padding:54px 0 30px;scroll-margin-top:25px}.section-heading h2{font:500 27px Manrope,sans-serif;letter-spacing:-1px;margin:12px 0 8px}.section-heading>p{font-size:12px;color:#89907f;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:26px}.cards article{border:1px solid var(--line);border-radius:10px;padding:20px 22px;background:#fafbf6}.card-number{font-size:9px;letter-spacing:1.2px;color:#939c85}.cards article>div{font-family:Georgia,serif;font-size:46px;display:flex;align-items:center;justify-content:space-between;margin:15px 0}.cards small{font:22px 'DM Sans';color:#bbc6ae}.cards strong{font-weight:400;color:#467348}.cards p{font-size:12px;color:#8c9684;border-top:1px solid var(--line);padding-top:14px;margin:0;display:flex;justify-content:space-between}.cards b{font-weight:500;color:#57754a}.notice{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;background:#eef1e7;border-radius:8px;color:#838c79;font-size:11px;line-height:1.8;margin:0 0 45px}.notice>span{font-size:17px}.notice p{margin:0}.notice b{font-weight:600;color:#617058}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 0 35px;color:#8c9583;font-size:10px}footer .brand{color:var(--ink);font-size:26px}footer .brand b{font-size:19px}footer .brand>span{font-size:16px}footer p{margin-right:90px}@media(min-width:1450px){.header,main,footer{max-width:1200px}}@media(max-width:1240px){.header,main,footer{margin-left:35px;margin-right:35px}}@media(max-width:700px){.header,main,footer{margin-left:20px;margin-right:20px}.header{height:78px}nav{display:none}.hero{padding:38px 0 30px}h1{font-size:42px;letter-spacing:-2px}.hero p{font-size:14px}.hero-note{gap:11px;flex-wrap:wrap;font-size:10px}.glyph{right:-20px;top:50px;font-size:150px;opacity:.4;z-index:-1}.glyph span{display:none}.editors{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid var(--line)}.toolbar{padding:12px}.tabs button{padding:10px;font-size:11px}.live{font-size:0}.editor{padding:20px}textarea{height:170px;font-size:16px}.converter-foot{padding:12px 20px;gap:12px;line-height:1.5}.converter-foot>span:first-child{max-width:65%}.cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{padding:16px}.cards article>div{font-size:38px}.letters{padding-top:38px}.section-heading h2{font-size:24px}footer{flex-wrap:wrap;gap:10px}footer p{margin:0}footer>span{width:100%;text-align:right}}
/* Refined visual system */
:root{--ink:#163f35;--green:#195943;--muted:#626e64;--line:#dfe4d8;--paper:#f5f5ed}body{background-image:radial-gradient(#224d3410 .6px,transparent .6px);background-size:7px 7px}.header,main,footer{max-width:1140px}.header{height:88px;border-bottom:0}.brand{font-size:40px}.brand b{font:800 25px Manrope,sans-serif;letter-spacing:-1.4px}.header nav{gap:32px;font-size:12px;font-weight:600}.header nav a{padding:10px 0}.header nav a:first-child{color:#194c38;border-bottom:2px solid #194c38}.hero{padding:48px 0 44px;min-height:390px;overflow:visible}.hero>.eyebrow{font-size:10px;letter-spacing:1.5px}.hero>.eyebrow>span{box-shadow:0 0 0 4px #dde7d2}h1{font-size:58px;line-height:1.13;font-weight:600;letter-spacing:-3.4px;margin:24px 0 20px}h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:65px;letter-spacing:-3px;color:#6b804b}.hero p{font-size:14px;color:#667261;line-height:1.85}.hero-note{margin-top:26px;font-size:10px;gap:20px;color:#62705a}.type-art{position:absolute;right:0;top:27px;width:360px;height:320px;border-radius:160px 160px 22px 22px;background:#e8ecdc;overflow:hidden;isolation:isolate}.art-caption{position:absolute;top:35px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#778767}.letter-sheet{position:absolute;width:141px;height:178px;display:flex;align-items:center;justify-content:center;font:105px Georgia,serif;border-radius:8px;box-shadow:0 15px 22px #193d3217;top:88px}.letter-sheet>span{position:absolute;bottom:14px;font:8px 'DM Sans',sans-serif;letter-spacing:2px}.sheet-back{left:45px;background:#fffef8;color:#99a48c;transform:rotate(-13deg);font-size:85px;border:1px solid #dde2d1}.sheet-front{right:43px;top:74px;background:#204f3f;color:#e7eccd;transform:rotate(12deg)}.sheet-front>span{color:#a9c09b}.art-spark{position:absolute;right:21px;top:51px;font-size:48px;color:#8b9d59}.art-bottom{position:absolute;bottom:17px;left:23px;right:23px;font:19px Georgia,serif;color:#5a7350}.art-bottom i{padding:0 9px;font-style:normal;color:#abb799}.art-bottom>span{float:right;font:9px 'DM Sans',sans-serif;letter-spacing:1px;padding-top:7px}.orbit{position:absolute;border:1px solid #cbd4b7;border-radius:50%;z-index:-1;width:390px;height:140px;transform:rotate(-40deg);top:130px;left:-40px}.orbit-two{transform:rotate(40deg)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 17px}.workspace-heading h2{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.workspace-heading>span{font-size:9px;letter-spacing:1.6px;color:#7f8977}.workspace-heading i{font-style:normal;color:#b6bdaa;padding:0 9px}.converter{border-radius:17px;border:1px solid #d8dfcd;box-shadow:0 6px 12px #274c3603,0 22px 40px -28px #294c3666}.toolbar{padding:15px 22px;background:#fffefb}.tabs{border-radius:9px;background:#edf0e6;padding:4px}.tabs button{padding:11px 18px;font-size:12px;color:#65725d;transition:background .18s,color .18s,box-shadow .18s}.tabs .active{color:#fff;background:#24533e;border-radius:6px;box-shadow:0 2px 3px #1b493322}.live{color:#627558;font-size:10px;letter-spacing:.2px}.live i{background:#719c51;box-shadow:0 0 0 3px #edf3e8}.editor{padding:24px 26px 20px;background:#fffefb}.result{background:#eef3e6}.editor-top{font-size:12px;letter-spacing:.1px}.editor-top label{display:flex;align-items:center;gap:9px}.editor-top label:before{content:'Aa';font-family:Georgia,serif;font-size:14px;font-weight:400;background:#f0f1e9;border:1px solid #e4e7dc;border-radius:5px;width:28px;height:28px;display:grid;place-items:center;color:#7b866c}.result .editor-top label:before{content:'Ä';background:#e0e9d5;border-color:#d3dfc5;color:#4b6c3e}.result-badge{font-size:8px;padding:5px 7px;border:1px solid #d1ddc4;border-radius:4px;letter-spacing:1px;color:#637d51}textarea{height:210px;font-size:18px;line-height:1.85;padding-top:26px}textarea::placeholder{font-size:16px;line-height:1.9;color:#7d8975}.editor-bottom{color:#73806a;font-size:11px}.text-button{font-size:11px;color:#66745c;border-radius:4px;min-height:32px;padding:4px 6px}.text-button:hover{background:#e8eedf;color:#284f38}.copy{display:flex;align-items:center;gap:9px;font-size:12px;border-radius:7px;padding:12px 17px;box-shadow:0 3px 6px #1d503519}.copy svg,.download svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.download{display:grid;place-items:center;width:40px;height:40px;background:#ffffff80;border-color:#d0dbc6}.copy:hover:not(:disabled){background:#123d2c;transform:translateY(-1px)}.download:hover:not(:disabled){background:white}.copy,.download{transition:background .2s,transform .2s}.copy:disabled,.download:disabled{opacity:.55}.converter-foot{color:#66755c;background:#fafbf5;padding:13px 26px;font-size:10px}#status{color:#4f7542}.letters{padding:55px 0 27px}.section-heading .eyebrow{font-size:9px;color:#7e8c6c;letter-spacing:1.4px}.section-heading h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:12px 0 9px}.section-heading>p{font-size:13px;color:#6d7963}.cards{gap:15px;margin-top:24px}.cards article{position:relative;border-radius:11px;padding:21px 22px 18px;background:#fafbf5;transition:transform .2s,border-color .2s}.cards article:hover{transform:translateY(-4px);border-color:#8ca66a}.cards article:nth-child(2){background:#e9efdf}.cards article:nth-child(3){background:#f0eee3}.cards article:nth-child(4){background:#e8eee6}.card-number{font-size:8px;letter-spacing:1.2px;color:#6a7a5e}.cards article>div{font-size:49px;margin:20px 0}.cards strong{color:#315c3c}.cards small{font-size:20px;color:#97a88a}.cards p{font-size:12px;color:#69785e;border-color:#d7decc}.cards b{color:#355638}.notice{background:transparent;border:1px solid #dce2d2;font-size:11px;color:#6d7864;padding:18px 20px;margin-bottom:36px}.notice b{color:#455f3c}.notice>span{color:#7b8f67}footer{padding:23px 0 30px;font-size:11px;color:#728066}footer p{margin:0}button,a{touch-action:manipulation}a:hover{color:#5f7c42}::selection{background:#d8e7c7;color:#1b4934}@media(max-width:1000px){.type-art{width:285px;height:290px;top:43px}.letter-sheet{width:123px;height:158px;font-size:93px}.sheet-back{left:27px}.sheet-front{right:27px}.art-caption{top:30px}h1{font-size:50px}h1 em{font-size:57px}.hero-note{gap:12px}.art-spark{right:10px;font-size:37px}.art-bottom{font-size:16px}.art-bottom i{padding:0 6px}}@media(max-width:760px){.header,main,footer{margin-left:20px;margin-right:20px}.header{height:76px}.header nav{display:none}.hero{padding-top:35px;min-height:0;padding-bottom:32px}.type-art{display:none}h1{font-size:48px;letter-spacing:-2.8px}h1 em{font-size:54px;letter-spacing:-2.7px}.hero-note{gap:11px;font-size:10px}.workspace-heading{margin:10px 0 14px;gap:14px}.workspace-heading h2{font-size:14px}.workspace-heading>span{font-size:8px;letter-spacing:.6px;white-space:nowrap}.editors{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid var(--line)}.editor{padding:22px}.toolbar{padding:12px}.tabs button{padding:11px 13px;font-size:11px}.live{font-size:0}.live i{width:7px;height:7px;margin-right:5px}textarea{height:190px;font-size:17px;min-height:150px}textarea::placeholder{font-size:15px}.converter-foot{padding:12px 20px;font-size:9px;gap:12px}.cards{grid-template-columns:1fr 1fr;gap:12px}.cards article{padding:19px 17px}.cards article>div{font-size:44px}.section-heading h2{font-size:26px}.letters{padding-top:40px}.notice{line-height:1.85}footer{gap:15px}footer>span{font-size:10px;width:100%;text-align:left}.copy{min-height:42px}.text-button{min-height:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.brand{gap:10px;letter-spacing:normal}.brand .brand-icon{display:block;width:40px;height:40px;flex-shrink:0}.brand b{margin-left:0}footer .brand .brand-icon{width:32px;height:32px}footer .brand{gap:9px}

/* Consistent, optically sized interface icons. */
.icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header nav a,.tabs button,.text-button,.hero-note>span{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.header nav a:last-child{gap:10px}.header nav .icon{width:15px;height:15px;color:#6c805a;transition:transform .2s}.header nav a:hover .icon{transform:translate(2px,-2px)}
.tabs button{gap:9px;min-height:42px;padding:10px 16px}.tabs .icon{width:15px;height:15px;opacity:.75}.tabs button:hover:not(.active){background:#e0e7d6;color:#264c39}
.text-button{gap:7px;padding:7px 9px;color:#647559;transition:background .18s,color .18s}.text-button .icon{width:15px;height:15px}#clear .icon{width:14px;height:14px}#example{border:1px solid #dee5d5;background:#f6f8f0;border-radius:7px;color:#48633b}#example:hover{background:#e8eedf;border-color:#b9cbaa}
.hero-note>span{gap:6px;justify-content:flex-start}.hero-note .icon{width:13px;height:13px;color:#729354;stroke-width:1.9}.converter-foot>span:first-child{display:flex;align-items:center;gap:7px}.converter-foot .icon{width:14px;height:14px;color:#698459}
.cards .letter-transition{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d7e0ce;border-radius:50%;background:#ffffff70;flex-shrink:0;color:#6c8860}.letter-transition .icon{width:18px;height:18px;transition:transform .2s}.cards article:hover .letter-transition .icon{transform:translateX(2px)}.cards p{align-items:center}.cards p>.icon{width:13px;height:13px;color:#8a9d7c}.cards article>div{gap:12px}.notice>span{display:flex;padding-top:2px}.notice .icon{width:18px;height:18px}.art-spark{width:42px;height:42px}.art-spark .icon{width:100%;height:100%;stroke-width:1.2}
.copy:active:not(:disabled),.download:active:not(:disabled),.text-button:active{transform:translateY(1px)}
@media(max-width:760px){.tabs button{gap:6px;padding:10px 11px}.tabs .icon{width:13px;height:13px}.hero-note{column-gap:13px;row-gap:8px}.cards .letter-transition{width:29px;height:29px}.letter-transition .icon{width:15px;height:15px}.cards article>div{font-size:40px;gap:5px}.editor-bottom{gap:8px}#example{font-size:10px;padding:7px}.converter-foot>span:first-child{align-items:flex-start}.converter-foot .icon{margin-top:1px}}

/* Reserve space around the editor, keeping focus inside its own bounds. */
.editor-top{height:auto;min-height:36px}
.editor textarea{display:block;margin:12px 0;padding:14px 12px;border-radius:8px;transition:background-color .18s;}
.editor textarea:focus-visible{outline:2px solid #81a76e;outline-offset:-2px;background-color:#ffffff66}
.editor textarea[readonly]:focus-visible{outline-color:#819b70;background-color:#ffffff33}
/* Document workspace */
[hidden]{display:none!important}
.hero-formats{display:flex;align-items:center;gap:6px;margin-top:19px}.hero-formats>span{font-size:9px;letter-spacing:.5px;border:1px solid #d5ddc9;padding:5px 7px;border-radius:4px;background:#fafbf6;color:#5d7250}.hero-formats>b{font-size:10px;font-weight:400;color:#778369;margin-left:5px}.hero{padding-bottom:30px}.hero-note{margin-top:17px}.type-art{top:40px}.workspace-heading{margin-top:25px}.mode-bar{display:flex;align-items:center;justify-content:space-between;background:#fffefb;padding:0 24px;border-bottom:1px solid var(--line)}.mode-tabs{display:flex;gap:25px}.mode-tabs button{border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px;background:none;color:#839077;font-size:13px;font-weight:600;padding:19px 0 17px;min-height:58px}.mode-tabs button.selected{color:#24533e;border-bottom-color:#24533e}.mode-tabs button:hover{color:#24533e}.new-badge{font-size:7px;letter-spacing:.7px;color:#648446;background:#eaf0df;padding:4px 5px;border-radius:3px;margin-left:1px}.private-note{font-size:10px;color:#7c8a70}.toolbar{padding:13px 23px;background:#fafbf6}.file-mode .editors{border-top:1px solid var(--line)}#file-workspace{padding:28px;background:#fffefb}.upload-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center}.dropzone{border:1.5px dashed #b7c8a8;border-radius:13px;background:#f5f8ef;padding:28px 18px;text-align:center;transition:background .2s,border-color .2s}.dropzone.dragging{border-color:#285e40;background:#e4eed8;box-shadow:inset 0 0 0 2px #285e4020}.upload-symbol{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#e5edda;margin:0 auto 15px;color:#537a3e}.upload-symbol .icon{width:24px;height:24px}.dropzone h3{font:600 17px Manrope,sans-serif;letter-spacing:-.4px;margin:0 0 8px}.dropzone p{color:#7d8c6f;font-size:12px;margin:0 0 19px}.choose-file{background:#24533e;color:white;border:0;border-radius:7px;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:12px;box-shadow:0 3px 8px #284a3620}.choose-file:hover{background:#163f2b}.upload-types{display:block;font-size:10px;color:#748466;margin-top:18px}.upload-types i{font-style:normal;border-left:1px solid #cdd8c1;padding-left:10px;margin-left:10px}.file-guide>.eyebrow{font-size:8px;color:#829171;letter-spacing:1.5px}.file-guide>h3{font:500 25px/1.3 Manrope,sans-serif;letter-spacing:-1px;margin:12px 0 19px}.format-row{display:flex;gap:11px;align-items:center;margin:12px 0}.format-row p{margin:0}.format-row strong{display:block;font-size:11px;font-weight:600}.format-row p span{display:block;font-size:10px;color:#78876a;margin-top:4px}.file-limit-note{font-size:10px;line-height:1.85;color:#7c866f;border-top:1px solid #e4e9dc;padding-top:16px;margin:22px 0 0}.file-summary{display:flex;gap:12px;align-items:center;border:1px solid #dce5d2;background:#f9fbf5;border-radius:9px;padding:15px 17px;margin-top:22px}.file-summary>.icon{width:25px;height:25px;color:#6c8b55}.file-summary>div{min-width:0;flex:1}.file-summary strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.file-summary span{display:block;color:#7b8971;font-size:10px;margin-top:4px}.file-summary button{flex-shrink:0}.file-progress{display:flex;align-items:center;gap:12px;margin:13px 0;font-size:11px;color:#6f8260}.file-progress progress{width:100px;height:5px;accent-color:#618647;border:0;border-radius:10px;overflow:hidden}.file-progress progress::-webkit-progress-bar{background:#e6ecdc}.file-progress progress::-webkit-progress-value{background:#6f9652}#file-ready{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf1df;border:1px solid #d4e1c5;border-radius:9px;padding:17px 20px}.ready-kicker{font-size:8px;letter-spacing:1.6px;color:#5f8243;font-weight:700}#file-ready p{font-size:11px;line-height:1.7;color:#667c53;margin:5px 0 0}#save-file{flex-shrink:0}#file-error{background:#fbede7;color:#934b35;border:1px solid #eccdc0;border-radius:8px;padding:13px 16px;font-size:12px;line-height:1.7}#file-warning{color:#8c6b32;background:#faf4e4;border-radius:7px;padding:12px 15px;font-size:11px;line-height:1.7}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0 0;padding:0 3px}.how-it-works>div{display:flex;align-items:flex-start;gap:10px}.how-it-works>div>span{font:italic 21px Georgia,serif;color:#9dae88}.how-it-works p{margin:0}.how-it-works b{display:block;font-size:11px;font-weight:500}.how-it-works small{display:block;font-size:10px;color:#7e8a70;margin-top:5px;line-height:1.6}.file-mode .editor textarea[readonly]{cursor:text}.file-mode .editors:before{content:none}.file-mode #example,.file-mode #clear{display:none}.file-mode .editor-top label:before{content:'Aa'}.letters{padding-top:45px}
@media(max-width:760px){.hero-formats{flex-wrap:wrap}.hero-formats>b{flex-basis:100%;margin:4px 0 0}.mode-bar{padding:0 17px}.mode-tabs{gap:22px}.mode-tabs button{font-size:12px;gap:6px}.private-note{font-size:9px}.mode-tabs .icon{width:16px;height:16px}#file-workspace{padding:18px}.upload-layout{grid-template-columns:1fr;gap:22px}.file-guide>h3,.file-guide>.eyebrow{display:none}.file-guide{display:grid;gap:12px;grid-template-columns:1fr}.format-row{margin:0}.dropzone{padding:25px 12px}.dropzone h3{font-size:16px}#file-ready{align-items:stretch;flex-direction:column;gap:13px;padding:15px}#save-file{justify-content:center}.file-summary{padding:12px;gap:9px}.file-summary button{font-size:10px}.file-summary strong{font-size:11px}.file-limit-note{font-size:10px}.how-it-works{grid-template-columns:1fr;gap:15px;margin-top:24px}.how-it-works>div{gap:15px}.how-it-works small{margin-top:3px}.file-progress{align-items:flex-start}.file-progress progress{margin-top:5px;flex-shrink:0;width:65px}}

.format-symbol{display:block;box-sizing:border-box;flex:0 0 40px;width:40px;height:40px;object-fit:contain}
/* Office SVGs include a 4/48 inset; match its visible width for Acrobat. */
.format-symbol-pdf{padding:3px 3.333px}

/* Optional support, separate from the conversion flow. */
.support-banner{display:flex;align-items:center;gap:20px;margin:38px 0;padding:26px 30px;border:1px solid #dce4d3;border-radius:20px;background:#f0f4e9}.support-heart{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#e1ead6;color:#456936;font-size:30px}.support-copy{flex:1}.support-copy h2{margin:0 0 7px;font-size:18px;letter-spacing:-.4px}.support-copy p{margin:0;color:#6d7d63;font-size:13px;line-height:1.6}.support-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:14px 20px;background:#23533f;color:#fff;font:600 13px Manrope,sans-serif;cursor:pointer}.support-button:hover{background:#183f30}.support-button:focus-visible,.support-close:focus-visible{outline:3px solid #82a56b;outline-offset:3px}#support-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:32px;border:1px solid #dce4d3;border-radius:24px;background:#fffefa;color:#193f33;box-shadow:0 24px 90px #102b3333;overflow:auto}#support-dialog::backdrop{background:#102c26a6;backdrop-filter:blur(4px)}.support-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#edf1e7;color:#42614c;font-size:25px;line-height:1;cursor:pointer}.support-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#799163}#donate-title{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:14px 0 12px}#donate-description{font-size:13px;line-height:1.7;color:#6d7d63;margin:0}.donate-qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0}.donate-qr img{display:block;width:210px;max-width:100%;height:auto;border-radius:12px}.donate-qr strong{font-size:13px}.donate-qr a{color:#567445;font-size:12px;text-underline-offset:3px}.donate-card{padding:18px;background:#f0f4e9;border:1px solid #dde5d5;border-radius:14px;text-align:center}.donate-card>span:first-child{font-size:9px;letter-spacing:1.7px;color:#7b896c;font-weight:700}#donate-number{display:block;box-sizing:border-box;width:100%;margin:12px 0 8px;padding:0;background:transparent;border:0;color:#193f33;text-align:center;font:600 20px/1.4 monospace;letter-spacing:.4px}.donate-card p{margin:0 0 16px;font-size:12px;color:#6d7d63}.donate-card .support-button{width:100%}#donate-status{display:block;font-size:12px;line-height:1.5;margin-top:8px}#donate-status:empty{display:none}.donate-note{font-size:11px;line-height:1.6;text-align:center;color:#7b896c;margin:16px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.donation-open{overflow:hidden}@media(max-width:600px){.support-banner{flex-wrap:wrap;padding:22px;gap:14px}.support-copy{flex-basis:calc(100% - 65px)}.support-banner>.support-button{width:100%}.support-copy h2{font-size:16px}#support-dialog{padding:26px 22px}#donate-number{font-size:19px}}

/* Hash links open the popup without depending on JavaScript. */
.support-button{text-decoration:none}.support-overlay{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.support-overlay:target{display:flex}.support-backdrop{position:absolute;inset:0;background:#102c26a6;backdrop-filter:blur(4px)}#support-panel{position:relative;box-sizing:border-box;width:min(440px,100%);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:28px;background:#fffefa;border:1px solid #dce4d3;border-radius:24px;color:#193f33;box-shadow:0 24px 90px #102b3333}.support-close{display:grid;place-items:center;text-decoration:none}body:has(.support-overlay:target){overflow:hidden}#support-panel .donate-qr{margin:14px 0}#support-panel .donate-qr img{width:190px}#support-panel .donate-card{padding:14px}#support-panel #donate-title{font-size:27px}#support-panel .donate-note{margin-bottom:0}@media(max-width:600px){.support-overlay{padding:12px}#support-panel{padding:26px 20px;max-height:calc(100dvh - 24px)}}

/* Alifbom conversion controls and reading aids. */
.conversion-settings{display:flex;align-items:center;gap:14px;padding:18px 26px;border-top:1px solid #dce4d3;background:#fffefa}.conversion-settings label{font-size:12px;font-weight:600}.conversion-settings select,.ocr-settings select{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:middle;max-width:100%;padding:8px 28px 8px 12px;background-color:#f1f5ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2324533e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;color:#193f33;border:1px solid #d6dfcf;border-radius:9px;font:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer;outline:none;box-sizing:border-box;transition:border-color .18s,background-color .18s,width .15s ease}
.conversion-settings select:hover,.ocr-settings select:hover{background-color:#e8eee2;border-color:#b7c8aa}
.conversion-settings select:focus-visible,.ocr-settings select:focus-visible{outline:2px solid #81a76e;outline-offset:1px}.conversion-settings a{margin-left:auto;font-size:12px;color:#59744b;text-underline-offset:3px}.conversion-note{margin:0;padding:12px 26px;border-top:1px solid #dce4d3;color:#6c7c61;font-size:12px;line-height:1.7}.ocr-settings{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;padding:16px;background:#f3f6ed;border-radius:12px;font-size:12px}.ocr-settings label{display:flex;align-items:center;gap:8px}.ocr-settings input,.changes-toggle input{accent-color:#23533f;width:17px;height:17px}.ocr-settings small{flex-basis:100%;color:#728365;line-height:1.6}.changes-section{padding:18px 26px;border-top:1px solid #dce4d3}.changes-toggle{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#45633c;cursor:pointer}.changes-preview{max-height:280px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;padding:18px;border:1px solid #dce4d3;background:#fffefa;border-radius:10px;font-size:16px;line-height:1.9}.changes-preview mark{background:#e0edc2;color:#26452e;border-radius:3px;padding:1px 2px}#changes-summary{font-size:12px;color:#6c7c61}#changes-panel small{display:block;margin-top:10px;font-size:11px;color:#6c7c61}.help-section{margin:55px 0 35px;max-width:800px}.help-section h2{font-size:30px;letter-spacing:-1px;margin:12px 0 22px}.help-section details{border-bottom:1px solid #dce4d3;padding:16px 0}.help-section summary{cursor:pointer;color:#214c39;font-size:15px;font-weight:600;line-height:1.5}.help-section details p{font-size:13px;line-height:1.9;color:#6c7c61;margin:12px 0 0}.help-section a{color:#355f40}.tabs button span{font-size:20px;font-weight:400;line-height:1}.guide-page{max-width:820px;margin:50px auto;padding:0 24px}.guide-page h1{font-size:clamp(30px,6vw,48px);line-height:1.2}.guide-page h2{margin-top:35px;font-size:23px}.guide-page p,.guide-page li{font-size:16px;line-height:1.8;color:#576950}.guide-example{background:#edf3e4;border:1px solid #dce4d3;border-radius:14px;padding:20px}.guide-cta{margin:24px 0}.header .brand b{letter-spacing:-1.5px}@media(max-width:600px){.conversion-settings{padding:14px;gap:8px;flex-wrap:wrap}.conversion-settings label{width:100%}.conversion-settings select{flex:0 1 auto}.conversion-settings a{font-size:11px}.conversion-note,.changes-section{padding:14px}.ocr-settings{padding:12px}.ocr-settings>label:first-child{flex-basis:100%}.help-section{margin-top:35px}.help-section h2{font-size:26px}.tabs{max-width:100%}.tabs button{min-width:0;font-size:12px}.support-button{box-sizing:border-box}}
.text-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 26px;border-top:1px solid #dce4d3}.text-tools>span{font-size:11px;color:#79876c}.text-tools button{display:inline-flex;align-items:center;gap:8px}.text-tools button:disabled{opacity:.45;cursor:default}.file-mode .text-tools{display:none}.batch-panel{margin:24px 0;padding:22px;border:1px solid #dce4d3;border-radius:16px;background:#f8faf3}.batch-heading{display:flex;gap:14px;justify-content:space-between;align-items:center}.batch-heading h3{font-size:20px;margin:0}.batch-heading p,#batch-status{font-size:12px;color:#657b57}.batch-panel ol{list-style:none;margin:18px 0;padding:0}.batch-panel li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 15px;padding:15px 0;border-top:1px solid #dce4d3}.batch-panel li>strong{font-size:13px;overflow-wrap:anywhere}.batch-panel li>span{grid-column:1;font-size:12px;line-height:1.6;color:#75846b}.batch-panel li>div{grid-column:2;grid-row:1/3;align-self:center}.batch-panel li[data-state=error]>span{color:#a14432}.batch-panel li[data-state=done]>strong{color:#2c623e}.batch-note{font-size:11px;line-height:1.7;color:#7b896c}.batch-panel .copy:disabled{opacity:.45}@media(max-width:600px){.text-tools{padding:14px}.batch-panel{padding:14px}.batch-heading{align-items:flex-start;flex-direction:column}.batch-panel li{grid-template-columns:1fr}.batch-panel li>div{grid-row:auto;grid-column:1}.batch-panel .copy{width:100%;font-size:12px}}

/* Native select sizing reserves space for text, padding and the chevron. */
.conversion-settings select,.ocr-settings select{width:auto;min-width:190px;flex-shrink:0;padding:10px 40px 10px 14px;transition:border-color .18s,background-color .18s}.conversion-settings select{min-width:200px}.guide-links{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fffefa}.guide-links h2{font-size:22px;margin:0 0 12px}.guide-links p{line-height:1.8;color:#617058}.guide-page p a,.notice a{text-decoration:underline;text-underline-offset:3px}.hero h1{max-width:650px}@media(max-width:600px){.conversion-settings select{flex:0 0 auto;max-width:100%}.conversion-settings a{margin-left:0}.guide-links{padding:18px}.guide-links h2{font-size:20px}}

.guide-links a{text-decoration:none}.guide-links a:hover{color:var(--green)}.telegram-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #d6dfcf;border-radius:10px;color:#24533e;font-size:12px;white-space:nowrap;text-decoration:none}.telegram-link svg{width:20px;height:20px;flex-shrink:0;fill:currentColor}.telegram-link:hover{background:#e8eee2}footer{gap:16px;flex-wrap:wrap}footer p{margin-right:0}

.text-tools{flex-wrap:wrap}.text-tools #paste-text,.text-tools #restore-text{padding:9px 12px;min-height:40px;border:1px solid #d6dfcf;border-radius:8px;background:#f1f5ec;color:#24533e}.text-tools #restore-text{background:#fff8e9;border-color:#e6d5ae}