.tools-main [hidden] { display:none!important; }
.tools-native-fields { border:0;margin:0;padding:0;min-width:0; }
.tools-main { max-width:var(--content);margin:0 auto;padding:54px 26px 80px;overflow-x:clip; }
.tools-hero { position:relative;max-width:760px;margin:0 0 38px; }
.tools-hero::before { content:"";position:absolute;z-index:-1;width:420px;height:300px;top:-90px;left:-120px;border-radius:50%;background:radial-gradient(circle,rgba(176,52,222,.22),transparent 70%);pointer-events:none; }
.tools-hero .eyebrow { display:flex;align-items:center;gap:9px; }
.tools-hero h1 { margin:0 0 16px;font:700 clamp(36px,5.4vw,62px)/1 var(--font-display);letter-spacing:-.06em; }
.tools-hero--detail h1 { font-size:clamp(30px,4.4vw,48px); }
.tools-lead { max-width:620px;color:#e6d9ec;font-size:16px;line-height:1.5; }
.tools-privacy { display:flex;gap:11px;max-width:640px;margin:18px 0 0;padding:13px 16px;border:1px solid var(--line);border-left:2px solid var(--fuchsia);border-radius:10px;background:rgba(33,16,45,.55);color:var(--muted);font-size:12.5px; }
.tools-privacy span { color:var(--pink);font-size:10px;line-height:2; }
.tools-crumb { margin-bottom:26px; } .tools-crumb a { color:#e88be9;font-size:12px;font-weight:700; } .tools-crumb a:hover { color:var(--pink); }
.tools-grid { display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin:0 0 44px;padding:0;list-style:none; }
.tools-card { position:relative;display:flex;flex-direction:column;min-height:260px;padding:26px 24px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(43,20,57,.9),rgba(22,12,30,.95));transition:transform .22s ease,border-color .22s ease; }
.tools-card:first-child { background:radial-gradient(ellipse at 90% 0,rgba(240,75,204,.2),transparent 55%),linear-gradient(145deg,rgba(48,21,62,.95),rgba(22,12,30,.95)); }
.tools-card:hover,.tools-card:focus-within { transform:translateY(-4px);border-color:var(--line-bright); }
.tools-card__index { position:absolute;top:16px;right:18px;color:#786182;font:600 11px var(--font-display); }
.tools-card__glyph { display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(227,119,236,.3);border-radius:12px;color:#f06ade;background:rgba(154,57,189,.14);font-size:20px; }
.tools-card:nth-child(2) .tools-card__glyph { color:#b37bff; }
.tools-card__glyph svg { width:24px;height:24px; }
.tools-card h2 { margin:20px 0 8px;font-size:20px;line-height:1.15;letter-spacing:-.035em; }
.tools-card__link::after { content:"";position:absolute;inset:0;border-radius:18px; }
.tools-card p { flex:1;color:#bcabc8;font-size:13px; }
.tools-workspace { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start; }
.tools-form,.tools-result { min-width:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(37,19,49,.96),rgba(21,12,30,.96)); }
.tools-result { position:sticky;top:20px;border-color:rgba(238,91,218,.42);background:radial-gradient(ellipse at 50% -20%,rgba(224,60,198,.16),transparent 60%),linear-gradient(155deg,#24112c,#160c20); }
.tools-result h2 { margin:0 0 16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#e8a0f6; }
.tools-fields { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.tools-field { display:grid;gap:7px;color:#eadbf0;font-size:12.5px;font-weight:600; }
.tools-field input { width:100%;min-height:48px;padding:10px 13px;border:1px solid rgba(226,172,244,.24);border-radius:10px;background:rgba(11,6,16,.6);color:var(--ink);font:500 17px var(--font-display);outline:none;transition:border-color .2s; }
.tools-field input:focus { border-color:#d56be5;box-shadow:0 0 0 3px rgba(213,107,229,.14); }
.tools-field input[aria-invalid="true"] { border-color:#ff8fb5; }
.tools-field small { color:var(--subtle);font-size:10.5px;font-weight:500; }
.tools-submit { margin-top:22px;width:100%;border:0;font-size:13px;min-height:50px; }
.tools-question { margin:0 0 12px;padding:15px 16px;border:1px solid rgba(222,164,255,.13);border-radius:12px;background:rgba(14,7,19,.4); }
.tools-question legend { display:flex;gap:10px;float:left;width:100%;margin-bottom:12px;color:#f0e5f4;font-size:13.5px;font-weight:600;line-height:1.45; }
.tools-qn { flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(240,75,204,.16);color:var(--pink);font:700 11px var(--font-display); }
.tools-choices { clear:both;display:flex;flex-wrap:wrap;gap:8px; }
.tools-choice { position:relative;cursor:pointer; }
.tools-choice input { position:absolute;opacity:0;inset:0; }
.tools-choice span { display:inline-block;padding:8px 15px;border:1px solid rgba(226,172,244,.25);border-radius:99px;color:#d8c8e0;font-size:12px;font-weight:600;transition:background .18s,border-color .18s; }
.tools-choice input:checked+span { border-color:transparent;color:#fff;background:linear-gradient(100deg,#b245fa,#ed48cb); }
.tools-choice input:focus-visible+span { outline:2px solid #ff9bea;outline-offset:3px; }
.tools-alert { margin:0 0 16px;padding:12px 15px;border:1px solid #b9698c;border-radius:10px;background:#3c1930;color:#f9d1e0;font-size:13px; }
.tools-empty { margin:0;color:var(--subtle);font-size:13px; }
.tools-metrics { display:grid;gap:0;margin:0; }
.tools-metrics div { display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line); }
.tools-metrics dt { color:var(--muted);font-size:12.5px; }
.tools-metrics dd { margin:0;font:600 18px var(--font-display);text-align:right;overflow-wrap:anywhere; }
.tools-metrics .is-key dd { font-size:26px;color:transparent;background:linear-gradient(95deg,#ff8ee8,#c166ff);-webkit-background-clip:text;background-clip:text; }
.tools-score { display:flex;align-items:center;gap:18px;margin-bottom:16px; }
.tools-score__ring { --p:0;width:94px;height:94px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(closest-side,#1d0e25 79%,transparent 80%),conic-gradient(#f04bcc calc(var(--p)*1%),rgba(222,164,255,.14) 0); font:700 24px var(--font-display); }
.tools-score p { margin:0;color:var(--muted);font-size:13px; }
.tools-tips { margin:0;padding:0;list-style:none;display:grid;gap:9px; }
.tools-tips li { padding:11px 13px;border-left:2px solid var(--violet);border-radius:0 9px 9px 0;background:rgba(14,7,19,.45);color:#e1d5e7;font-size:12.5px; }
.tools-result.is-fresh [data-tool-output] { animation:toolsIn .45s ease both; }
@keyframes toolsIn { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:none; } }
.tools-stale { margin:14px 0 0;color:#f4c27a;font-size:12px; }
.tools-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:18px; }
.tools-actions .button { flex:1 1 auto;font-size:11.5px; }
.tools-actions .button:disabled { opacity:.45;cursor:not-allowed;transform:none; }
.tools-note { min-height:1px;margin:12px 0 0;color:#f1b8ef;font-size:12px; } .tools-note:empty { display:none; }
.tools-note.is-error { color:#ffb3c9; }
.tools-fine { margin:14px 0 0;color:var(--subtle);font-size:11px; }
.tools-explain { display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:40px; }
.tools-explain section { padding:24px;border-top:1px solid var(--line-bright); }
.tools-explain h2 { margin:0 0 10px;font-size:20px;letter-spacing:-.03em; }
.tools-explain p { margin:0;color:var(--muted);font-size:13.5px; }
.tools-limits { border-radius:0 0 14px 14px;background:rgba(240,75,204,.05); }
.tools-limits p { color:#d9c6e1; }
.tools-cta { display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0;padding:28px 30px;border:1px solid rgba(226,143,244,.27);border-radius:18px;background:radial-gradient(ellipse at 10% 50%,rgba(154,57,189,.22),transparent 50%),linear-gradient(110deg,#21102c,#170c20); }
.tools-cta p { max-width:520px;margin:0;color:#ddcde6;font-size:14px; }
.tools-cta__actions { display:flex;flex-wrap:wrap;gap:10px; }
.tools-related h2 { font-size:20px;letter-spacing:-.03em; }
.tools-related ul { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none; }
.tools-related a { display:flex;align-items:center;gap:12px;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:13px;font-size:13px;font-weight:600;transition:border-color .2s; }
.tools-related a span:nth-child(2) { flex:1; } .tools-related a:hover { border-color:var(--line-bright); }
.tools-related .tools-card__glyph { width:36px;height:36px; }
.tools-consent { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:20px 22px;border:1px dashed var(--line-bright);border-radius:14px;background:rgba(23,12,32,.7); }
.tools-consent h2 { margin:0 0 4px;font-size:15px; }
.tools-consent p { margin:0;color:var(--muted);font-size:12px; }
.tools-consent__status { margin-top:6px!important;color:#e8a0f6!important; }
.tools-consent__actions { display:flex;gap:8px;flex:0 0 auto; }
.tools-consent .button { font-size:11.5px; }
.tools-notice { padding:12px 16px;border:1px solid #518f84;border-radius:10px;background:#17332f;color:#c0efe2; }
.tools-empty-state { display:grid;justify-items:start;gap:14px;max-width:560px;padding:32px;border:1px dashed var(--line-bright);border-radius:18px; }
.tools-empty-state p { margin:0;color:var(--muted); }
.tools-saved { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none; }
.tools-saved__item { display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(37,19,49,.96),rgba(21,12,30,.96)); }
.tools-saved__head { display:flex;gap:13px;align-items:center;margin-bottom:12px; }
.tools-saved__head h2 { margin:0;font-size:16px;line-height:1.25; }
.tools-saved__head time { color:var(--subtle);font-size:11px; }
.tools-rows { margin:0 0 14px;flex:1; }
.tools-rows div { display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px; }
.tools-rows dt { color:var(--muted); } .tools-rows dd { margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere; }
.tools-delete { padding:0;border:0;background:none;color:#ff9fc0;font-size:12px;font-weight:700;cursor:pointer; }
.tools-delete:hover { color:#ffd0e0; }
.tools-pager { display:flex;gap:10px;justify-content:center;margin-top:30px; }
@media (max-width:960px) {
  .tools-grid { grid-template-columns:1fr 1fr; } .tools-grid .tools-card:first-child { grid-column:1/-1; }
  .tools-workspace { grid-template-columns:1fr; } .tools-result { position:static; }
  .tools-cta,.tools-consent { flex-direction:column;align-items:flex-start; }
}
@media (max-width:720px) {
  .tools-main { padding:36px 18px 60px; }
  .tools-grid,.tools-explain,.tools-related ul,.tools-saved,.tools-fields { grid-template-columns:1fr; }
  .tools-card { min-height:0; }
  .tools-form,.tools-result { padding:20px 17px; }
  .tools-explain section { padding:20px 4px; } .tools-limits { padding:20px 14px!important; }
  .tools-cta { padding:22px 19px; } .tools-consent__actions { width:100%; } .tools-consent__actions .button { flex:1; }
  .tools-choice { flex:1 1 auto; } .tools-choice span { width:100%;text-align:center; }
}
@media (prefers-reduced-motion:reduce) { .tools-result.is-fresh [data-tool-output] { animation:none; } }