.nat-image{--background:#f8fafc;--card:#fff;--text:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-soft:#dbeafe;--accent:#f97316;--success:#059669;--danger:#dc2626}html.dark .nat-image,.nat-image.dark{--background:#0f172a;--card:#1e293b;--text:#f8fafc;--text-secondary:#94a3b8;--border:#334155;--primary:#3b82f6;--primary-soft:#1e3a8a;--accent:#fb923c;--success:#34d399;--danger:#f87171}*{box-sizing:border-box}.nat-image{background-color:#f8fafc}html.dark .nat-image,.nat-image.dark{background-color:#0f172a}.nat-image{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Plus Jakarta Sans,Arial,sans-serif;transition:background-color .2s,color .2s}.nat-image-loading-bar{background:linear-gradient(90deg,#2563eb,#60a5fa);animation:1.1s ease-in-out infinite nat-image-indeterminate}@keyframes nat-image-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.nat-image-loading-bar{animation:none;transform:none;width:55%!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.drag-over{border-color:var(--primary)!important;background-color:var(--primary-soft)!important}.tool-card{transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s}.tool-card:hover{border-color:color-mix(in srgb, var(--tool-accent) 55%, var(--border));box-shadow:0 10px 28px -8px color-mix(in srgb, var(--tool-accent) 35%, transparent), 0 4px 12px -4px #0f172a2e;transform:translateY(-3px)}.dark .tool-card:hover{box-shadow:0 12px 32px -10px color-mix(in srgb, var(--tool-accent) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--tool-accent) 25%, transparent)}.tool-card-icon{transition:transform .22s,background-color .22s}.tool-card:hover .tool-card-icon{transform:scale(1.08);background:color-mix(in srgb, var(--tool-accent) 22%, transparent)!important}.tool-card-accent{transition:width .22s}.tool-card:hover .tool-card-accent{width:2.75rem}.trust-card{transition:transform .22s,box-shadow .22s,border-color .22s}.trust-card:hover{border-color:color-mix(in srgb, var(--trust-tint) 40%, var(--border));box-shadow:0 8px 20px -8px color-mix(in srgb, var(--trust-tint) 40%, transparent);transform:translateY(-2px)}.trust-card-icon{transition:transform .22s}.trust-card:hover .trust-card-icon{transform:scale(1.1)}.mega-tool-link{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;transition:background-color .18s,transform .18s}.mega-tool-link:hover{transform:translate(2px);background:color-mix(in srgb, var(--tool-accent) 12%, transparent)!important}@media (prefers-reduced-motion:reduce){.tool-card,.tool-card-icon,.tool-card-accent,.trust-card,.trust-card-icon,.mega-tool-link{transition:none!important}.tool-card:hover,.trust-card:hover,.mega-tool-link:hover{transform:none}}.tool-range{appearance:none;cursor:grab;touch-action:none;width:100%;height:2rem;accent-color:var(--range-accent,var(--primary));background:0 0;margin:0}.tool-range:active{cursor:grabbing}.tool-range:focus-visible{outline:2px solid var(--range-accent,var(--primary));outline-offset:4px;border-radius:999px}.tool-range::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--range-accent,var(--primary)) 22%, var(--border));border-radius:999px;height:.5rem}.tool-range::-webkit-slider-thumb{appearance:none;background:var(--range-accent,var(--primary));cursor:grab;border:2px solid #fff;border-radius:999px;width:1.375rem;height:1.375rem;margin-top:-.4375rem;box-shadow:0 1px 4px #0f172a47}.tool-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.tool-range::-moz-range-track{background:color-mix(in srgb, var(--range-accent,var(--primary)) 22%, var(--border));border-radius:999px;height:.5rem}.tool-range::-moz-range-thumb{background:var(--range-accent,var(--primary));cursor:grab;border:2px solid #fff;border-radius:999px;width:1.375rem;height:1.375rem;box-shadow:0 1px 4px #0f172a47}