:root{--color-paper:oklch(15% .014 255);--color-paper-2:oklch(18% .016 255);--color-paper-3:oklch(22% .017 255);--color-ink:oklch(96% .008 255);--color-ink-2:oklch(88% .01 255);--color-muted:oklch(72% .018 255);--color-rule:oklch(34% .02 255);--color-rule-strong:oklch(46% .026 255);--color-accent:oklch(72% .17 254);--color-accent-soft:oklch(26% .062 254);--color-accent-ink:oklch(17% .03 254);--color-focus:oklch(84% .16 254);--color-error:oklch(70% .16 25);--color-success:oklch(76% .14 150);--color-warning:oklch(82% .14 85);--font-display:"Cascadia Code", "Yu Gothic UI", monospace;--font-body:"Aptos", "Segoe UI Variable Text", "Yu Gothic UI", sans-serif;--font-mono:var(--font-display);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-display:clamp(2.4rem, 5vw, 4.6rem);--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--rule-thin:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.36s;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500}*{box-sizing:border-box}html,body{background:var(--color-paper);min-width:320px;min-height:100%;color:var(--color-ink);margin:0;overflow-x:clip}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-height:100dvh}button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-accent-soft);color:var(--color-ink)}#root{min-height:100dvh}.skip-link{z-index:var(--z-toast);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-ink);transition:transform var(--dur-short) var(--ease-out);font-weight:700;text-decoration:none;position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.site-header{z-index:var(--z-sticky);background:color-mix(in oklch, var(--color-paper) 94%, transparent);border-bottom:var(--rule-thin) solid var(--color-rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-inner,.page-frame,.footer-inner{width:min(100% - 2rem,78rem);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-xl);min-height:4.25rem;display:flex}.brand{align-items:center;gap:var(--space-xs);white-space:nowrap;min-height:2.75rem;font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;text-decoration:none;display:inline-flex}.brand-labs{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:-.01em;font-weight:600}.search-trigger{align-items:center;gap:var(--space-sm);min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-muted);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);display:flex}.search-trigger span{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;min-width:0;overflow:hidden}.shortcut{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-sm);flex:none;padding:.08rem .35rem}.page-frame{padding-block:clamp(2rem, 5vw, 4.5rem) var(--space-3xl)}.hero{gap:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr);align-items:start;padding-block-end:var(--space-2xl);display:grid}.hero h1,.section-title,.tool-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal}.hero h1{max-width:22ch;font-size:clamp(2rem,4vw,3.35rem);font-weight:700;line-height:1.05}.hero-copy{gap:var(--space-md);max-width:65ch;color:var(--color-muted);line-height:1.65;display:grid}.privacy-note{align-items:center;gap:var(--space-xs);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-sm);display:flex}.section{padding-block:var(--space-2xl)}.section+.section{border-top:var(--rule-thin) solid var(--color-rule)}.section-head{align-items:end;gap:var(--space-lg);grid-template-columns:minmax(0,1fr) auto;margin-block-end:var(--space-xl);display:grid}.section-title{font-size:clamp(1.65rem,3vw,2.6rem);font-weight:700;line-height:1.1}.section-copy{margin:var(--space-xs) 0 0;max-width:60ch;color:var(--color-muted);line-height:1.6}.tool-grid{border-top:var(--rule-thin) solid var(--color-rule);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.tool-card{align-content:space-between;gap:var(--space-lg);min-height:10.5rem;padding:var(--space-lg);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);grid-column:span 4;text-decoration:none;display:grid}.tool-card:nth-child(3n+1){border-left:var(--rule-thin) solid var(--color-rule)}.tool-card h3{font-size:var(--text-md);line-height:1.2;font-family:var(--font-display);letter-spacing:-.02em;margin:0}.tool-card p{margin:var(--space-xs) 0 0;color:var(--color-muted);line-height:1.55;font-size:var(--text-sm)}.tool-card-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}.tool-card-meta svg{color:var(--color-accent)}.category-list{border:var(--rule-thin) solid var(--color-rule);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.category-link{min-width:0;padding:var(--space-lg) var(--space-md);border-right:var(--rule-thin) solid var(--color-rule);gap:var(--space-sm);text-decoration:none;display:grid}.category-link:last-child{border-right:0}.category-link strong{font-family:var(--font-display);font-size:var(--text-base)}.category-link span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.tool-page{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.tool-intro{gap:var(--space-lg);display:grid;position:sticky;top:6.5rem}.breadcrumb{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--color-ink-2);white-space:nowrap;align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.tool-title{font-size:clamp(2rem,4vw,3.8rem);font-weight:700;line-height:1.04}.tool-description{color:var(--color-muted);max-width:52ch;margin:0;line-height:1.65}.local-badge{align-items:center;gap:var(--space-xs);width:fit-content;min-height:2.25rem;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;display:inline-flex}.tool-surface{gap:var(--space-lg);min-width:0;display:grid}.panel{gap:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-2);min-width:0;color:var(--color-ink);padding:clamp(1rem,3vw,1.5rem);display:grid}.panel h2,.panel h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}.field{gap:var(--space-xs);display:grid}.field label,.field-label{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}.field-help{min-height:1.3em;color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.45}.input,.textarea,.select{border:var(--rule-thin) solid var(--color-rule-strong);outline-offset:1px;border-radius:var(--radius-md);background:var(--color-paper);width:100%;color:var(--color-ink);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);outline:2px solid #0000}.input,.select{min-height:2.875rem;padding-inline:var(--space-sm)}.textarea{min-height:10rem;padding:var(--space-sm);resize:vertical;line-height:1.55}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline-color:var(--color-focus)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-error)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper-3)}.button-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-width:2.875rem;min-height:2.875rem;padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper-3);color:var(--color-ink);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out), border-color var(--dur-short) var(--ease-out);font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn-quiet{background:0 0}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5}.drop-zone{min-width:0;min-height:9rem;padding:var(--space-lg);border:var(--rule-thin) dashed var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper);color:var(--color-muted);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid}.drop-zone[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.result-box,.code-box{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);min-width:0;color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-md);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;overflow:auto}.result-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat{padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper)}.stat span{color:var(--color-muted);font-size:var(--text-xs);display:block}.stat strong{font-size:var(--text-md);font-variant-numeric:tabular-nums;margin-block-start:var(--space-2xs);display:block}.inline-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check-row{align-items:center;gap:var(--space-sm);min-height:2.75rem;display:flex}.check-row input{width:1.1rem;height:1.1rem;accent-color:var(--color-accent)}.status{min-width:0;min-height:1.5rem;color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.status[data-tone=error]{color:var(--color-error)}.status[data-tone=success]{color:var(--color-success)}.search-dialog{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper-2);width:min(44rem,100% - 2rem);max-height:min(80dvh,42rem);color:var(--color-ink);padding:0}.search-dialog::backdrop{background:color-mix(in oklch, var(--color-paper) 78%, transparent)}.dialog-search{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);display:flex}.dialog-search input{min-width:0;color:var(--color-ink);font-size:var(--text-md);background:0 0;border:0;outline:0;flex:1}.search-results{max-height:60dvh;padding:var(--space-xs);overflow:auto}.search-result{align-items:center;gap:var(--space-sm);width:100%;min-height:3.5rem;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-ink);text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.search-result[data-active=true]{background:var(--color-paper-3)}.search-result small{color:var(--color-muted)}.empty-state{padding:var(--space-xl);color:var(--color-muted);text-align:center}.site-footer{border-top:var(--rule-thin) solid var(--color-rule)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:4.5rem;color:var(--color-muted);font-size:var(--text-sm);display:flex}.footer-inner a{color:var(--color-ink-2);white-space:nowrap;align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.footer-links{align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}@media (hover:hover) and (pointer:fine){.search-trigger:hover,.btn:hover{background:var(--color-paper-3);border-color:var(--color-rule-strong)}.tool-card:hover{background:var(--color-paper-2);transform:translateY(-1px)}.category-link:hover{background:var(--color-paper-2)}}.search-trigger:active,.tool-card:active,.category-link:active,.drop-zone:active{background:var(--color-paper-3)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=60rem){.hero,.tool-page{grid-template-columns:minmax(0,1fr)}.tool-intro{position:static}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.category-link{border-bottom:var(--rule-thin) solid var(--color-rule)}.category-link:nth-child(2n){border-right:0}.category-link:last-child{border-bottom:0;grid-column:1/-1}.tool-card{grid-column:span 6}.tool-card:nth-child(3n+1){border-left:0}.tool-card:nth-child(odd){border-left:var(--rule-thin) solid var(--color-rule)}}@media (width<=42rem){.header-inner,.page-frame,.footer-inner{width:min(100% - 1.25rem,78rem)}.header-inner{gap:var(--space-sm)}.shortcut{display:none}.search-trigger{flex:0 0 2.75rem;justify-content:center;width:2.75rem;padding-inline:0}.search-trigger span{display:none}.hero{gap:var(--space-xl);padding-block-end:var(--space-xl)}.section{padding-block:var(--space-xl)}.section-head{grid-template-columns:minmax(0,1fr);align-items:start}.tool-card{grid-column:1/-1;border-left:var(--rule-thin) solid var(--color-rule)!important}.category-list,.inline-grid,.result-grid{grid-template-columns:minmax(0,1fr)}.category-link,.category-link:nth-child(2n){border-right:0;border-bottom:var(--rule-thin) solid var(--color-rule)}.footer-inner{justify-content:center;align-items:flex-start;gap:var(--space-xs);flex-direction:column;min-height:5.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}