.ch-tool{--ch-border:#e6e1e4;--ch-ink:#272334;background:#fff;color:var(--ch-ink);border:1px solid var(--ch-border);box-shadow:0 14px 36px #1a20300d;border-radius:20px;padding:24px;margin:30px 0 35px;line-height:1.5}.ch-tool *{box-sizing:border-box}.ch-tool-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--ch-border);padding-bottom:20px;margin-bottom:20px}.ch-tool-header strong{font-size:22px;letter-spacing:-.04em;display:block}.ch-tool-header p{margin:5px 0 0;font-size:13px;color:#686475}.ch-tool-icon{font-size:33px;background:#e5e9ff;border-radius:15px;padding:12px;min-width:66px;text-align:center}.ch-search-row{display:flex;gap:10px}.ch-search,.ch-user-text,.ch-controls select,.ch-controls input{background:#fff;color:#29243a;border:1px solid #c9cad4;border-radius:10px;padding:13px;min-width:0;font-size:15px}.ch-search{flex:1}.ch-clear,.ch-copy,.ch-generate{border:0;background:#2456ff;color:#fff;border-radius:10px;padding:11px 15px;font-weight:700;font-size:13px;cursor:pointer}.ch-clear{background:#eeeeff;color:#202a65}.ch-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.ch-tab{padding:7px 12px;border-radius:50px;border:1px solid var(--ch-border);background:#fff;font-size:12px;color:#333}.ch-tab[aria-pressed='true']{background:#25284c;border-color:#25284c;color:white}.ch-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px;margin-top:18px}.ch-item{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:92px;border:1px solid #ebe9f1;border-radius:13px;background:#faf8ff;color:#25243a;cursor:pointer;padding:12px 6px;gap:9px;transition:border .18s,transform .18s}.ch-item:hover{border-color:#6681ff;transform:translateY(-2px)}.ch-item-symbol{font-size:28px;min-height:34px;text-align:center;overflow-wrap:anywhere}.ch-item-name{font-size:10px;color:#666073;max-width:100%;text-align:center;overflow-wrap:anywhere}.ch-input-row label{font-weight:700;font-size:13px;display:block;margin-bottom:10px}.ch-user-text{width:100%;resize:vertical;min-height:90px}.ch-controls{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0}.ch-controls label{font-size:13px;font-weight:bold;display:flex;flex-direction:column;gap:5px}.ch-output{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;margin:9px 0;border:1px solid #e9e9f0;border-radius:14px;background:#fbfaff}.ch-output-content{min-width:0}.ch-output-label{color:#736c81;display:block;font-size:11px;margin-bottom:8px}.ch-output-value{white-space:pre-wrap;word-break:break-word;font-size:19px;font-weight:700}.ch-copy{flex-shrink:0}.ch-helper{color:#736f7d;font-size:12px!important;margin:18px 0 0!important}.ch-copied{display:block;min-height:20px;margin-top:9px;color:#165a2a;font-weight:700;font-size:13px}.ch-empty{color:#6e657e;font-size:14px}.ch-tool-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 40px}.ch-tool-card{display:flex;gap:13px;align-items:center;padding:19px;border:1px solid #e5e4ec;border-radius:15px;background:#fff;box-shadow:0 6px 19px #2222;text-decoration:none!important;color:#27243d!important}.ch-tool-card:hover{border-color:#6271ff}.ch-tool-card-icon{font-size:30px;min-width:44px;text-align:center}.ch-tool-card span:nth-child(2){flex:1}.ch-tool-card strong,.ch-tool-card small{display:block}.ch-tool-card strong{font-size:15px}.ch-tool-card small{font-size:12px;color:#6e6874;margin-top:4px}.ch-newsletter{background:transparent}.ch-newsletter form{display:grid;gap:12px}.ch-newsletter input[type='email']{width:100%;padding:14px;border:1px solid #bcc9df;border-radius:10px;background:white;color:#202135}.ch-newsletter button{background:#2456ff;color:white;border:0;padding:12px 16px;font-weight:bold;border-radius:10px;cursor:pointer}.ch-newsletter label{display:flex;gap:9px;font-size:12px;color:inherit;align-items:flex-start}.ch-newsletter .ch-consent{width:auto;margin-top:3px}.ch-newsletter .ch-honeypot{position:absolute;left:-9999px;opacity:0}.ch-newsletter .ch-flash{font-size:12px;margin:0}.ch-newsletter .ch-flash:empty{display:none}html[data-theme='dark'] .ch-tool{background:#26283a;color:#f0edfc;--ch-border:#4e4c61}html[data-theme='dark'] .ch-tool-header p,html[data-theme='dark'] .ch-helper{color:#bbb6ce}html[data-theme='dark'] .ch-item,html[data-theme='dark'] .ch-output{background:#313344;color:#f5f2ff;border-color:#54516a}html[data-theme='dark'] .ch-item-name{color:#cbc6d9}html[data-theme='dark'] .ch-tab{background:#39384d;color:#fff}html[data-theme='dark'] .ch-tab[aria-pressed='true']{background:#3863ff}html[data-theme='dark'] .ch-tool-card{background:#26283a;color:#f0edfc!important}html[data-theme='dark'] .ch-tool-card small{color:#aaa9bd}@media(max-width:650px){.ch-tool{padding:15px;margin:20px 0}.ch-tool-header strong{font-size:19px}.ch-items-grid{grid-template-columns:repeat(3,1fr)}.ch-item{min-height:88px}.ch-tool-directory{grid-template-columns:1fr}.ch-output{align-items:flex-start}.ch-output-value{font-size:16px}}

/* Optional shortcode brand mark for tool-only pages outside CaptionHype Studio. */
.chct-brand-logo{display:inline-flex;align-items:center;max-width:242px;background:#fff;border-radius:9px;padding:3px 5px}
.chct-brand-logo img{display:block;width:100%;height:auto;max-width:242px;object-fit:contain}

/* 1.5 resilient no-JavaScript preview; replaced by real interactive grid when the script starts. */
.ch-static-items{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.ch-static-token{font-size:23px;border-radius:9px;border:1px solid #e0deeb;background:#f7f6fc;min-width:44px;padding:7px 9px;text-align:center}.ch-init-message{color:#7c7189;font-size:13px;margin:5px 0}.ch-tool.ch-ready .ch-init-message,.ch-tool.ch-ready .ch-static-items{display:none}.ch-tool .ch-results:empty{min-height:90px}.ch-tool .ch-item:focus-visible,.ch-tool .ch-copy:focus-visible{outline:3px solid #2456ff;outline-offset:3px}html[data-theme='dark'] .ch-static-token{background:#383546;color:#fff;border-color:#696173}