:root{font-family:Arial,Helvetica,sans-serif;color:#173136;background:#f3f7f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:#126a6f}button,select,textarea,input{font:inherit}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem max(1.25rem,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid #d9e5df}.brand{font-weight:700;text-decoration:none;color:#173136;font-size:1.2rem}.brand:first-letter{color:#ad4237}.catalog-link{white-space:nowrap}main{width:min(100% - 2.5rem,1100px);margin:0 auto;flex:1}.intro{padding:3.5rem 0 2rem}.eyebrow{color:#80675b;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}h1{font-size:clamp(2.2rem,5vw,3.5rem);margin:.45rem 0 1rem;line-height:1.1}.intro p{max-width:680px;font-size:1.1rem;line-height:1.55;color:#526568}.workspace{background:#fff;border:1px solid #d9e5df;border-radius:20px;box-shadow:0 16px 45px #183e3210;padding:1.5rem}.toolbar,.actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar{margin-bottom:1.4rem}.toolbar label,.field-label{font-weight:700}.toolbar select{padding:.65rem 2rem .65rem .8rem;border:1px solid #aebfbb;border-radius:9px;background:white;color:#173136}.toolbar #status{margin-left:auto;color:#526568;font-size:.9rem}.tabs{display:flex;gap:.5rem;border-bottom:1px solid #d9e5df;margin-bottom:1.5rem}.tab{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:.8rem 1rem}.tab.active{border-color:#14747c;color:#11646b}.field-label{display:block;margin-bottom:.65rem}textarea{width:100%;min-height:260px;resize:vertical;padding:1rem;border:1px solid #acbfba;border-radius:12px;line-height:1.65;color:#173136;background:#fcfdfc}textarea:focus,select:focus,button:focus-visible,input:focus{outline:3px solid #6ab9b0;outline-offset:2px}.actions{margin-top:1rem}button{border:1px solid #b9ccc7;border-radius:9px;padding:.7rem 1rem;background:white;color:#173136;cursor:pointer;font-weight:600}button:hover{background:#edf6f3}.primary{background:#14747c;color:#fff;border-color:#14747c}.primary:hover{background:#0e5960}.primary:disabled{opacity:.6;cursor:wait}.count{margin-left:auto;color:#728482;font-size:.9rem}.results{border-top:1px solid #d9e5df;margin-top:1.5rem;padding-top:1.5rem}.results h2{margin:0 0 .35rem;font-size:1.25rem}.results p{color:#526568}.highlighted{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;padding:1rem;border:1px solid #d9e5df;border-radius:12px;min-height:90px}.misspelled{background:#ffeb95;border:0;border-bottom:2px solid #d48a20;border-radius:2px;padding:0 1px;font:inherit;color:inherit;cursor:pointer}.misspelled:hover,.misspelled:focus{background:#ffd359}.suggestion{margin-top:1rem;padding:1rem;background:#f7f9f6;border:1px solid #d9e5df;border-radius:12px}.suggestion strong{display:block;margin-bottom:.75rem}.suggestion button{margin:.2rem .35rem .2rem 0}.analysis-form{display:flex;flex-wrap:wrap;gap:.75rem}.analysis-form input{min-width:240px;flex:1;padding:.7rem 1rem;border:1px solid #acbfba;border-radius:9px}.analysis-item{padding:.7rem 0;border-bottom:1px solid #e2ebe6;overflow-wrap:anywhere}.analysis-item strong{display:block}.analysis-note{color:#667a78;font-size:.9rem;line-height:1.5}.note{line-height:1.55;color:#667a78;font-size:.9rem;margin:1.5rem 0 3rem;max-width:800px}footer{background:#e7efeb;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.4rem max(1.25rem,calc((100vw - 1100px)/2));font-size:.85rem;color:#526568}@media(max-width:600px){.site-header{padding:1rem}.brand{font-size:1rem}.catalog-link{font-size:.8rem}.intro{padding:2rem 0 1rem}.workspace{padding:1rem;border-radius:14px}.toolbar #status{width:100%;margin-left:0}.count{width:100%;margin-left:0}textarea{min-height:210px}.tabs{gap:0}.tab{font-size:.9rem;padding:.8rem .55rem}}
.grammar-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.grammar-tag{display:inline-block;padding:.3rem .55rem;border-radius:6px;background:#edf6f3;color:#175961;font-size:.9rem}.analysis-muted{display:block;margin-top:.35rem;color:#667a78;font-size:.9rem}