/* Scoped tool styles (paraphraser.css); every rule is limited to .tools-page so it never touches the site chrome. */
.tools-page .tool-hero{min-height:46vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:
    var(--primary);
    color:#fff;
    padding:60px 6%;}
.tools-page .tool-hero h1{font-size:54px;
    line-height:1.1;
    margin-bottom:18px;}
.tools-page .tool-hero p{font-size:20px;
    max-width:720px;
    margin:0 auto;
    opacity:.95;}
.tools-page .tool-section{background:var(--panel-2);}
.tools-page .tool-section > h2{text-align:center;
    font-size:38px;
    margin-bottom:35px;}
.tools-page .tool-controls{background:#fff;
    border-radius:16px;
    padding:22px 26px;
    box-shadow:var(--shadow-sm);border:1px solid var(--line);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:26px;}
.tools-page .mode-group{display:flex;
    flex-wrap:wrap;
    gap:10px;}
.tools-page .mode-btn{border:1px solid var(--primary-soft);
    background:var(--primary-light);
    color:var(--ink);
    padding:10px 16px;
    border-radius:999px;
    cursor:pointer;
    font-weight:600;
    font-size:14px;
    transition:background .25s,color .25s,border-color .25s;}
.tools-page .mode-btn:hover{background:var(--primary-soft);}
.tools-page .mode-btn.active{background:var(--primary);
    border-color:var(--primary);
    color:#fff;}
.tools-page .strength-group{display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:var(--slate-dark);
    font-size:14px;}
.tools-page .strength-group input[type="range"]{accent-color:var(--primary);
    width:140px;
    cursor:pointer;}
.tools-page #strengthVal{min-width:42px;
    text-align:right;
    color:var(--primary);}
.tools-page .tool-grid{display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;}
.tools-page .tool-card{background:#fff;
    border-radius:16px;
    padding:24px;
    box-shadow:var(--shadow-sm);border:1px solid var(--line);
    display:flex;
    flex-direction:column;}
.tools-page .tool-card-head{display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;}
.tools-page .tool-card-head h3{font-size:18px;}
.tools-page .tool-card textarea{width:100%;
    min-height:300px;
    resize:vertical;
    padding:16px;
    border:1px solid var(--primary-soft);
    border-radius:14px;
    outline:none;
    font-family:inherit;
    font-size:15px;
    line-height:1.6;
    color:var(--ink);
    background:var(--panel);
    transition:border-color .25s,box-shadow .25s;}
.tools-page .tool-card textarea:focus{border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(91,90,196,.08);}
.tools-page .tool-card-foot{display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:14px;
    gap:10px;
    flex-wrap:wrap;}
.tools-page .counts{color:var(--slate);
    font-size:13px;
    font-weight:600;}
.tools-page .counts span{color:var(--primary);}
.tools-page .mini-actions{display:flex;
    gap:8px;
    flex-wrap:wrap;}
.tools-page .mini-btn{border:1px solid var(--line);
    background:#fff;
    color:var(--ink-2);
    padding:8px 14px;
    border-radius:10px;
    cursor:pointer;
    font-weight:600;
    font-size:13px;
    transition:background .2s,color .2s,border-color .2s;}
.tools-page .mini-btn:hover{background:var(--primary);
    color:#fff;
    border-color:var(--primary);}
.tools-page .paraphrase-bar{text-align:center;
    margin:30px 0 4px;}
.tools-page #paraphraseBtn{border:none;
    background:var(--primary);
    color:#fff;
    padding:16px 44px;
    border-radius:14px;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(91,90,196,.28);
    transition:transform .2s,box-shadow .2s,opacity .2s;}
.tools-page #paraphraseBtn:hover{transform:translateY(-2px);}
.tools-page #paraphraseBtn:disabled{opacity:.7;
    cursor:not-allowed;
    transform:none;}
.tools-page .hint{text-align:center;
    color:var(--slate);
    font-size:13px;
    margin-top:10px;
    max-width:620px;
    margin-left:auto;
    margin-right:auto;}
@media(max-width:900px){.tools-page .tool-grid{grid-template-columns:1fr;}
.tools-page .tool-hero h1{font-size:40px;}
.tools-page .tool-controls{flex-direction:column;
        align-items:stretch;}
}