.tool-page{max-width:1100px;margin:0 auto;padding:24px 0 64px}.tool-heading{margin:20px 0 32px}.tool-heading .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-2);margin-bottom:10px;font-size:11px;font-weight:700}.tool-heading h1{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.18}.tool-heading .tool-intro{color:var(--color-text-secondary);max-width:680px;font-size:15.5px;line-height:1.7}.tool-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--color-bg-card-border);border-radius:16px;margin-bottom:32px;padding:28px 24px;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0a}@media (width>=640px){.tool-card{padding:36px 32px}}.tool-fields{gap:20px;margin-bottom:24px;display:grid}@media (width>=640px){.tool-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.tool-field{flex-direction:column;gap:6px;display:flex}.tool-field label{letter-spacing:.02em;color:var(--color-text-secondary);text-transform:uppercase;font-size:12.5px;font-weight:600}.tool-field select,.tool-field input[type=number],.tool-field input[type=text]{width:100%;height:44px;font:inherit;background:var(--color-bg-input);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);appearance:none;border-radius:10px;padding:0 14px;font-size:15px;font-weight:500;transition:all .2s}.tool-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-inline-end:36px}.tool-field select:focus,.tool-field input:focus{border-color:var(--color-border-focus);background:var(--color-bg-input-focus);outline:none;box-shadow:0 0 0 3px #63b3ed1f}.tool-field select option{background:var(--color-bg-surface);color:var(--color-text-primary)}.tool-presets{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tool-presets button,.tool-preset{height:36px;font:inherit;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.tool-presets button:hover,.tool-preset:hover{border-color:var(--color-accent-1);color:var(--color-accent-1);background:#63b3ed14}.tool-presets button[aria-pressed=true],.tool-presets button.active,.tool-preset.active{border-color:var(--color-accent-1);color:var(--color-accent-1);background:#63b3ed24}.tool-toggle-group{border:1px solid var(--color-border-subtle);border-radius:10px;display:inline-flex;overflow:hidden}.tool-toggle-group button{height:40px;font:inherit;border:none;border-inline-end:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.tool-toggle-group button:last-child{border-inline-end:none}.tool-toggle-group button[aria-pressed=true]{color:var(--color-accent-1);background:#63b3ed24}.tool-result{background:#63b3ed0a;border:1px solid #63b3ed1f;border-radius:14px;gap:16px;margin-top:24px;padding:24px;display:grid}@media (width>=640px){.tool-result{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:28px}}.tool-result-item{flex-direction:column;gap:4px;display:flex}.tool-result-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:700}.tool-result-value{color:var(--color-text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.tool-result-value small{color:var(--color-text-secondary);margin-inline-start:4px;font-size:14px;font-weight:500}.tool-result-note{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.quality-badge{letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.quality-badge[data-quality=low]{color:#ef4444;background:#ef44441f}.quality-badge[data-quality=acceptable]{color:#f59e0b;background:#f59e0b1f}.quality-badge[data-quality=high]{color:#22c55e;background:#22c55e1f}.quality-badge[data-quality=excellent]{color:var(--color-accent-1);background:#63b3ed1f}.tool-content{margin-top:48px}.tool-content h2{letter-spacing:-.02em;margin-bottom:14px;font-size:22px;font-weight:700}.tool-content p{color:var(--color-text-secondary);margin-bottom:16px;font-size:15px;line-height:1.75}.tool-content p strong{color:var(--color-text-primary);font-weight:600}.tool-content h3{margin:32px 0 10px;font-size:17px;font-weight:700}.tool-content ul{margin-bottom:16px;padding-inline-start:20px}.tool-content li{color:var(--color-text-secondary);margin-bottom:6px;font-size:14.5px;line-height:1.7}.related-tools{margin-top:48px}.related-tools h2{margin-bottom:18px;font-size:18px;font-weight:700}.related-tools-grid{gap:14px;display:grid}@media (width>=640px){.related-tools-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.related-tool-card{background:var(--color-bg-card);border:1px solid var(--color-bg-card-border);color:var(--color-text-primary);border-radius:12px;align-items:flex-start;gap:14px;padding:18px;text-decoration:none;transition:all .25s;display:flex}.related-tool-card:hover{border-color:var(--color-accent-1);background:var(--color-bg-card-hover);color:var(--color-text-primary);text-decoration:none;transform:translateY(-2px)}.related-tool-icon{background:#63b3ed1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.related-tool-icon svg{width:18px;height:18px;color:var(--color-accent-1)}.related-tool-text strong{margin-bottom:3px;font-size:14px;font-weight:600;display:block}.related-tool-text span{color:var(--color-text-secondary);font-size:12.5px;line-height:1.5}.tool-entity-link{color:var(--color-accent-1);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.tool-entity-link:hover{color:var(--color-accent-2);text-decoration:none}.tool-entity-link:after{content:"→";font-size:12px;transition:transform .2s}.tool-entity-link:hover:after{transform:translate(3px)}.tool-faq{margin-top:48px}.tool-faq h2{margin-bottom:16px;font-size:20px;font-weight:700}.tools-hub-grid{gap:16px;margin:32px 0 48px;display:grid}@media (width>=640px){.tools-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tools-hub-grid{grid-template-columns:repeat(2,1fr)}}.tool-hub-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--color-bg-card-border);color:var(--color-text-primary);border-radius:16px;align-items:flex-start;gap:18px;padding:24px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 12px #00000026,inset 0 1px #ffffff0a}.tool-hub-card:hover{border-color:var(--color-accent-1);background:var(--color-bg-card-hover);color:var(--color-text-primary);text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0f}.tool-hub-icon{background:linear-gradient(135deg,#63b3ed24,#4fd1c51a);border:1px solid #63b3ed1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-hub-icon svg{width:22px;height:22px;color:var(--color-accent-1)}.tool-hub-text{flex:1;min-width:0}.tool-hub-text strong{margin-bottom:5px;font-size:15px;font-weight:700;display:block}.tool-hub-text span{color:var(--color-text-secondary);font-size:13px;line-height:1.6;display:block}.tool-back-link{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:40px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.tool-back-link:hover{color:var(--color-accent-1);text-decoration:none}.tool-visual{border:1px dashed var(--color-border-subtle);background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;min-height:200px;margin:20px 0;display:flex;overflow:hidden}.tool-visual svg{max-width:100%;height:auto}.tool-size-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tool-size-link{color:var(--color-accent-1);background:#63b3ed14;border:1px solid #63b3ed26;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tool-size-link:hover{border-color:var(--color-accent-1);color:var(--color-accent-1);background:#63b3ed26;text-decoration:none}