/* Scoped tool styles (social.css); every rule is limited to .tools-page so it never touches the site chrome. */
.tools-page .platform-tabs{display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
    margin-bottom:24px;}
.tools-page .platform-btn{border:1px solid var(--primary-soft);
    background:#fff;
    color:var(--ink);
    padding:11px 18px;
    border-radius:999px;
    cursor:pointer;
    font-weight:600;
    font-size:14px;
    font-family:inherit;
    transition:background .25s,color .25s,border-color .25s,transform .15s;}
.tools-page .platform-btn:hover{background:var(--primary-soft);
    transform:translateY(-1px);}
.tools-page .platform-btn.active{background:var(--primary);
    border-color:transparent;
    color:#fff;}
.tools-page .social-controls{justify-content:flex-start;
    gap:26px;}
.tools-page .control-field{display:flex;
    flex-direction:column;
    gap:6px;}
.tools-page .control-field label{font-size:13px;
    font-weight:600;
    color:var(--slate-dark);}
.tools-page .control-field select{border:1px solid var(--primary-soft);
    background:var(--panel);
    color:var(--ink);
    padding:10px 14px;
    border-radius:10px;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    outline:none;
    transition:border-color .2s,box-shadow .2s;}
.tools-page .control-field select:focus{border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(91,90,196,.08);}
.tools-page .control-check{flex-direction:row;
    align-items:center;
    gap:8px;}
.tools-page .control-check input[type="checkbox"]{width:18px;
    height:18px;
    accent-color:var(--primary);
    cursor:pointer;}
.tools-page .field-block{display:flex;
    flex-direction:column;
    gap:7px;
    margin-bottom:16px;}
.tools-page .field-block label{font-size:13px;
    font-weight:600;
    color:var(--slate-dark);}
.tools-page .field-block input[type="text"]{width:100%;
    padding:14px 16px;
    border:1px solid var(--primary-soft);
    border-radius:14px;
    outline:none;
    font-family:inherit;
    font-size:15px;
    color:var(--ink);
    background:var(--panel);
    transition:border-color .25s,box-shadow .25s;}
.tools-page .field-block textarea{width:100%;
    min-height:200px;
    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 .field-block input[type="text"]:focus,.tools-page .field-block textarea:focus{border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(91,90,196,.08);}
.tools-page #outputText{min-height:360px;
    white-space:pre-wrap;}
.tools-page .platform-pill{background:var(--primary-light);
    color:var(--primary);
    border-radius:999px;
    padding:6px 14px;
    font-size:13px;
    font-weight:700;}
.tools-page #generateBtn{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 #generateBtn:hover{transform:translateY(-2px);}
.tools-page #generateBtn:disabled{opacity:.7;
    cursor:not-allowed;
    transform:none;}
@media(max-width:900px){.tools-page .social-controls{flex-direction:row;
        flex-wrap:wrap;
        gap:18px;}
}