.tool-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.tool-keyword{font-size:13px;font-weight:700;color:var(--ink-soft)}.tool-hero .page-title{margin-top:8px}.tool-intro{font-size:17px;color:var(--ink-soft)}.tool-aside{padding:20px;background:color-mix(in srgb,var(--mint) 22%,white)}.tool-aside h2{font-size:19px;margin-bottom:8px}.tool-aside p{font-size:15px;margin:6px 0}.tool-aside .tool-privacy{margin-top:14px;padding-top:12px;border-top:1.5px dashed rgba(43,33,28,.3);color:var(--ink-soft);font-size:14px}.tool-aside a{font-weight:600;text-underline-offset:3px}.tool-panel{padding:22px}.tool-form{display:flex;flex-direction:column;gap:16px}.tool-field{display:flex;flex-direction:column;gap:6px}.tool-field label{font-weight:700;font-size:15px}.tool-input{width:100%;padding:12px 14px;border:2px solid var(--line);border-radius:var(--radius-small);background:var(--paper);font-size:15.5px}.tool-input:focus{outline:3px solid color-mix(in srgb,var(--coral) 55%,white);outline-offset:1px}.tool-textarea{min-height:150px;resize:vertical}.tool-check{width:22px;height:22px;accent-color:var(--coral)}.tool-actions{display:flex;flex-wrap:wrap;gap:10px}.tool-actions .button{text-decoration:none}.tool-error{margin-top:14px;padding:12px 14px;border:2px solid #b4321f;border-radius:var(--radius-small);background:#fff0ec;color:#8f2414;font-weight:600;font-size:15px}.tool-result{margin-top:20px;padding:18px;border:2px solid var(--line);border-radius:var(--radius-small);background:color-mix(in srgb,var(--butter) 28%,white);display:flex;flex-direction:column;gap:12px}.tool-result h3{font-size:21px}.tool-result-label{font-size:13px;font-weight:800;color:var(--ink-soft)}.tool-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tool-metric{padding:12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card)}.tool-metric p{font-size:13px;color:var(--ink-soft)}.tool-metric strong{font-size:19px}.tool-output{margin:0;padding:14px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);font-size:14px;white-space:pre-wrap;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tool-notes{padding-left:18px;color:var(--ink-soft);font-size:14px}.tool-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;padding:24px;border:2px dashed var(--line);border-radius:var(--radius);background:var(--paper);text-align:center;cursor:pointer}.tool-drop:hover{background:color-mix(in srgb,var(--sky) 25%,white)}.tool-drop strong{font-family:var(--font-display);font-weight:400;font-size:21px}.tool-drop span,.tool-note{color:var(--ink-soft);font-size:14px}.tool-files{padding:14px;border:1.5px solid rgba(43,33,28,.25);border-radius:var(--radius-small);background:var(--paper);font-size:14px}.tool-files p{font-weight:700}.tool-files ul{margin-top:6px;padding-left:18px;color:var(--ink-soft)}.tool-steps{display:grid;gap:10px;padding:0;list-style:none;counter-reset:step}.tool-steps li{counter-increment:step;position:relative;padding:4px 0 4px 44px}.tool-steps li:before{content:counter(step);position:absolute;left:0;top:2px;display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--line);border-radius:50%;background:var(--butter);font-family:var(--font-display)}.tool-example{padding:16px;border:1.5px solid rgba(43,33,28,.25);border-radius:var(--radius-small);background:var(--paper)}.tool-example h3{font-size:18px;margin-bottom:6px}.tool-example p{font-size:13px;font-weight:800;color:var(--ink-soft);margin-top:10px}.tool-example pre{margin:4px 0 0;white-space:pre-wrap;font-size:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.info-card{padding:22px}.info-card h2{font-size:24px;margin-bottom:12px}.info-card ul{padding-left:18px}.info-card li{margin:6px 0}.faq-item{padding:14px 0;border-top:1.5px dashed rgba(43,33,28,.25)}.faq-item:first-of-type{border-top:0;padding-top:0}.faq-item h3{font-size:18px;margin-bottom:4px}.faq-item p{color:var(--ink-soft);font-size:15px}.keyword-chips{margin-top:14px}.topic-hero{padding:26px;background:color-mix(in srgb,var(--lilac) 26%,white)}.topic-hero .page-title{margin-top:10px}.directory-topic{display:flex;flex-direction:column;gap:10px;padding:22px}.directory-topic h2{font-size:22px}.directory-topic h2 a{text-decoration:none}.directory-topic ul{padding-left:18px;color:var(--ink-soft)}.directory-topic li{margin:4px 0}.directory-topic li a{color:var(--ink);font-weight:600;text-underline-offset:3px}.directory-topic>a{font-weight:700;text-underline-offset:3px;margin-top:auto}@media(max-width:860px){.tool-hero{grid-template-columns:1fr}}