.text-tools-page{max-width:1120px;margin:0 auto;padding:24px 16px 56px;color:#233047;--tt-accent:#3851a5;--tt-border:#dce2ef;--tt-soft:#f2f5ff;font-size:16px;line-height:1.7}
.text-tools-page *{box-sizing:border-box}.text-tools-page [hidden]{display:none!important}
.tt-hero{margin-bottom:26px}.tt-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--tt-accent);margin:0 0 8px}.tt-hero h1{font-size:clamp(26px,4vw,36px);line-height:1.35;margin:0 0 14px;font-weight:800}.tt-hero>p:not(.tt-eyebrow){color:#586680;max-width:900px}
.tt-badges{display:flex;flex-wrap:wrap;gap:8px}.tt-badges span{display:inline-block;background:var(--tt-soft);border:1px solid var(--tt-border);color:#344783;padding:5px 11px;border-radius:9px;font-size:13px}
.tt-workspace{min-width:0;border:1px solid var(--tt-border);border-radius:18px;background:#fff;padding:26px;box-shadow:0 8px 26px #273b6910}
.tt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tt-field{min-width:0}.tt-field-wide{grid-column:1/-1}.tt-field label{display:block;font-size:14px;font-weight:750;margin-bottom:7px;color:#34435d}
.tt-field input,.tt-field select,.tt-field textarea{display:block;min-width:0;width:100%;padding:11px 13px;border:1px solid #cbd4e5;border-radius:9px;background:#fff;color:#20304c;font:inherit;line-height:1.5}.tt-field textarea{resize:vertical;min-height:190px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;tab-size:2;white-space:pre}
.tt-help{color:#66738b;font-size:13px;margin:8px 0;overflow-wrap:anywhere}.tt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tt-actions button,.tt-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 17px;border:1px solid #cbd4e5;background:#fff;color:#34435d;border-radius:9px;text-decoration:none;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.tt-actions .tt-primary,.tt-actions .tt-download{background:var(--tt-accent);color:#fff;border-color:var(--tt-accent)}.tt-actions button:disabled{opacity:.5;cursor:wait}
.text-tools-page :focus-visible{outline:3px solid #8aa6ff;outline-offset:3px}.tt-status{min-height:24px;margin:14px 0 0;font-size:14px;color:#365397;overflow-wrap:anywhere}.tt-status[data-error=true]{color:#a32e2e}.tt-result{background:var(--tt-soft);border:1px solid var(--tt-border);border-radius:13px;margin-top:18px;padding:20px;min-width:0}.tt-result h2{margin:0 0 8px;font-size:20px}.tt-result pre{max-height:480px;min-height:85px;overflow:auto;white-space:pre;background:#fff;border:1px solid var(--tt-border);padding:15px;border-radius:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.7;margin:13px 0;color:#263754}.tt-result>p{font-size:14px;overflow-wrap:anywhere}
.tt-guide{margin-top:28px;display:grid;gap:18px}.tt-guide section{min-width:0;border:1px solid var(--tt-border);padding:22px;border-radius:13px;background:#fff}.tt-guide h2{font-size:20px;line-height:1.5;margin:0 0 12px}.tt-guide p,.tt-guide li{color:#52617b;overflow-wrap:anywhere}.tt-guide p{margin:0}.tt-guide ol,.tt-guide ul{padding-left:23px;margin:0}.tt-guide li+li{margin-top:7px}.tt-guide .tt-example{background:var(--tt-soft)}.tt-guide details+details{margin-top:12px}.tt-guide summary{font-weight:700;cursor:pointer;color:#34435d}.tt-guide details p{padding-top:9px}.tt-notice{padding:14px;border:1px solid #e7c77d;border-radius:10px;background:#fff9e9}
@media(max-width:600px){.text-tools-page{padding:18px 12px 40px}.tt-fields{grid-template-columns:1fr;gap:14px}.tt-workspace{padding:18px 14px}.tt-result{padding:15px}.tt-guide section{padding:19px 16px}.tt-actions button,.tt-actions a{flex:1 1 auto}.tt-badges span{font-size:12px}.tt-field textarea{font-size:13px}}