@import url('./styles.css');
@import url('./theme.css');
@import url('./brand.css');
.tool-page{max-width:1180px;margin:auto;padding:55px 30px 100px}.crumbs{font:11px 'DM Mono';color:#7c8494;margin-bottom:45px}.crumbs a{color:#3155D8;text-decoration:none}.tool-page h1{font:500 clamp(42px,6vw,72px)/1 Newsreader,serif;letter-spacing:-.06em;margin:0 0 16px;color:var(--ink)}.tool-page h1 em{color:#3155D8;font-style:normal}.tool-page .intro{color:var(--muted);max-width:640px;line-height:1.7}.workspace{margin:45px 0 65px;background:#111827;border-radius:14px;padding:32px;color:#fff;box-shadow:0 20px 60px #11182728}.workspace .tool-card{display:block;box-shadow:none;background:transparent;border:0;padding:0}.workspace .tool-card-head{display:flex;align-items:center;justify-content:space-between}.workspace .tool-card h2{font:500 32px Newsreader,serif;margin:8px 0 0;color:#fff}.workspace .tool-description{color:#aab2c2;margin:12px 0 25px}.workspace .control-row{display:flex;align-items:center;gap:18px;padding:14px 16px;background:#1b2638;border:1px solid #344158;border-radius:8px;margin:0 0 18px}.workspace .control-row label{color:#aab2c2;font:12px 'DM Mono';display:flex;gap:9px;align-items:center}.workspace .control-row input,.workspace .control-row select{height:38px;border:1px solid #4b5a73;background:#111827;color:#fff;border-radius:6px;padding:0 11px;font:13px 'DM Mono'}.workspace .io-grid{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:14px;align-items:stretch}.workspace .field-label{font:11px 'DM Mono';color:#aab2c2;letter-spacing:.1em}.workspace .field-label textarea{display:block;width:100%;height:220px;margin-top:9px;background:#fff;color:#172033;border:2px solid transparent;border-radius:8px;resize:vertical;padding:16px;font:14px/1.65 'DM Mono'}.workspace .field-label textarea:focus{outline:0;border-color:#91a7ff;box-shadow:0 0 0 3px #91a7ff33}.workspace .swap{align-self:center;color:#9b8cff;font-size:22px;text-align:center}.workspace .action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.workspace .button{min-height:44px;border-radius:6px;padding:0 16px;font-size:13px}.workspace .button.secondary{background:transparent;color:#c5ccda;border:1px solid #4b5a73}.workspace .button.primary{background:#fff;color:#111827;border:1px solid #fff}.seo-copy{max-width:780px}.seo-copy h2{font:500 34px Newsreader,serif;letter-spacing:-.04em;margin:60px 0 15px;color:var(--ink)}.seo-copy h3{font-size:18px;margin:30px 0 8px;color:var(--ink)}.seo-copy p,.seo-copy li{color:var(--muted);line-height:1.8;font-size:15px}.seo-copy ol{padding-left:22px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.related a{display:block;color:var(--ink);text-decoration:none;border:1px solid var(--line);background:var(--card);padding:18px;border-radius:10px;font-weight:700}.related small{display:block;color:var(--muted);font-weight:400;margin-top:6px}@media(max-width:700px){.tool-page{padding:35px 20px 75px}.workspace{padding:20px}.workspace .io-grid{grid-template-columns:1fr}.workspace .swap{display:none}.related{grid-template-columns:1fr}.seo-copy h2{font-size:28px}}