@view-transition{navigation:auto}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-muted: #f1f5f9;--text: #0f172a;--text-muted: #475569;--accent: #0369a1;--accent-strong: #075985;--accent-soft: #e0f2fe;--border: #cbd5e1;--border-subtle: #e2e8f0;--success: #166534;--error: #b91c1c;--radius-sm: .65rem;--radius-md: 1rem;--radius-lg: 1.4rem;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 14px 35px rgb(15 23 42 / .09);--dur-s: .16s;--dur-m: .24s;--dur-l: .42s;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 50% -12rem,#dbeafe 0,transparent 32rem),var(--bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:.16em}a:hover{color:var(--accent-strong)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.65rem .9rem;border-radius:var(--radius-sm);color:var(--surface);background:var(--text);transform:translateY(-180%);transition:transform var(--dur-s) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:20;border-bottom:1px solid rgb(203 213 225 / .8);background:#f8fafce0;backdrop-filter:blur(12px)}nav{max-width:960px;margin:0 auto;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}nav a{color:var(--text);text-decoration:none}nav .brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:-.015em}.nav-actions{display:flex;align-items:center;gap:.55rem}.language-switcher{min-height:44px;padding:.55rem .7rem;display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;font-weight:700}.language-switcher:hover{color:var(--accent-strong);background:var(--accent-soft)}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.7rem;color:var(--surface);background:var(--text);font-size:.75rem;letter-spacing:.08em;box-shadow:var(--shadow-sm)}.tool-menu{position:relative}.tool-menu summary{min-height:44px;padding:.55rem .8rem;display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-weight:650;list-style:none;box-shadow:var(--shadow-sm);transition:border-color var(--dur-s),box-shadow var(--dur-s),transform var(--dur-s) var(--ease-out)}.tool-menu summary::-webkit-details-marker{display:none}.tool-menu summary:hover{border-color:var(--accent);box-shadow:0 5px 16px #0369a11f;transform:translateY(-1px)}.chevron{width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-s) var(--ease-out)}.tool-menu[open] .chevron{transform:rotate(225deg) translate(-1px,-1px)}.tool-menu-panel{position:absolute;top:calc(100% + .55rem);right:0;width:min(21rem,calc(100vw - 2rem));padding:.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}.tool-menu-panel a{min-height:44px;padding:.65rem .75rem;display:flex;align-items:center;border-radius:.55rem;color:var(--text-muted);font-size:.9rem;font-weight:600}.tool-menu-panel a:hover,.tool-menu-panel a[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}main{max-width:880px;margin:0 auto;padding:clamp(2.75rem,7vw,5.75rem) 1.25rem 5rem}main:focus{outline:none}footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background:var(--surface);font-size:.9rem}.footer-inner{max-width:880px;margin:0 auto;padding:1.35rem 1.25rem;display:flex;gap:.4rem .8rem;flex-wrap:wrap}.footer-inner strong{color:var(--text)}h1{max-width:17ch;margin:0 0 .75rem;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}h2,h3{line-height:1.25;letter-spacing:-.02em;text-wrap:balance}h2{font-size:clamp(1.4rem,3vw,2rem)}code{padding:.1em .3em;border-radius:.35rem;color:var(--accent-strong);background:var(--accent-soft);font-size:.9em}.tagline{max-width:65ch;margin-top:0;color:var(--text-muted);font-size:clamp(1.05rem,2.4vw,1.22rem);line-height:1.7}.dropzone{position:relative;isolation:isolate;overflow:hidden;border:2px dashed var(--border);border-radius:var(--radius-lg);padding:clamp(2.6rem,8vw,4.5rem) 1rem;text-align:center;color:var(--text-muted);background:var(--surface);cursor:pointer;margin:1.75rem 0 .6rem;box-shadow:var(--shadow-sm);touch-action:manipulation;transition:border-color var(--dur-m),background var(--dur-m),box-shadow var(--dur-m),transform var(--dur-m) var(--ease-out)}.dropzone:before{content:"";position:absolute;z-index:0;inset:-2px;padding:2px;border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--border-angle),var(--accent),#38bdf8,#67e8f9,var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:opacity var(--dur-s)}.dropzone>*{position:relative;z-index:1}.dropzone p{margin:0}.dropzone strong{display:block;margin-bottom:.3rem;color:var(--text);font-size:1.08rem}.dropzone:hover,.dropzone:focus-within,.dropzone.drag,.dropzone.processing{border-color:transparent;background:#f0f9ff;box-shadow:0 16px 36px #0369a124;transform:translateY(-2px)}.dropzone:hover:before,.dropzone:focus-within:before,.dropzone.drag:before{opacity:1;animation:border-spin .9s linear 1}.dropzone.processing:before{opacity:1;animation:border-spin 1s linear infinite}.dropzone input{display:block;width:fit-content;max-width:100%;margin:1rem auto 0;color:transparent;font:inherit}.dropzone input::file-selector-button{min-height:44px;margin-right:0;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);cursor:pointer;font:inherit;font-weight:700}.status{min-height:1.75em;margin:.55rem 0;color:var(--success);font-size:.92rem;font-weight:650}.status.error{color:var(--error)}.status.working{color:var(--accent-strong)}.status:not(:empty):before{content:"✓";margin-right:.35rem}.status.error:before{content:"!"}.status.working:before{content:"·"}.options{margin-top:1.5rem;padding:.9rem 1rem;display:flex;gap:.4rem 1rem;align-items:center;flex-wrap:wrap;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffffc7;box-shadow:var(--shadow-sm)}.options label{min-height:44px;display:inline-flex;align-items:center;gap:.55rem}.options input[type=checkbox],.options input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.options input[type=number]{width:7rem}input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:44px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.55rem;color:var(--text);background:var(--surface);font:inherit}button{min-height:44px;padding:.65rem 1.15rem;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--surface);background:var(--accent);cursor:pointer;font:inherit;font-weight:700;box-shadow:var(--shadow-sm);transition:background var(--dur-s),box-shadow var(--dur-s),transform var(--dur-s) var(--ease-out)}button:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 8px 20px #0369a12e;transform:translateY(-1px)}button:disabled{border-color:var(--border);color:var(--text-muted);background:var(--surface-muted);cursor:not-allowed;box-shadow:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none}.cards li{min-width:0}.cards a{height:100%;padding:1.2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-m),box-shadow var(--dur-m),transform var(--dur-m) var(--ease-out)}.cards a:hover,.cards a:focus-visible{border-color:#7dd3fc;color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cards h4{grid-column:1;margin:0 0 .3rem;font-size:1.05rem;line-height:1.3;letter-spacing:-.015em}.cards p{grid-column:1;margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.55}.card-arrow{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--accent);font-size:1.35rem;transition:transform var(--dur-s) var(--ease-out)}.cards a:hover .card-arrow,.cards a:focus-visible .card-arrow{transform:translate(.2rem)}.home-hero{max-width:760px;margin-bottom:clamp(3rem,8vw,5rem)}.eyebrow{margin:0 0 .8rem;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.trust-list{margin:1.5rem 0 0;padding:0;display:flex;gap:.55rem;flex-wrap:wrap;list-style:none}.trust-list li{padding:.4rem .65rem;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-muted);background:#ffffffb8;font-size:.82rem;font-weight:650}.tool-directory>h2{margin-bottom:.2rem}.section-intro{max-width:62ch;margin-top:0;color:var(--text-muted)}.tool-group{margin-top:2.5rem}.tool-group h3{margin-bottom:.25rem;font-size:1.1rem}.tool-group>p{margin-top:0;color:var(--text-muted);font-size:.93rem}main>section:not(.home-hero){margin-top:3.75rem;padding-top:2.25rem;border-top:1px solid var(--border-subtle)}main>section.tool-directory{margin-top:0}main>section h2:first-child{margin-top:0}section.faq h3{margin:1.6rem 0 .25rem;font-size:1.05rem}section.faq p{margin-top:0;color:var(--text-muted)}@keyframes border-spin{to{--border-angle: 360deg}}@keyframes page-out{to{opacity:0;transform:translateY(-.35rem)}}@keyframes page-in{0%{opacity:0;transform:translateY(.45rem)}}@keyframes section-reveal{0%{opacity:0;transform:translateY(1rem) scale(.99)}}@keyframes card-enter{0%{opacity:0;transform:translateY(.9rem) scale(.98)}}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:page-out var(--dur-s) ease-in both}::view-transition-new(root){animation:page-in var(--dur-m) var(--ease-out) both}.cards.is-staggered li{animation:card-enter var(--dur-l) var(--ease-out) both;animation-delay:calc(var(--i) * 55ms)}@supports (animation-timeline: view()){main>section:not(.home-hero){animation:section-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 24%}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}.dropzone:hover,.dropzone:focus-within,.dropzone.drag,.dropzone.processing,.cards a:hover,.cards a:focus-visible{transform:none}}@media(max-width:640px){nav{padding-inline:1rem}.brand>span:last-child{display:none}main{padding:2.75rem 1rem 4rem}h1{font-size:clamp(2.25rem,12vw,3.25rem)}.brand-mark{width:2rem;height:2rem}.tool-menu-panel{grid-template-columns:1fr}.dropzone{padding-block:2.75rem}.options{align-items:stretch}.options label{width:100%}.cards{grid-template-columns:1fr}}