body,html{height:auto!important;min-height:100%;overflow:visible!important}.tool-page{max-width:880px;margin:0 auto;padding:56px 24px 80px;color:#0a0a0a;font-family:var(--font-body,system-ui,sans-serif);line-height:1.55}.tool-hero{text-align:center;margin-bottom:32px}.tool-eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#023C30}.tool-eyebrow,.tool-hero h1{font-weight:700;margin:0 0 10px}.tool-hero h1{font-family:var(--font-display,var(--font-body));font-size:36px;letter-spacing:-.025em}.tool-sub{color:rgba(10,10,10,.6);margin:0 auto;max-width:600px}.tool-runner{display:grid;grid-gap:18px;gap:18px}.tool-form{background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:14px;padding:20px 22px;display:grid;grid-gap:14px;gap:14px}.tool-field{display:grid;grid-gap:6px;gap:6px}.tool-field label{font-size:13px;font-weight:600;color:#0a0a0a}.tool-field textarea{width:100%;border:1px solid rgba(10,10,10,.14);border-radius:10px;padding:10px 12px;font:inherit;font-size:13.5px;color:#0a0a0a;background:#fff;min-height:120px;resize:vertical;transition:border-color .14s ease,box-shadow .14s ease}.tool-field textarea:focus{outline:none;border-color:rgba(2,60,48,.5);box-shadow:0 0 0 3px rgba(2,60,48,.12)}.tool-field-meta{display:flex;justify-content:flex-end;font-size:11px;color:rgba(10,10,10,.4);font-family:var(--font-mono,monospace)}.tool-actions{display:flex;align-items:center;gap:14px}.tool-actions .btn-primary{background:#023C30;color:#fff;padding:10px 20px;border-radius:9px;border:0;cursor:pointer;font-size:13.5px;font-weight:600;transition:filter .12s}.tool-actions .btn-primary:hover{filter:brightness(1.06)}.tool-actions .btn-primary:disabled{opacity:.7;cursor:progress}.tool-time{font-family:var(--font-mono,monospace);font-size:11.5px;color:rgba(10,10,10,.55)}.tool-error{color:#be123c;font-size:13px;margin:0}.tool-output{background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:14px;overflow:hidden}.tool-output-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(10,10,10,.06)}.tool-output-title{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(10,10,10,.55)}.tool-output-copy{background:transparent;border:0;cursor:pointer;font-size:12px;font-weight:600;color:#023C30;padding:4px 8px;border-radius:6px}.tool-output-copy:hover{background:rgba(2,60,48,.06)}.tool-output-body{padding:18px 22px;font-size:14.5px;line-height:1.6}.tool-output-body h1,.tool-output-body h2,.tool-output-body h3{font-family:var(--font-display,var(--font-body));margin:18px 0 8px}.tool-output-body ol,.tool-output-body ul{padding-left:22px;margin:8px 0}.tool-output-body strong{color:#0a0a0a}.tool-output-body code{background:rgba(10,10,10,.05);padding:1px 6px;border-radius:4px;font-size:12.5px}.tool-pitch{margin-top:48px;padding:30px 24px;text-align:center;background:linear-gradient(180deg,rgba(2,60,48,.05),transparent 80%);border-radius:16px;border:1px solid rgba(2,60,48,.18)}.tool-pitch h2{font-size:22px;margin:0 0 8px;font-weight:700;letter-spacing:-.02em}.tool-pitch p{color:rgba(10,10,10,.65);max-width:540px;margin:0 auto 14px}.tool-pitch .btn-primary{display:inline-block;background:#023C30;color:#fff;padding:10px 20px;border-radius:999px;font-weight:600;text-decoration:none}.tool-related{margin:40px 0 8px;text-align:center}.tool-related h2{font-size:18px;margin:0 0 14px;font-weight:600;letter-spacing:-.02em}.tool-related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center}.tool-related a{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid rgba(10,10,10,.12);background:#fff;color:rgba(10,10,10,.78);font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .15s ease,color .15s ease}.tool-related a:hover{border-color:rgba(2,60,48,.5);color:#023C30}