@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--page:#f8f9fd;--surface:#fff;--surface-alt:#f8f9ff;--surface-accent:#f1edff;--text:#202039;--text-soft:#6e718a;--text-faint:#9599aa;--border:#e8eaf3;--purple:#7050e9;--purple-dark:#5e3dd1;--purple-light:#f0ebff;--mint:#d9faeb;--shadow:0 20px 60px rgba(46,43,95,.075);--purple-shadow:0 8px 30px rgba(111,81,221,.2);--radius:20px}
[data-theme="dark"]{color-scheme:dark;--page:#111421;--surface:#1a1f30;--surface-alt:#1e2437;--surface-accent:#2a254a;--text:#f5f5fc;--text-soft:#b2b6c9;--text-faint:#8f93a6;--border:#35394b;--purple:#9b84ff;--purple-dark:#7d62eb;--purple-light:#332a58;--mint:#254c44;--shadow:0 20px 60px rgba(0,0,0,.16);--purple-shadow:0 8px 30px rgba(106,72,212,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.5;position:relative;min-width:320px}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad96ff;outline-offset:3px}::selection{background:#c2b6ff66}h1,h2,h3,h4,p{margin-top:0}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(2px)}.ambient-one{height:430px;width:440px;top:138px;inset-inline-end:0;background:radial-gradient(ellipse at center,#e2ddff85,transparent 70%)}.ambient-two{height:460px;width:550px;top:630px;inset-inline-start:0;background:radial-gradient(ellipse at center,#def8ef55,transparent 72%)}[data-theme="dark"] .ambient-one,[data-theme="dark"] .ambient-two{opacity:.17}
.top-note{height:35px;background:#24213f;color:#fff;text-align:center;font-size:11.5px;letter-spacing:.015em;display:flex;align-items:center;justify-content:center;gap:9px}.top-note-star{color:#c5abff}.top-note a{color:#dbcbff;font-weight:800}.top-note a:hover{text-decoration:underline}
.site-header{height:82px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.5px;color:var(--text)}.brand-period{color:var(--purple)}.brand-icon{width:38px;height:38px;border-radius:12px;background:#7050e9;display:grid;place-items:center;box-shadow:0 5px 13px #7050e932;color:white;font-size:24px}.nav-links{display:flex;align-items:center;gap:33px}.nav-links a{font-size:13px;font-weight:700;color:var(--text-soft);transition:color .15s}.nav-links a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:13px}.ui-language-btn,.icon-button{border:1px solid var(--border);color:var(--text-soft);background:var(--surface);height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;padding:0 11px}.ui-language-btn:hover,.icon-button:hover{border-color:var(--purple);color:var(--purple)}.globe-icon{font-size:19px;line-height:1}.icon-button{width:39px;font-size:19px}.header-cta{background:var(--text);color:var(--surface);border-radius:11px;font-size:12px;font-weight:800;padding:12px 16px;white-space:nowrap}.header-cta:hover{background:var(--purple-dark);color:white}
.hero{min-height:370px;display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:35px;padding-top:57px;padding-bottom:53px}.hero-content{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--purple);display:flex;align-items:center;gap:9px}.eyebrow{border:1px solid #dcd5ff;background:var(--purple-light);border-radius:30px;display:inline-flex;padding:9px 13px;letter-spacing:.12em}.eyebrow-dot{background:#6f50e6;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #9c82ef33}.hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(40px,4.4vw,62px);font-weight:800;line-height:1.13;letter-spacing:-3.4px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--purple);position:relative;white-space:nowrap}.hero h1 em:after{content:'';background:#bcaaff77;height:10px;border-radius:99px;position:absolute;bottom:4px;left:2px;right:1px;z-index:-1;transform:rotate(-1deg)}.hero-description{font-size:14px;line-height:1.85;color:var(--text-soft);max-width:520px;margin-bottom:19px}.hero-highlights{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--text-soft);font-size:11.5px;font-weight:700}.hero-highlights>span{display:flex;align-items:center;gap:6px}.mini-check{border:1px solid #9bdac1;border-radius:50%;color:#2caa75;font-size:10px;font-weight:900;width:17px;height:17px;display:grid;place-items:center}
.hero-art{height:280px;position:relative;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;width:370px;height:255px;border-radius:50%;background:radial-gradient(ellipse,#e2dcffbb 0,transparent 70%)}.float-card{position:relative;background:var(--surface);border:1px solid #ece7ff;box-shadow:0 20px 60px rgba(69,54,139,.13);border-radius:18px}.float-card-main{width:345px;padding:24px 22px;transform:rotate(-5deg) translateY(-6px)}.float-card-top{display:flex;align-items:center;gap:10px}.float-avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;color:var(--purple);font-size:16px;font-weight:800;background:var(--purple-light)}.float-lines{display:flex;flex-direction:column;gap:7px;flex:1}.float-lines b{width:48%;height:6px;border-radius:99px;background:#e9e7f0}.float-lines b+ b{width:32%}.float-bubble{height:31px;width:31px;display:grid;place-items:center;background:#ddf6ea;color:#28a46d;border-radius:50%;font-size:17px;font-weight:800}.float-card p{font-size:15.5px;font-weight:700;margin:22px 0 14px;color:var(--text)}.wrong-word{color:#e36d82;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#e36d82}.right-word{background:#dcf8e9;border-radius:5px;padding:3px 5px;color:#249d6c}.float-card-rule{border-top:1px solid var(--border);padding-top:13px;font-size:11px;color:var(--text-soft);font-weight:700}.float-card-rule span{color:#8565e1}.float-sticker{position:absolute;display:flex;align-items:center;gap:10px;bottom:15px;right:3px;background:var(--surface);border:1px solid #e7e3f5;box-shadow:0 12px 36px #3d30681d;padding:11px 18px 11px 11px;border-radius:15px;transform:rotate(5deg)}.sticker-icon{display:grid;place-items:center;width:32px;height:32px;background:#ede5ff;color:var(--purple);border-radius:10px;font-size:22px}.float-sticker strong{font-size:11px;display:block}.float-sticker small{font-size:10px;color:var(--text-faint);display:block}.art-spark{position:absolute;font-size:30px;color:#967bea}.art-spark-one{top:-5px;right:52px}.art-spark-two{bottom:42px;left:34px;color:#f7bd72}
.workspace-section{padding-top:11px;scroll-margin-top:25px}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.workspace-heading h2,.features-title h2,.faq-heading h2,.how-banner h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(23px,2.3vw,31px);letter-spacing:-1.05px;line-height:1.25;margin:7px 0}.workspace-heading h2 span{color:var(--purple)}.workspace-heading p,.features-title p{font-size:12px;color:var(--text-soft);margin:6px 0 0}.workspace-tools{display:flex;gap:9px;margin-bottom:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.soft-btn{border:1px solid var(--border);border-radius:11px;font-size:11.5px;font-weight:800;color:var(--text-soft);background:var(--surface);padding:12px 15px}.soft-btn:hover{border-color:#beaef9;color:var(--purple);background:var(--surface-alt)}.soft-btn>span:first-child{font-size:18px;line-height:1;color:var(--purple)}.file-picker{cursor:pointer}.file-picker input{position:absolute;left:-9999px;opacity:0;width:1px;height:1px}.file-picker:focus-within{outline:3px solid #ad96ff;outline-offset:3px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1.73fr) minmax(315px,1fr);gap:18px;align-items:stretch}.editor-card,.suggestions-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.editor-card{display:flex;flex-direction:column}.editor-toolbar,.suggestion-top{height:64px;border-bottom:1px solid var(--border);padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-label,.editor-toolbar-right,.editor-toolbar-right,.suggestion-top-title{display:flex;align-items:center;gap:10px}.editor-label strong{font-size:13px}.editor-label-icon{font-size:21px;color:var(--purple)}.draft-indicator{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--text-faint);font-weight:600;margin-inline-start:8px}.saved-dot{width:6px;height:6px;border-radius:50%;background:#3ac896}.tiny-tool{display:inline-flex;align-items:center;gap:5px;padding:6px 7px;background:none;border:0;color:var(--text-faint);font-size:11px;font-weight:700}.tiny-tool:hover{color:var(--purple)}.tiny-tool:disabled{opacity:.45}.tiny-tool>span:first-child{font-size:18px;line-height:1}.editor-options{min-height:59px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 22px;border-bottom:1px solid var(--border)}.select-label{color:var(--text-soft);font-size:10.5px;font-weight:800;white-space:nowrap}.select-wrap{position:relative;max-width:235px}.select-wrap select{appearance:none;background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:11px;padding:9px 31px 9px 12px;min-width:156px;max-width:235px;width:100%;font-weight:700;outline:none;cursor:pointer}.select-wrap select:hover{border-color:var(--purple)}.select-chevron{position:absolute;right:13px;top:4px;font-size:18px;color:var(--text-faint);pointer-events:none}.offline-toggle{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;font-size:10px;color:var(--text-soft);font-weight:700;cursor:pointer}.offline-toggle input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:29px;height:17px;border-radius:30px;background:#d7d8e3;transition:background .15s;flex:none}.switch-track:after{content:'';height:11px;width:11px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;position:absolute;left:3px;top:3px;transition:transform .15s}.offline-toggle input:checked+.switch-track{background:var(--purple)}.offline-toggle input:checked+.switch-track:after{transform:translateX(12px)}.offline-toggle input:focus-visible+.switch-track{outline:3px solid #ad96ff;outline-offset:3px}
.editor-input-container{position:relative;min-height:335px;flex:1;overflow:hidden}.highlight-layer,#textInput{font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.95;letter-spacing:.005em;padding:24px 24px 20px;margin:0;border:0;white-space:pre-wrap;overflow-wrap:break-word;tab-size:4;width:100%;height:100%;position:absolute;inset:0}.highlight-layer{z-index:1;color:var(--text);pointer-events:none;overflow:hidden}.highlight-layer .mirror-text{display:block;white-space:pre-wrap;overflow-wrap:break-word;min-height:100%;}.highlight-layer mark{border-radius:2px;color:inherit;background:#ffe8a6b5;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#e3a33d;text-decoration-thickness:1.5px;text-underline-offset:4px}.highlight-layer mark.grammar{background:#ffe7ebaa;text-decoration-color:#dd6b79}.highlight-layer mark.spelling{background:#fff0c5aa;text-decoration-color:#d49c36}.highlight-layer mark.style{background:#e7ddffaa;text-decoration-color:#9671dd}#textInput{z-index:2;resize:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--text);outline:none;overflow-y:auto}#textInput::placeholder{color:var(--text-faint);-webkit-text-fill-color:var(--text-faint);opacity:1}#textInput::selection{background:#8b73ee4f;-webkit-text-fill-color:transparent}.editor-watermark{position:absolute;right:30px;bottom:22px;font-size:62px;color:var(--purple-light);pointer-events:none;z-index:0}.editor-bottom{min-height:53px;display:flex;align-items:center;justify-content:space-between;padding:10px 19px 10px 23px;border-top:1px solid var(--border);gap:8px}.text-stats,.editor-utilities{display:flex;align-items:center;gap:10px;white-space:nowrap}.text-stats{color:var(--text-faint);font-size:10.5px}.text-stats strong{color:var(--text-soft);font-weight:800}.text-stats i{display:block;width:3px;height:3px;background:#c4c6d0;border-radius:50%}.action-bar{border-top:1px solid var(--border);background:var(--surface-alt);min-height:85px;padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.action-hint{display:flex;align-items:flex-start;gap:9px;color:var(--text-soft);font-size:10.5px;line-height:1.5;max-width:300px}.action-hint-icon{color:#9b80e8;font-size:18px;line-height:1}.check-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:13px 17px;min-height:47px;background:#7050e9;color:white;box-shadow:var(--purple-shadow);font-size:12.5px;font-weight:800;white-space:nowrap;transition:transform .18s,background .18s}.check-button:hover{background:#5a3bcf;transform:translateY(-1px)}.check-button:disabled{opacity:.55;transform:none;box-shadow:none}.check-button-icon{font-size:18px;font-weight:500}.check-arrow{font-size:17px}.check-button.loading .check-button-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-bar{border-top:1px solid var(--border);padding:12px 22px;font-size:11px;font-weight:700;line-height:1.6}.message-bar[data-type="success"]{background:#ecfff5;color:#227d55}.message-bar[data-type="warning"]{background:#fff5df;color:#9b661c}.message-bar[data-type="error"]{background:#fff0f1;color:#ae4357}[data-theme="dark"] .message-bar{background:var(--surface-alt)!important;color:var(--text-soft)!important}
.suggestions-card{display:flex;flex-direction:column;min-height:580px}.suggestion-top-title h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;letter-spacing:-.3px;margin:0}.suggestion-heading-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--purple-light);color:var(--purple);font-size:22px;border-radius:10px}.suggestion-count{background:var(--purple-light);color:var(--purple);font-size:11px;font-weight:800;border-radius:99px;padding:3px 10px}.suggestion-filters{display:flex;gap:5px;padding:14px 17px 11px;border-bottom:1px solid var(--border);overflow-x:auto}.filter-chip{background:transparent;border:1px solid transparent;color:var(--text-faint);border-radius:8px;white-space:nowrap;padding:7px 11px;font-size:10px;font-weight:800}.filter-chip span{font-size:9px;opacity:.65}.filter-chip:hover{color:var(--purple)}.filter-chip.active{color:var(--purple);background:var(--purple-light);border-color:#e4dafa}.suggestion-scroll{overflow-y:auto;flex:1;min-height:200px;max-height:435px;padding:10px 17px}.suggestion-empty{text-align:center;display:grid;justify-items:center;align-content:center;min-height:275px;padding:15px}.empty-illustration{height:107px;width:107px;border-radius:30px;background:linear-gradient(145deg,#f4efff,#e8fff5);display:grid;place-items:center;transform:rotate(-8deg);margin-bottom:25px;position:relative}.empty-illustration span:first-child{font-size:61px;color:#9575ed;line-height:1}.empty-illustration span:last-child{position:absolute;background:#4dbf8b;color:white;border:5px solid var(--surface);border-radius:50%;width:41px;height:41px;display:grid;place-items:center;right:-14px;bottom:-8px;font-size:19px;font-weight:900;transform:rotate(8deg)}.suggestion-empty h4{font-size:13px;font-weight:800;margin:0 0 8px}.suggestion-empty p{font-size:11px;color:var(--text-faint);max-width:240px;line-height:1.8;margin:0}.suggestion-item{border:1px solid var(--border);border-radius:12px;padding:14px;margin:9px 0 11px;box-shadow:0 4px 12px #231c4310;transition:border .15s}.suggestion-item:hover,.suggestion-item.selected{border-color:#c3b2fc}.issue-label{display:flex;align-items:center;justify-content:space-between;gap:5px}.category-pill{font-size:9px;font-weight:800;letter-spacing:.035em;padding:4px 8px;border-radius:5px;background:#fdf0d8;color:#ac7425}.category-pill.grammar{background:#ffe7ed;color:#c44d6c}.category-pill.spelling{background:#fff1d4;color:#b27826}.category-pill.style{background:#eee7ff;color:#7753ca}.dismiss-issue{border:0;color:var(--text-faint);background:none;font-size:18px;line-height:1;padding:3px 5px}.dismiss-issue:hover{color:var(--purple)}.suggestion-title{font-size:12px;font-weight:800;margin:10px 0 5px;overflow-wrap:anywhere}.suggestion-description{font-size:10.5px;color:var(--text-soft);line-height:1.65;margin:0 0 10px}.suggestion-context{font-size:10px;color:var(--text-soft);background:var(--surface-alt);border-radius:7px;padding:9px 10px;overflow-wrap:anywhere;max-height:70px;overflow:hidden;margin-bottom:10px}.suggestion-context strong{border-bottom:2px wavy #dc8a8c;color:var(--text);font-weight:800}.fix-list{display:flex;gap:6px;flex-wrap:wrap}.fix-button{border:1px solid #ded4ff;background:var(--purple-light);color:var(--purple);font-size:10.5px;font-weight:800;padding:8px 11px;border-radius:8px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.fix-button:hover{background:#7655e5;color:white;border-color:#7655e5}.no-fix{font-size:10px;color:var(--text-faint);font-style:italic}.suggestions-footer{border-top:1px solid var(--border);padding:15px 17px;background:var(--surface-alt)}.suggestion-footer-text{font-size:10px;color:var(--text-soft);display:flex;align-items:center;gap:6px;margin-bottom:10px}.sparkle{font-size:18px;color:var(--purple)}.apply-all{width:100%;border:1px solid var(--purple);background:var(--surface);color:var(--purple);border-radius:9px;min-height:39px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:800}.apply-all:hover:not(:disabled){background:var(--purple);color:white}.apply-all:disabled{opacity:.45;border-color:var(--border);color:var(--text-faint);background:var(--surface)}.workspace-footnote{text-align:center;padding:16px 5px;color:var(--text-faint);font-size:10.5px;line-height:1.7}.workspace-footnote>a{font-weight:800;text-decoration:underline;color:var(--purple)}.workspace-footnote>span:first-child{color:var(--purple)}
.features-section{padding-top:68px;padding-bottom:42px;scroll-margin-top:30px}.features-title{text-align:center;display:grid;justify-items:center;margin-bottom:25px}.features-title h2{font-size:30px;margin:10px 0 6px}.features-title h2 em,.how-banner h2 em{font-style:normal;color:var(--purple)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{border:1px solid var(--border);border-radius:16px;padding:24px 22px;background:var(--surface)}.feature-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;letter-spacing:-.1px;margin:17px 0 9px}.feature-card p{font-size:11px;color:var(--text-soft);line-height:1.9;margin:0}.feature-icon{height:42px;width:42px;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:700}.feature-icon.lilac{background:#f0e9ff;color:#7955dc}.feature-icon.mint{background:#e2f9ee;color:#35ae7c}.feature-icon.peach{background:#fff0e3;color:#dc9a58}.feature-icon.blue{background:#e9f0ff;color:#638ce1}
.how-section{padding-top:28px;padding-bottom:55px}.how-banner{background:#282440;border-radius:22px;min-height:174px;color:white;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.how-banner:after{content:'✦';position:absolute;right:-30px;top:-90px;color:#7770af33;font-size:350px;line-height:1;pointer-events:none}.how-banner h2{font-size:26px;max-width:310px;margin-top:10px}.how-banner h2 em{color:#b9a8ff}.section-kicker.light{color:#c3b4ff}.how-steps{display:flex;gap:22px;position:relative;z-index:1}.how-steps>div{width:116px;border-inline-start:1px solid #67617e;padding-inline-start:17px}.how-steps b{font-size:18px;color:#bba9ff;display:block;margin-bottom:11px}.how-steps span{font-size:11px;color:#eeecf9;font-weight:700;line-height:1.5;display:block}.faq-section{padding-bottom:70px;scroll-margin-top:30px}.faq-heading{display:grid;justify-items:center;margin-bottom:28px}.faq-heading h2{margin-top:9px;font-size:28px}.faq-list{max-width:820px;margin:0 auto}.faq-list details{border-bottom:1px solid var(--border);padding:18px 8px}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{cursor:pointer;list-style:none;font-size:13px;font-weight:800;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';color:var(--purple);font-size:22px;font-weight:400;line-height:17px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;color:var(--text-soft);max-width:720px;line-height:1.9;margin:12px 0 1px}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:31px 0 25px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.footer-brand{font-size:20px}.footer-brand .brand-icon{height:31px;width:31px;font-size:17px;border-radius:10px}.footer-inner p{margin:8px 0 0;color:var(--text-faint);font-size:11px}.footer-links{display:flex;gap:24px;font-size:11px;color:var(--text-soft);font-weight:700}.footer-links a:hover{color:var(--purple)}.copyright{grid-column:1/-1;border-top:1px solid var(--border);padding-top:18px;color:var(--text-faint);font-size:10px;text-align:center}.toast{position:fixed;z-index:99;bottom:26px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;border-radius:11px;background:#25213d;color:white;padding:11px 18px;font-size:12px;font-weight:700;box-shadow:0 15px 45px #0003;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading-ellipsis:after{content:'…';animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2}}
/* RTL interface keeps the same editorial layout while flipping textual controls */
html[dir="rtl"] .hero-art{transform:scaleX(-1)}html[dir="rtl"] .hero-art>*{direction:ltr}html[dir="rtl"] .select-wrap select{padding:9px 12px 9px 31px}html[dir="rtl"] .select-chevron{right:auto;left:13px}html[dir="rtl"] .check-arrow{transform:scaleX(-1)}html[dir="rtl"] .header-cta{direction:rtl}html[dir="rtl"] .switch-track:after{left:3px}html[dir="rtl"] .offline-toggle input:checked+.switch-track:after{transform:translateX(12px)}html[dir="rtl"] .highlight-layer,html[dir="rtl"] #textInput{text-align:start}
@media(max-width:1060px){.nav-links{gap:20px}.hero{grid-template-columns:1.15fr .85fr}.float-card-main{width:300px}.float-card p{font-size:13px}.editor-layout{grid-template-columns:minmax(0,1.42fr) minmax(288px,1fr)}.editor-options{gap:7px}.offline-toggle{margin-inline-start:0}.action-bar{flex-wrap:wrap}.action-hint{max-width:none}.check-button{margin-inline-start:auto}}
@media(max-width:830px){.nav-links{display:none}.hero{grid-template-columns:1fr .6fr;gap:0}.hero-art{transform:scale(.82)}.hero h1{font-size:46px}.editor-layout{grid-template-columns:1fr}.editor-input-container{min-height:330px}.suggestions-card{min-height:340px}.suggestion-scroll{max-height:420px}.suggestion-empty{min-height:210px}.feature-grid{grid-template-columns:repeat(2,1fr)}.how-banner{padding:28px}.how-steps{gap:7px}.how-steps>div{width:90px;padding-inline-start:10px}}
@media(max-width:640px){.container{width:min(100% - 28px,1200px)}.top-note{font-size:10px;padding:0 12px}.site-header{height:65px}.brand{font-size:21px}.brand-icon{width:34px;height:34px}.header-actions{gap:7px}.header-cta{display:none}.hero{grid-template-columns:1fr;padding:38px 0 30px;min-height:0}.hero h1{font-size:clamp(39px,10vw,55px);letter-spacing:-2.5px}.hero-description{font-size:13px}.hero-art{display:none}.hero-highlights{font-size:10px}.workspace-heading{align-items:start;flex-direction:column;gap:14px}.workspace-heading h2{font-size:25px}.workspace-tools{width:100%;display:flex}.workspace-tools .button{flex:1}.editor-toolbar,.suggestion-top{padding:0 16px}.draft-indicator{display:none}.editor-options{padding:12px 14px}.offline-toggle{width:100%}.select-wrap{max-width:none;flex:1}.select-wrap select{max-width:none;width:100%}.highlight-layer,#textInput{padding:19px 17px;font-size:13.5px}.editor-input-container{min-height:300px}.editor-bottom{flex-direction:column;align-items:stretch;padding:10px 15px;gap:7px}.editor-utilities{align-self:flex-end}.text-stats{gap:8px}.action-bar{padding:14px}.action-hint{font-size:10px}.check-button{width:100%}.suggestion-filters{padding-inline:12px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:17px 15px}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}.features-section{padding-top:50px}.how-banner{flex-direction:column;align-items:flex-start;gap:20px}.how-steps{width:100%}.how-steps>div{flex:1}.faq-heading h2{font-size:24px;text-align:center}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:14px 23px}.copyright{grid-column:1}}
@media(max-width:380px){.ui-language-btn{padding:0 7px}.hero-highlights{gap:8px}.workspace-tools{flex-direction:column}.text-stats{font-size:9.5px}.feature-grid{grid-template-columns:1fr}.editor-label strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}