.tools-page{--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827;--accent-50:#f0f9ff;--accent-200:#bae6fd;--accent-500:#0ea5e9;--accent-600:#0369a1;--accent-700:#0e7490;--warning:#d97706;--warning-light:#fffbeb;--font-body:var(--font-inter),"Inter",-apple-system,sans-serif;--font-mono:var(--font-jetbrains-mono),"JetBrains Mono",monospace;font-family:var(--font-body);background:var(--white);color:var(--gray-700);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.tools-page,.tools-page *{box-sizing:border-box;margin:0;padding:0}.tools-page .mono{font-family:var(--font-mono)}.tools-page .nav{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.tools-page .nav-logo{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--gray-900);font-size:1.25rem;font-weight:800;text-decoration:none}.tools-page .nav-links{align-items:center;gap:24px;display:flex}.tools-page .nav-link{color:var(--gray-500);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.tools-page .nav-link:hover{color:var(--gray-900)}.tools-page .nav-cta{color:var(--white);background:var(--accent-600);border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s}.tools-page .nav-cta:hover{background:var(--accent-700)}.tools-page .overline{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-600);font-size:.6875rem;font-weight:600}.tools-page .tool-header{text-align:center;padding:56px 24px 8px}.tools-page .tool-header h1{letter-spacing:-.025em;color:var(--gray-900);margin:14px 0 12px;font-size:2.25rem;font-weight:700;line-height:1.15}.tools-page .tool-sub{color:var(--gray-500);max-width:560px;margin:0 auto;font-size:1.0625rem;line-height:1.6}.tools-page .tool-facts{color:var(--gray-600);margin-top:14px;font-size:.8125rem;font-weight:500}.tools-page .platforms{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:10px;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.tools-page .platform{min-width:132px;color:var(--gray-600);text-align:center;border-radius:7px;padding:10px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.tools-page .platform:hover{color:var(--gray-900);background:var(--white)}.tools-page .platform.on{background:var(--white);color:var(--gray-900);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--gray-200)}.tools-page .platform:focus-visible{outline:none;box-shadow:0 0 0 3px #0369a140}.tools-page .tool-main{max-width:760px;margin:0 auto;padding:32px 24px 24px}.tools-page .cropper{margin-bottom:64px}.tools-page .drop{border:2px dashed var(--gray-300);background:var(--white);text-align:center;cursor:pointer;border-radius:12px;padding:48px 32px;transition:border-color .2s,background .2s,transform .2s}.tools-page .drop:hover{border-color:var(--gray-400)}.tools-page .drop:focus-visible{border-color:var(--accent-500);outline:none;box-shadow:0 0 0 3px #0369a126}.tools-page .drop-over{border-color:var(--accent-500);background:var(--accent-50);transform:scale(1.01)}.tools-page .drop-small{padding:18px 24px}.tools-page .drop-icon{width:32px;height:32px;color:var(--gray-400);margin:0 auto 12px;display:block}.tools-page .drop-title{color:var(--gray-700);align-items:center;gap:10px;font-size:1rem;font-weight:500;display:inline-flex}.tools-page .drop-link{color:var(--accent-600);margin-top:4px;font-size:.875rem}.tools-page .drop-hint{color:var(--gray-400);margin-top:14px;font-size:.75rem}.tools-page .private{color:var(--gray-500);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:.8125rem;display:flex}.tools-page .private svg{flex:none;width:14px;height:14px}.tools-page .spin{border:2px solid var(--gray-200);border-top-color:var(--accent-600);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite tools-spin;display:inline-block}.tools-page .spin-light{border-color:#fff6;border-top-color:var(--white)}@keyframes tools-spin{to{transform:rotate(360deg)}}.tools-page .notice{border:1px solid #fde68a;border-left:4px solid var(--warning);background:var(--warning-light);color:var(--gray-700);border-radius:8px;margin-top:16px;padding:12px 16px;font-size:.875rem}.tools-page .found{border:1px solid var(--gray-200);border-radius:12px;margin-top:28px;padding:20px 24px}.tools-page .found-head{color:var(--gray-900);justify-content:space-between;align-items:baseline;gap:16px;font-size:1rem;font-weight:600;display:flex}.tools-page .found-n{font-family:var(--font-mono);letter-spacing:-.02em;margin-right:4px;font-size:1.75rem;font-weight:700}.tools-page .found-sub{color:var(--gray-500);font-weight:400}.tools-page .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tools-page .chip{background:var(--gray-100);color:var(--gray-600);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500}.tools-page .chip b{font-family:var(--font-mono);color:var(--gray-900);margin-left:4px;font-weight:700}.tools-page .chip-strong{background:var(--accent-50);color:var(--accent-700)}.tools-page .chip-strong b{color:var(--accent-700)}.tools-page .skipped{color:var(--gray-500);overflow-wrap:anywhere;margin-top:12px;font-size:.8125rem}.tools-page .options{gap:18px;margin-top:20px;display:grid}.tools-page fieldset{border:0;min-width:0}.tools-page legend{color:var(--gray-700);margin-bottom:6px;font-size:.875rem;font-weight:500}.tools-page .seg{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:8px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tools-page .seg button{font:inherit;color:var(--gray-600);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 16px;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.tools-page .seg button:hover{color:var(--gray-900)}.tools-page .seg button.on{background:var(--accent-600);color:var(--white)}.tools-page .seg button:focus-visible,.tools-page .btn-primary:focus-visible,.tools-page .btn-secondary:focus-visible,.tools-page .btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #0369a140}.tools-page .hint{color:var(--gray-500);margin-top:8px;font-size:.8125rem;line-height:1.5}.tools-page .checks{gap:10px;display:grid}.tools-page .checks label{color:var(--gray-700);cursor:pointer;align-items:center;gap:10px;font-size:.875rem;display:flex}.tools-page .checks input{width:16px;height:16px;accent-color:var(--accent-600);flex:none}.tools-page .checks span{color:var(--gray-400)}.tools-page .bar{z-index:20;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:12px 12px 12px 20px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 30px #0000001f}.tools-page .bar-count{color:var(--gray-900);min-width:0;font-size:.875rem;font-weight:600}.tools-page .bar-count .mono{font-weight:700}.tools-page .bar .btn-primary{flex:none}.tools-page .btn-primary,.tools-page .btn-secondary,.tools-page .btn-ghost{font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:10px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tools-page .btn-primary{background:var(--accent-600);color:var(--white);border:0;padding:12px 28px;font-size:.9375rem}.tools-page .btn-primary:hover{background:var(--accent-700)}.tools-page .btn-primary:disabled{opacity:.7;cursor:not-allowed}.tools-page .btn-secondary{background:var(--white);color:var(--gray-900);border:1px solid var(--gray-300);padding:10px 24px}.tools-page .btn-secondary:hover{background:var(--gray-50)}.tools-page .btn-ghost{color:var(--accent-600);background:0 0;border:0;padding:4px 8px;font-weight:500}.tools-page .btn-ghost:hover{color:var(--accent-700)}.tools-page .done{color:var(--gray-600);font-weight:400}.tools-page .picklist{margin-top:36px}.tools-page .picklist-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.tools-page .picklist-head p{color:var(--gray-500);margin-top:4px;font-size:.875rem}.tools-page .table-wrap{border:1px solid var(--gray-200);border-radius:12px;overflow-x:auto}.tools-page table{border-collapse:collapse;width:100%}.tools-page th{background:var(--gray-50);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600}.tools-page td{border-top:1px solid var(--gray-100);color:var(--gray-700);padding:10px 16px;font-size:.875rem}.tools-page td.mono{font-size:.8125rem}.tools-page .num{text-align:right}.tools-page td.num{color:var(--gray-900);font-size:.875rem;font-weight:700}.tools-page section{margin-bottom:56px}.tools-page section h2{letter-spacing:-.01em;color:var(--gray-900);margin-bottom:20px;font-size:1.5rem;font-weight:600}.tools-page .steps ol{gap:18px;list-style:none;display:grid}.tools-page .steps li{gap:16px;display:flex}.tools-page .step-n{background:var(--accent-50);width:28px;height:28px;color:var(--accent-700);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.tools-page .steps h3{color:var(--gray-900);font-size:1rem;font-weight:600}.tools-page .steps p{color:var(--gray-600);margin-top:2px;font-size:.9375rem}.tools-page .does ul{grid-template-columns:1fr 1fr;gap:14px 32px;list-style:none;display:grid}.tools-page .does li{color:var(--gray-600);font-size:.9375rem;line-height:1.55}.tools-page .does b{color:var(--gray-900);font-weight:600}.tools-page .next{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:16px;padding:32px}.tools-page .next h2{margin:10px 0}.tools-page .next p{color:var(--gray-600);max-width:600px;margin-bottom:20px;font-size:.9375rem;line-height:1.6}.tools-page .faq-item{border-top:1px solid var(--gray-200);padding:18px 0}.tools-page .faq-item:last-child{border-bottom:1px solid var(--gray-200)}.tools-page .faq-item h3{color:var(--gray-900);margin-bottom:6px;font-size:1rem;font-weight:600}.tools-page .faq-item p{color:var(--gray-600);font-size:.9375rem;line-height:1.6}.tools-page .also{color:var(--gray-500);text-align:center;margin-bottom:40px;font-size:.875rem}.tools-page .also a,.tools-page .tools-footer a{color:var(--accent-600);text-decoration:none}.tools-page .also a:hover,.tools-page .tools-footer a:hover{text-decoration:underline}.tools-page .tool-cards{grid-template-columns:1fr 1fr;gap:24px;margin:8px 0 64px;display:grid}.tools-page .tool-card{border:1px solid var(--gray-200);color:inherit;border-radius:16px;padding:32px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:block}.tools-page .tool-card:hover{border-color:var(--gray-300);box-shadow:0 8px 30px #00000014}.tools-page .tool-card h2{letter-spacing:-.01em;color:var(--gray-900);margin:10px 0 8px;font-size:1.5rem;font-weight:600}.tools-page .tool-card p{color:var(--gray-600);font-size:.9375rem;line-height:1.55}.tools-page .tool-card-go{color:var(--accent-600);margin-top:18px;font-size:.875rem;font-weight:600;display:inline-block}.tools-page .tools-footer{border-top:1px solid var(--gray-200);padding:28px 24px 40px;font-size:.8125rem}.tools-page .footer-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.tools-page .disclaimer{text-align:center;max-width:620px;color:var(--gray-500);margin:18px auto 0;font-size:.75rem;line-height:1.5}@media (max-width:640px){.tools-page .nav{padding:16px 20px}.tools-page .nav-links{gap:14px}.tools-page .nav-link{display:none}.tools-page .tool-header{padding:36px 20px 4px}.tools-page .tool-header h1{font-size:1.75rem}.tools-page .tool-sub{font-size:1rem}.tools-page .platforms{margin-top:20px;display:flex}.tools-page .platform{flex:1;min-width:0;padding:10px 12px}.tools-page .tool-main{padding:24px 16px}.tools-page .drop{padding:36px 20px}.tools-page .drop-small,.tools-page .found{padding:16px}.tools-page .found-head{flex-wrap:wrap}.tools-page .seg{display:flex}.tools-page .seg button{flex:auto;padding:8px 10px}.tools-page .bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px;bottom:10px}.tools-page .bar-count{text-align:center;font-size:.8125rem}.tools-page .btn-primary{justify-content:center;width:100%}.tools-page .picklist-head{flex-direction:column;align-items:flex-start}.tools-page .does ul,.tools-page .tool-cards{grid-template-columns:1fr}.tools-page .next{padding:24px 20px}.tools-page th,.tools-page td{padding:10px 12px}}