body.text-tools{background:#f7f8fc;--ink:#20243c;--muted:#6a7087;--line:#e6e8f0;--accent:#6854df;color:var(--ink)}.text-tools>main{max-width:1220px;padding:24px 24px 0;margin:auto}.text-tools>header{padding-inline:max(24px,calc((100vw - 1172px)/2))}.text-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:16px 0 30px}.text-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:#6854df}.text-tools .text-hero h1{font-size:42px;line-height:1.15;letter-spacing:-1.6px;margin:12px 0 16px}.text-hero p{font-size:15px;line-height:1.8;color:#6a7087;margin:0 0 20px}.text-benefits{display:flex;gap:8px;flex-wrap:wrap}.text-benefits span{border:1px solid #e4e3f1;background:white;border-radius:20px;font-size:10px;padding:6px 10px;color:#665b83}.text-showcase{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#ece8f4}.text-showcase img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 15%}.text-showcase:after{content:'';position:absolute;inset:15% 0 0;background:linear-gradient(transparent,#181628ed);pointer-events:none}.text-showcase figcaption{position:absolute;z-index:1;bottom:18px;left:22px;right:22px;color:white}.text-showcase strong{display:block;font-size:17px;line-height:1.4}.text-showcase small{font-size:9px;color:#ddd8ed}.text-example{display:flex;align-items:center;gap:10px;margin:10px 0 3px;font-size:12px;line-height:1.6;flex-wrap:wrap}.text-example span:last-child{background:#ffffff22;border:1px solid #ffffff33;border-radius:6px;padding:4px 8px}.text-example b{color:#d5caff}
.text-tools .text-studio{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid #e6e8f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #20243c06}.text-tools .text-studio .card{padding:24px;border:0;border-radius:0;box-shadow:none;background:white;min-width:0}.text-tools .text-studio .result-card{background:#fafaff;border-left:1px solid #e6e8f0}.text-tools .text-studio .card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.text-tools .text-studio .card-heading h2{margin:0;line-height:1.5}.text-tools .text-studio .card-heading h2 small{display:block;color:#817694;font-size:10px;letter-spacing:1px;margin-bottom:5px}.text-tools .text-studio .card-heading h2 span{font-size:17px;letter-spacing:-.3px}.text-tools .text-studio #sample{font-size:11px;white-space:nowrap;padding:8px 10px;min-height:36px}.text-tools .text-studio .fields{display:block}.text-tools .text-studio label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.text-tools .text-studio textarea{width:100%;height:285px;min-height:160px;resize:vertical;border:1px solid #e0e2ed;border-radius:12px;background:#fff;padding:17px;margin-top:8px;font:15px/1.8 Manrope,system-ui,sans-serif;color:#20243c;box-shadow:none}.text-tools .text-studio .text-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.text-tools .text-studio .text-setting input,.text-tools .text-studio .text-setting select{width:180px;min-width:0;font-size:13px;margin:0;background:#fff}.text-input-note{font-size:11px;color:#6a7087;margin:12px 0}.text-tools .text-studio .actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.text-tools .text-studio button{font-size:12px;border-radius:10px;min-height:43px}.text-tools .text-studio button.primary{background:#6854df;border-color:#6854df;color:#fff}.text-tools .text-studio #status{font-size:12px;line-height:1.7;margin:16px 0 0;color:#6a7087;overflow-wrap:anywhere}.text-tools .text-studio #status.error{color:#a12828}.text-tools .text-studio .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}.text-tools .text-studio .stats:empty{display:none}.text-tools .text-studio .stat{padding:14px 16px;background:white;border:1px solid #e6e3f0;border-radius:12px;min-width:0}.text-tools .text-studio .stat strong{display:block;font-size:26px;line-height:1.3;color:#6854df;overflow-wrap:anywhere}.text-tools .text-studio .stat span{display:block;font-size:11px;color:#6a7087;margin-top:5px}.text-tools .text-studio .stat:last-child:nth-child(odd){grid-column:1/-1}.text-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center;border:1px dashed #ddd6ee;border-radius:12px;padding:24px;background:#f5f3fc;color:#6a7087}.text-empty>span{font-size:28px;color:#a498c7;margin-bottom:14px}.text-empty strong{color:#554570;font-size:14px}.text-empty p{font-size:12px;margin:8px 0 0;max-width:260px}.result-card:has(#output:not(:placeholder-shown)) .text-empty{display:none}.text-tools .result-card:has(#output:placeholder-shown) #output{height:85px;min-height:85px}.text-tools[data-tool=word-counter] .result-card #output{height:155px;min-height:110px}.text-tools .text-compare{grid-template-columns:minmax(0,1fr)}.text-tools .text-compare .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.text-tools .text-compare .fields>.wide{grid-column:auto}.text-tools .text-compare .fields>.check{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:500}.text-tools .text-compare .result-card{border-left:0;border-top:1px solid #e6e8f0}.text-tools .text-compare .stats{max-width:450px}.text-tools .text-compare #output{height:140px;min-height:100px}.text-tools #diff{border:1px solid #e6e8f0;border-radius:10px;overflow:auto;max-height:450px;margin-bottom:18px;background:#fff}.text-tools .diff-line{white-space:pre-wrap;overflow-wrap:anywhere;padding:7px 14px;font:13px/1.7 ui-monospace,Consolas,monospace}.text-tools .diff-line.added{background:#e9f6ed;color:#23653b}.text-tools .diff-line.removed{background:#fcebec;color:#9b3444}.text-tools .diff-line.same{color:#6a7087}.text-links{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0}.text-links a{background:white;border:1px solid #e6e8f0;border-radius:20px;color:#6854df;text-decoration:none;font-size:12px;padding:7px 12px}.text-tools .help{margin-top:10px;padding-top:24px}.text-tools [hidden]{display:none!important}.text-tools :focus-visible{outline:3px solid #8a79ed;outline-offset:3px}
@media(max-width:760px){.text-tools>main{padding:18px 16px 0}.text-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:8px 0 24px}.text-tools .text-hero h1{font-size:34px}.text-showcase img{height:230px}.text-showcase figcaption{left:16px;right:16px;bottom:14px}.text-showcase strong{font-size:15px}.text-example{font-size:11px}.text-tools .text-studio{grid-template-columns:minmax(0,1fr);border-radius:15px}.text-tools .text-studio .card{padding:20px}.text-tools .text-studio .result-card{border-left:0;border-top:1px solid #e6e8f0}.text-tools .text-studio .card-heading{flex-wrap:wrap}.text-tools .text-studio textarea{font-size:16px;height:240px}.text-tools .text-studio .text-setting{align-items:flex-start;flex-direction:column;gap:8px}.text-tools .text-studio .text-setting input,.text-tools .text-studio .text-setting select{width:100%;font-size:16px}.text-tools .text-compare .fields{grid-template-columns:minmax(0,1fr);gap:0}}