:root{font-family:system-ui,sans-serif;color-scheme:dark;--bg:#080b12;--panel:#101624;--text:#f7f8fb;--muted:#aab5c9;--line:#33415b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.tools{max-width:850px;margin:auto;padding:24px 18px 60px}header,.actions,.settings{display:flex;flex-wrap:wrap;gap:14px;align-items:center}header{justify-content:space-between}a{color:#9bafff}.tool-card{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:18px;margin-top:22px}label{display:block;margin:14px 0}label>span{display:block;margin-bottom:6px}input,textarea,select,button{font:inherit;max-width:100%}input[type=file],textarea,select{width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px}button{padding:12px 20px;border:1px solid var(--line);border-radius:10px;background:#5547d6;color:white;cursor:pointer}button:disabled{opacity:.45}p,small{color:var(--muted);line-height:1.5}#outputs article{padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}#outputs img,#outputs video{max-width:100%;max-height:240px}#outputs audio{width:100%}#prompter{height:320px;overflow:auto;background:#050505;color:#fff;padding:24px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}#prompterText{font-size:36px;padding-bottom:260px}#script{resize:vertical}#status{min-height:24px}input[type=range]{width:180px}h1{font-size:32px}.settings label{flex:1;min-width:120px}[hidden]{display:none!important}

/* Keep the local Tools Back links tappable beside the approved fixed mobile nav.
   The global shell toggle occupies viewport x=12..54; no color/layout redesign. */
@media (max-width:900px) {
 body.deepsyq-sitewide-shell main.tools:is(.free-tools-page,.avatar-studio) > header {
  padding-left:52px;
 }
}

/* BASE1-C: the hub retains Audio TTS/STT tiles but drops its Avatar card.
   Style only the missing Avatar shortcut without duplicating existing tools. */
.tools-hub .tools-direct-launches{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
.tools-hub .tools-direct-launches a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;font-size:13px}
.tools-hub .tools-direct-launches a:hover{border-color:#9383ed}
.tools-hub .tools-direct-launches a:focus-visible{outline:3px solid #ad98ff;outline-offset:3px}
@media(max-width:375px){.tools-hub .tools-direct-launches a{width:100%}}