:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#f8fafd;--color-paper-2:#f1f5f8;--color-paper-3:#e6ebf0;--color-rule:#d4dae0;--color-rule-2:#a6afb9;--color-muted:#565e69;--color-neutral:#373e48;--color-ink-2:#252c36;--color-ink:#0d141f;--color-accent:#0065cd;--color-accent-hover:#0052a8;--color-accent-soft:#deedff;--color-accent-ink:#f8fafd;--color-focus:#005fc6;--color-graphite:#131922;--color-graphite-2:#1d242f;--color-graphite-ink:#e7ecf0;--color-success:#00713d;--color-success-soft:#dcf2e3;--color-error:#b02a2d;--color-error-soft:#ffe9e6;--color-warning:#8e5e00;--font-display:"Space Grotesk", "PingFang SC", "Microsoft YaHei", ui-sans-serif, sans-serif;--font-body:"Inter", "PingFang SC", "Microsoft YaHei", ui-sans-serif, sans-serif;--font-outlier:"JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:2.75rem;--text-display-s:clamp(1.875rem, 3.4vw, 3rem);--text-display:clamp(2.25rem, 4.4vw, 4rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--rule-hair:1px;--rule-fine:2px;--radius-card:10px;--radius-pill:8px;--radius-input:6px;--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:.42s;--shadow-card:0 1px 2px #0d141f0d;--shadow-modal:0 24px 70px #0d141f2e;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--page-max:70rem;--topbar-height:3.75rem;--sidebar-width:15rem}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(98.257% -.443965 -1.43218);--color-paper-2:lab(96.2834% -.662208 -2.14618);--color-paper-3:lab(92.7963% -.883341 -3.25201);--color-rule:lab(86.6467% -.976533 -3.61056);--color-rule-2:lab(70.9638% -1.48484 -6.53055);--color-muted:lab(39.6244% -1.31167 -7.27045);--color-neutral:lab(25.6949% -1.10908 -7.26279);--color-ink-2:lab(17.5552% -.949889 -7.96472);--color-ink:lab(6.09985% -.528403 -8.26867);--color-accent:lab(42.303% 12.402 -70.3767);--color-accent-hover:lab(33.8698% 17.3334 -70.3235);--color-accent-soft:lab(92.9452% -2.34327 -12.7449);--color-accent-ink:lab(98.257% -.443965 -1.43218);--color-focus:lab(39.9046% 13.6649 -70.3507);--color-graphite:lab(8.27608% -.737742 -7.19886);--color-graphite-2:lab(14.0719% -.887722 -7.94332);--color-graphite-ink:lab(93.0335% -.877798 -2.85856);--color-success:lab(41.3451% -42.0486 21.772);--color-success-soft:lab(93.4456% -9.29171 4.76019);--color-error:lab(40.2801% 53.7849 33.3129);--color-error-soft:lab(93.9694% 7.65815 4.12705);--color-warning:lab(44.15% 16.9677 60.948);--shadow-card:0 1px 2px lab(6.09985% -.528403 -8.26867/.05);--shadow-modal:0 24px 70px lab(6.09985% -.528403 -8.26867/.18)}}*{box-sizing:border-box}html,body{min-width:20rem;overflow-x:clip}html{background:var(--color-paper);scroll-behavior:smooth}body{min-height:100dvh;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-size:var(--text-base);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}code,kbd{font-family:var(--font-outlier);font-variant-numeric:tabular-nums}h1,h2,h3{color:var(--color-ink);font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal}p{max-width:65ch}::selection{color:var(--color-ink);background:var(--color-accent-soft)}:focus-visible{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-hair)}input,textarea,select{width:100%;color:var(--color-ink);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);outline:var(--rule-fine) solid transparent;outline-offset:var(--rule-hair);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out)}input,select{min-height:2.75rem;padding-inline:var(--space-sm)}textarea{min-height:10rem;padding:var(--space-sm);resize:vertical;line-height:1.5;font-family:var(--font-outlier);font-size:var(--text-sm)}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-ink-2);outline-color:var(--color-focus);background:var(--color-paper)}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:active:not(:disabled),a:active{filter:brightness(.94)}@media (hover:hover) and (pointer:fine){input:hover,textarea:hover,select:hover{background:var(--color-paper-2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:.15s!important;animation-iteration-count:1!important}}.app-shell{min-height:100dvh}.app-main{min-width:0;min-height:100dvh}.desktop-sidebar{display:none}.topbar{z-index:var(--z-sticky);min-height:var(--topbar-height);border-block-end:var(--rule-hair) solid var(--color-rule);background:color-mix(in oklch, var(--color-paper) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;inset-block-start:0}.topbar-inner{width:min(100% - var(--space-xl), var(--page-max));min-height:var(--topbar-height);align-items:center;gap:var(--space-sm);margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-xs);white-space:nowrap;min-width:0;display:inline-flex}.brand-mark{border-radius:var(--radius-input);width:2rem;height:2rem;color:var(--color-accent-ink);background:var(--color-accent);font-family:var(--font-display);font-size:var(--text-sm);flex:0 0 2rem;place-items:center;font-weight:700;display:grid}.brand-copy{min-width:0;display:flex}.brand-copy strong{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:-.025em;font-weight:700}.topbar-brand{margin-inline-end:auto}.topbar-search{justify-content:center;align-items:center;gap:var(--space-sm);min-width:2.75rem;height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);color:var(--color-muted);background:var(--color-paper);cursor:pointer;text-align:start;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);margin-inline-start:auto;display:inline-flex}.topbar-search span,.topbar-search kbd{display:none}kbd{padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);color:var(--color-muted);background:var(--color-paper-2);white-space:nowrap;font-size:.6875rem;font-weight:500;line-height:1.2}.menu-button,.github-link,.mobile-menu-close{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);width:2.75rem;height:2.75rem;color:var(--color-neutral);background:var(--color-paper);cursor:pointer;flex:0 0 2.75rem;place-items:center;display:grid}.github-link{display:none}.page-wrap{width:min(100% - var(--space-xl), var(--page-max));min-height:calc(100dvh - var(--topbar-height));padding-block:var(--space-lg) var(--space-md);margin-inline:auto}.foot-line{justify-content:space-between;align-items:center;gap:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);margin-block-start:var(--space-2xl);padding-block-start:var(--space-sm);display:flex}.foot-line span,.foot-line a{align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}.foot-line a{color:var(--color-neutral)}.app-navigation{gap:var(--space-md);flex-direction:column;min-height:0;display:flex}.nav-group>p{margin:0 0 var(--space-xs);padding-inline:var(--space-sm);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.nav-group .nav-link{align-items:center;gap:var(--space-sm);min-height:2.75rem;padding-inline:var(--space-sm);border-radius:var(--radius-input);color:var(--color-neutral);font-size:var(--text-sm);white-space:nowrap;transition:color var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out);grid-template-columns:1.25rem minmax(0,1fr) auto;font-weight:500;display:grid}.nav-group .nav-link svg{color:var(--color-muted);transition:color var(--dur-micro) var(--ease-out)}.nav-group .nav-link.active{color:var(--color-accent);background:var(--color-accent-soft)}.nav-group .nav-link.active svg{color:var(--color-accent)}.nav-group .nav-link small{border-radius:var(--radius-pill);min-width:1.25rem;height:1.25rem;color:var(--color-muted);background:var(--color-paper-3);font-variant-numeric:tabular-nums;place-items:center;font-size:.6875rem;display:grid}.mobile-menu-panel{z-index:var(--z-modal);width:min(20rem,90%);padding:var(--space-lg);color:var(--color-ink);background:var(--color-paper);border-inline-end:var(--rule-hair) solid var(--color-rule);visibility:hidden;pointer-events:none;transition:transform var(--dur-short) var(--ease-in), visibility var(--dur-short);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.mobile-menu-panel.open{visibility:visible;pointer-events:auto;transition-timing-function:var(--ease-out);transform:translate(0)}.mobile-menu-head{justify-content:space-between;align-items:center;gap:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-md);display:flex}.mobile-menu-panel .app-navigation{margin-block-start:var(--space-md);overflow-y:auto}.privacy-note{align-items:center;gap:var(--space-sm);min-height:2.75rem;padding-inline:var(--space-sm);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-neutral);font-size:var(--text-xs);margin-block-start:auto;display:flex}.mobile-backdrop{z-index:calc(var(--z-modal) - 1);background:color-mix(in oklch, var(--color-ink) 42%, transparent);border:0;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){.github-link:hover,.foot-line a:hover{color:var(--color-accent)}.nav-group .nav-link:hover{color:var(--color-ink);background:var(--color-paper-3)}.nav-group .nav-link:hover svg{color:var(--color-accent)}.topbar-search:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.topbar-search:active,.menu-button:active,.mobile-menu-close:active{transform:translateY(1px)}}@media (min-width:48rem){.topbar-search{justify-content:flex-start;width:min(22rem,42vw)}.topbar-search span{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;display:block;overflow:hidden}.topbar-search kbd{display:inline-flex}.github-link{display:grid}}@media (min-width:64rem){.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);align-items:start;display:grid}.desktop-sidebar{z-index:var(--z-sticky-nav);border-inline-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);flex-direction:column;min-width:0;height:100dvh;display:flex;position:sticky;inset-block-start:0;overflow:hidden}.sidebar-brand{min-height:var(--topbar-height);padding-inline:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);align-items:center;display:flex}.desktop-sidebar .app-navigation{padding:var(--space-lg) var(--space-sm);scrollbar-width:thin;flex:1;overflow-y:auto}.sidebar-status{align-items:center;gap:var(--space-sm);min-height:3.5rem;padding-inline:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);background:var(--color-paper);font-size:var(--text-xs);display:flex}.sidebar-status svg{color:var(--color-accent)}.sidebar-status span{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.sidebar-status strong{color:var(--color-neutral);font-size:var(--text-xs);font-weight:600}.sidebar-status small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.menu-button,.topbar-brand,.mobile-menu-panel,.mobile-backdrop{display:none}.topbar-inner,.page-wrap{width:min(100% - var(--space-3xl), var(--page-max))}.topbar-search{width:min(32rem,56vw);margin-inline-start:0}.github-link{margin-inline-start:auto}.page-wrap{padding-block-start:var(--space-xl)}}@media (min-width:90rem){.topbar-inner,.page-wrap{width:min(100% - var(--space-4xl), var(--page-max))}}@media (prefers-reduced-motion:reduce){.mobile-menu-panel{opacity:0;transition:visibility .15s,opacity .15s;transform:none}.mobile-menu-panel.open{opacity:1}}.home-page,.listing-page,.tool-page{min-width:0}.category-rail{gap:var(--space-xs);padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;display:flex}.category-rail a{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);color:var(--color-neutral);background:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:500;display:inline-flex}.page-section{margin-block-start:var(--space-xl)}.tool-index-section{margin-block-start:var(--space-lg)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-block-end:var(--space-sm);display:flex}.section-heading h2{font-size:var(--text-lg);letter-spacing:-.025em;font-weight:700}.section-heading>span{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.section-heading>a{color:var(--color-accent);font-size:var(--text-sm);white-space:nowrap;font-weight:600}.tool-grid{border-block-start:var(--rule-hair) solid var(--color-rule);min-width:0}.tool-card{border-block-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);min-width:0;position:relative}.tool-card-link{align-items:center;gap:var(--space-sm);min-height:4.75rem;padding:var(--space-xs) 4rem var(--space-xs) var(--space-xs);transition:background-color var(--dur-short) var(--ease-out);grid-template-columns:2.25rem minmax(0,1fr) 1.25rem;display:grid}.tool-card-icon{color:var(--color-neutral);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);place-items:center;width:2.25rem;height:2.25rem;display:grid}.tool-card-copy{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.tool-card-copy strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tool-card-copy>span{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-card-arrow{color:var(--color-muted)}.favorite-button{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);min-width:2.75rem;min-height:2.75rem;color:var(--color-muted);background:var(--color-paper);cursor:pointer;transition:color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.favorite-button.active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.card-favorite{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-xs);transform:translateY(-50%)}.breadcrumbs{color:var(--color-muted);font-size:var(--text-xs);margin-block-end:var(--space-sm)}.breadcrumbs a{align-items:center;gap:var(--space-xs);white-space:nowrap;min-height:2.75rem;display:inline-flex}.tool-header h1{font-size:var(--text-2xl);letter-spacing:-.04em;font-weight:700;line-height:1.08}.tool-header p{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.tool-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-block-end:var(--space-lg);display:flex}.tool-header>div{min-width:0}.tool-favorite{gap:var(--space-xs);padding-inline:var(--space-sm);font-size:var(--text-sm);white-space:nowrap;flex:none;font-weight:600}.tool-surface{padding-block:var(--space-lg);border-block:var(--rule-hair) solid var(--color-rule)}.tool-loading{min-height:13rem;color:var(--color-muted);font-size:var(--text-sm);place-items:center;display:grid}.related-tools{margin-block-start:var(--space-2xl)}.empty-state{min-height:13rem;padding:var(--space-xl);border-block:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);background:var(--color-paper-2);text-align:center;place-items:center;display:grid}.empty-state p{font-size:var(--text-sm);margin:0}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:60dvh;display:flex}.not-found>span{color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.not-found h1{margin-block:var(--space-sm);font-size:var(--text-2xl);letter-spacing:-.04em}.not-found p{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-base)}.not-found a{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-ink);border-radius:var(--radius-input);color:var(--color-ink);background:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;font-weight:600;display:inline-flex}.search-dialog{width:min(40rem, calc(100% - var(--space-xl)));border-radius:var(--radius-card);max-width:none;max-height:min(80dvh,42rem);color:var(--color-ink);box-shadow:var(--shadow-modal);background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0}.search-dialog::backdrop{background:color-mix(in oklch, var(--color-ink) 46%, transparent)}.search-modal{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card);width:100%;max-height:min(80dvh,42rem);color:var(--color-ink);background:var(--color-paper);animation:modal-in var(--dur-short) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}}.search-modal-input{align-items:center;gap:var(--space-sm);min-height:3.5rem;padding-inline:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);display:flex}.search-modal-input input{min-width:0;min-height:0;font-size:var(--text-base);background:0 0;border:0;outline:0;flex:1;padding:0}.search-modal-input input:focus-visible{outline:0}.search-modal-input button{border-radius:var(--radius-input);width:2.75rem;height:2.75rem;color:var(--color-muted);background:var(--color-paper-2);cursor:pointer;border:0;flex:0 0 2.75rem;place-items:center;display:grid}.search-results{max-height:30rem;padding:var(--space-xs);overflow-y:auto}.search-results>button{align-items:center;gap:var(--space-sm);width:100%;min-height:3.5rem;padding:var(--space-xs);border-radius:var(--radius-input);color:var(--color-ink);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:2.25rem minmax(0,1fr) 1.25rem;display:grid}.search-results>button.active{background:var(--color-accent-soft)}.search-result-icon{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);width:2.25rem;height:2.25rem;color:var(--color-accent);background:var(--color-paper);place-items:center;display:grid}.search-results button>span:nth-child(2){gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.search-results strong,.search-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-results strong{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.search-results strong em{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);color:var(--color-muted);background:var(--color-paper-2);font-family:var(--font-body);vertical-align:middle;margin-inline-start:var(--space-xs);font-size:.625rem;font-style:normal;font-weight:500}.search-results small{color:var(--color-muted);font-size:var(--text-xs)}.search-results button>svg{color:var(--color-muted)}.search-empty{padding:var(--space-2xl);color:var(--color-muted);font-size:var(--text-sm);text-align:center}.search-footer{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);background:var(--color-paper-2);font-size:var(--text-xs);display:none}.search-footer span{align-items:center;gap:var(--space-2xs);white-space:nowrap;display:flex}.toast{z-index:var(--z-toast);align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);color:var(--color-graphite-ink);background:var(--color-graphite);font-size:var(--text-sm);animation:toast-in var(--dur-short) var(--ease-out);display:flex;position:fixed;inset-block-end:var(--space-lg);inset-inline-end:var(--space-lg)}.toast span{width:1.25rem;height:1.25rem;color:var(--color-graphite);background:var(--color-error-soft);border-radius:50%;place-items:center;display:grid}@keyframes toast-in{0%{transform:translateY(var(--space-xs));opacity:0}}.sites-page{min-width:0}.sites-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-block:0 var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-sm);display:flex}.sites-header>div{min-width:0}.sites-header h1{overflow-wrap:anywhere;min-width:0;font-size:var(--text-xl);letter-spacing:-.035em;font-weight:700;line-height:1.1}.sites-header p{max-width:40rem;margin:var(--space-2xs) 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.sites-header>span{align-items:baseline;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;align-self:flex-start;display:inline-flex}.sites-header>span strong{color:var(--color-accent);font-family:var(--font-outlier);font-size:var(--text-base)}.site-controls{gap:var(--space-sm);padding-block:var(--space-xs) var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);display:grid}.site-search-label,.site-category-filter{gap:var(--space-xs);min-width:0;color:var(--color-neutral);font-size:var(--text-xs);flex-direction:column;font-weight:600;display:flex}.site-search-input{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);outline:var(--rule-fine) solid transparent;color:var(--color-muted);background:var(--color-paper);grid-template-columns:1.25rem minmax(0,1fr) auto;display:grid}.site-search-input:focus-within{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--rule-fine)}.site-search-input input{min-width:0;min-height:2.5rem;color:var(--color-ink);font-size:var(--text-sm);background:0 0;border:0;outline:0;padding:0}.site-search-input input::-webkit-search-cancel-button{display:none}.site-search-input button{width:2.75rem;height:2.75rem;border-radius:var(--radius-input);color:var(--color-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-inline-end:calc(var(--space-xs) * -1);display:grid}.site-category-filter>div{gap:var(--space-xs);flex-wrap:wrap;display:flex}.site-category-filter button{min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);color:var(--color-neutral);background:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;font-weight:500}.site-category-filter button.active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.site-index-section{margin-block-start:var(--space-xs)}.site-index-section .section-heading{align-items:center;min-height:2.5rem;margin-block-end:0}.site-index-section .section-heading h2{font-size:var(--text-base)}.site-grid{border-block-start:var(--rule-hair) solid var(--color-rule);min-width:0}.site-card{gap:var(--space-lg);min-width:0;padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule);display:grid}.site-card-main{gap:var(--space-xs) var(--space-md);grid-template-columns:3rem minmax(0,1fr);min-width:0;display:grid}.site-card-icon{border:var(--rule-hair) solid var(--color-accent-soft);border-radius:var(--radius-card);width:3rem;height:3rem;color:var(--color-accent);background:var(--color-accent-soft);grid-row:1/span 2;place-items:center;display:grid}.site-card-heading{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.site-card-heading>div{align-items:baseline;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.site-card-heading strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.025em;font-weight:700}.site-card-heading span{color:var(--color-accent);font-size:var(--text-xs);font-weight:600}.site-card-heading code{color:var(--color-muted);font-family:var(--font-outlier);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-card-main>p{margin:var(--space-xs) 0 0;color:var(--color-neutral);font-size:var(--text-sm);grid-column:1/-1;line-height:1.65}.site-highlights{gap:var(--space-xs);margin:var(--space-xs) 0 0;flex-wrap:wrap;grid-column:1/-1;padding:0;list-style:none;display:flex}.site-highlights li{padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-muted);background:var(--color-paper-2);font-size:var(--text-xs);white-space:nowrap}.site-card-actions{align-items:center;gap:var(--space-xs);display:flex}.site-card-actions>a{justify-content:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-input);color:var(--color-accent-ink);background:var(--color-accent);font-size:var(--text-sm);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out);flex:1;font-weight:600;display:inline-flex}.site-card.compact{align-items:center;gap:var(--space-md);padding-block:var(--space-md)}.site-card.compact .site-card-main{grid-template-columns:2.5rem minmax(0,1fr)}.site-card.compact .site-card-icon{border-color:var(--color-rule);width:2.5rem;height:2.5rem;color:var(--color-neutral);background:var(--color-paper-2);grid-row:1/span 2}.site-card.compact .site-card-heading strong{font-size:var(--text-base)}.site-card.compact .site-card-main>p{color:var(--color-muted);grid-column:1/-1;margin-block-start:var(--space-xs)}.collection-sections{gap:var(--space-xl);display:grid}.collection-sections section+section{padding-block-start:var(--space-sm)}@media (hover:hover) and (pointer:fine){.category-rail a:hover,.not-found a:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.tool-card-link:hover{background:var(--color-paper-2)}.tool-card-link:hover .tool-card-arrow{color:var(--color-accent)}.favorite-button:hover{color:var(--color-accent);border-color:var(--color-accent)}.section-heading>a:hover{text-underline-offset:.2em;text-decoration:underline}.site-search-input:hover{background:var(--color-paper-2)}.site-category-filter button:hover{border-color:var(--color-accent);color:var(--color-accent)}.site-card-actions>a:hover{transform:translateY(-1px)}.favorite-button:active,.category-rail a:active,.not-found a:active,.site-category-filter button:active,.site-card-actions>a:active,.site-search-input button:active{transform:translateY(1px)}}@media (min-width:40rem){.search-footer{display:flex}.tool-header h1{font-size:var(--text-3xl)}.sites-header h1{font-size:var(--text-2xl)}.site-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.site-card-actions>a{flex:none}.site-card.compact{grid-template-columns:minmax(0,1fr) auto}}@media (min-width:60rem){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-card:nth-child(odd){border-inline-end:var(--rule-hair) solid var(--color-rule)}.tool-card-link{min-height:4.5rem;padding-inline-start:var(--space-sm)}.site-controls{grid-template-columns:minmax(20rem,1fr) minmax(0,auto);align-items:center}.site-search-label,.site-category-filter{flex-direction:row;align-items:center}.site-search-input{flex:1;min-width:0}}@media (min-width:64rem){.home-page .category-rail{display:none}.home-page .tool-index-section{margin-block-start:0}}@media (max-width:39.999rem){.tool-header{flex-direction:column}.tool-favorite{width:100%}.tool-surface{padding-block:var(--space-lg)}.search-dialog{border-radius:0;width:100%;max-height:100dvh;margin:0}.search-modal{border-inline:0;border-radius:0;min-height:100dvh;max-height:100dvh}.search-results{flex:1;max-height:none}.toast{inset-inline:var(--space-md);justify-content:center;inset-block-end:var(--space-md)}}@media (prefers-reduced-motion:reduce){.search-modal,.toast{animation-name:fade-only}@keyframes fade-only{0%{opacity:0}}}.tool-module{min-width:0}.tool-toolbar,.hash-controls{align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.tool-toolbar .segmented,.hash-controls .segmented{margin-block-end:0}.inline-select{align-items:center;gap:var(--space-xs);min-height:2.75rem;color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:flex}.inline-select select{width:auto;min-height:2.75rem;padding-inline:var(--space-sm) var(--space-xl);background:var(--color-paper);font-size:var(--text-sm)}.validation-status{align-items:center;gap:var(--space-xs);min-height:2.75rem;color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:inline-flex}.validation-status.valid{color:var(--color-success)}.validation-status.invalid{color:var(--color-error)}.field-group{gap:var(--space-xs);flex-direction:column;margin-block-end:var(--space-md);display:flex}.field-group:last-child{margin-block-end:0}.field-label{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:1.25rem;color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600;display:flex}.field-label small{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:400}.input-row,.result-grid,.timezone-grid,.editor-grid,.diff-inputs{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.secondary-button,.primary-button,.copy-button,.text-button,.swap-button{border-radius:var(--radius-input);cursor:pointer;white-space:nowrap;min-height:2.75rem;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:0}.secondary-button{padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);color:var(--color-neutral);background:var(--color-paper);font-size:var(--text-sm);font-weight:600}.primary-button{padding-inline:var(--space-lg);color:var(--color-accent-ink);background:var(--color-accent);font-size:var(--text-sm);font-weight:600}.primary-button:focus-visible{outline-color:var(--color-ink)}.copy-button{justify-content:center;align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);color:var(--color-neutral);font-size:var(--text-xs);background:0 0;font-weight:600;display:inline-flex}.copy-button[data-state=copied]{color:var(--color-success);background:var(--color-success-soft)}.text-button{padding-inline:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);background:0 0;align-self:flex-start}.field-error{min-height:1lh;color:var(--color-error);font-size:var(--text-sm);margin:0}.field-error.empty{visibility:hidden}.field-error.standalone{margin-block-start:var(--space-sm)}.live-strip{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-card);color:var(--color-graphite-ink);background:var(--color-graphite);grid-template-columns:minmax(0,1fr) auto;margin-block-end:var(--space-md);display:grid}.live-strip>div{color:var(--color-graphite-ink);font-size:var(--text-sm)}.status-dot{width:.5rem;height:.5rem;background:var(--color-success);border-radius:50%;margin-inline-end:var(--space-xs);display:inline-block}.live-strip strong{color:var(--color-graphite-ink);font-family:var(--font-outlier);font-size:var(--text-md);font-variant-numeric:tabular-nums}.live-strip .copy-button{color:var(--color-graphite-ink)}.result-grid{border-block-start:var(--rule-hair) solid var(--color-rule);margin-block-start:var(--space-md)}.result-card{justify-content:center;gap:var(--space-xs);min-width:0;min-height:5.25rem;padding:var(--space-sm) 4.25rem var(--space-sm) var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);flex-direction:column;display:flex;position:relative}.result-card>span{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.result-card code{color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-card .copy-button{position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-xs)}.timezone-grid{align-items:end}.timezone-grid .field-group{margin-block-end:0}.swap-button{width:2.75rem;height:2.75rem;color:var(--color-accent);background:var(--color-accent-soft);border:var(--rule-hair) solid var(--color-rule);justify-self:center;place-items:center;display:grid;transform:rotate(90deg)}.timezone-result{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-card);color:var(--color-graphite-ink);background:var(--color-graphite);margin-block-start:var(--space-md);display:flex}.timezone-result>div{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.timezone-result span{color:var(--color-graphite-ink);font-size:var(--text-xs);font-weight:600}.timezone-result strong{color:var(--color-graphite-ink);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.025em;overflow-wrap:anywhere}.timezone-result small{color:var(--color-graphite-ink);font-size:var(--text-xs)}.timezone-result .copy-button{color:var(--color-graphite-ink)}.segmented{gap:var(--space-2xs);width:-moz-fit-content;width:fit-content;padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);margin-block-end:var(--space-md);display:flex}.segmented button{min-width:6.5rem;min-height:2.5rem;padding-inline:var(--space-sm);border-radius:var(--radius-input);color:var(--color-muted);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;font-weight:600}.segmented button.active{color:var(--color-accent);background:var(--color-paper);box-shadow:var(--shadow-card)}.wide-tabs{width:100%}.wide-tabs button{flex:1;min-width:0}.editor-grid{align-items:center}.editor-panel{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.editor-arrow{border-radius:var(--radius-input);width:2rem;height:2rem;color:var(--color-accent);background:var(--color-accent-soft);justify-self:center;place-items:center;display:grid;transform:rotate(90deg)}.output-panel textarea{background:var(--color-paper-2)}.output-panel .copy-button{align-self:flex-end}.compact-textarea,.hash-textarea{min-height:6.5rem}.query-result,.results-list,.diff-view{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-card);background:var(--color-paper);overflow:hidden}.query-row{border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr);min-height:2.75rem;display:grid}.query-row:last-child{border-block-end:0}.query-row code,.query-row span{overflow-wrap:anywhere;min-width:0;padding:var(--space-sm);font-size:var(--text-sm);align-items:center;display:flex}.query-row code{color:var(--color-accent);background:var(--color-paper-2);font-weight:600}.query-row span{border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-ink-2)}.query-empty{padding:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);text-align:center}.hash-controls{justify-content:space-between}.file-drop{justify-content:center;align-items:center;gap:var(--space-xs);min-height:8.5rem;border:var(--rule-hair) dashed var(--color-rule-2);border-radius:var(--radius-card);color:var(--color-accent);background:var(--color-paper-2);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);flex-direction:column;margin-block-end:var(--space-md);display:flex;position:relative}.file-drop:focus-within{outline:var(--rule-fine) solid var(--color-focus);outline-offset:var(--space-3xs)}.file-drop strong{color:var(--color-ink-2);font-size:var(--text-sm)}.file-drop span{color:var(--color-muted);font-size:var(--text-xs)}.file-drop input{width:var(--rule-hair);height:var(--rule-hair);opacity:0;position:absolute;overflow:hidden}.hash-results{grid-template-columns:minmax(0,1fr);display:grid}.hash-results .result-card code{white-space:normal;overflow-wrap:anywhere;line-height:1.55}.generator-options{align-items:stretch;gap:var(--space-sm);padding-block:var(--space-md);border-block:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;margin-block-end:var(--space-md);display:flex}.compact-field{width:calc(50% - var(--space-xs));margin:0}.checkboxes{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-height:2.75rem;display:flex}.checkboxes label{align-items:center;gap:var(--space-xs);min-height:2.75rem;color:var(--color-neutral);cursor:pointer;font-size:var(--text-sm);display:flex}.checkboxes input{width:1rem;min-height:1rem;accent-color:var(--color-accent)}.generator-options .primary-button{width:100%}.results-header{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:2.75rem;padding-inline:var(--space-sm);color:var(--color-neutral);background:var(--color-paper-2);border-block-end:var(--rule-hair) solid var(--color-rule);font-size:var(--text-xs);font-weight:600;display:flex}.result-row{border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;min-height:3rem;display:grid}.result-row:last-child{border-block-end:0}.result-row>span{color:var(--color-muted);background:var(--color-paper-2);font-family:var(--font-outlier);font-size:var(--text-xs);align-self:stretch;place-items:center;display:grid}.result-row code{min-width:0;padding-inline:var(--space-sm);color:var(--color-ink-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diff-inputs textarea{min-height:8rem}.diff-toolbar{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-block:var(--space-md) var(--space-sm);flex-wrap:wrap;display:flex}.diff-toolbar>div{gap:var(--space-xs);display:flex}.added-badge,.removed-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-input);font-size:var(--text-xs);font-weight:600}.added-badge{color:var(--color-success);background:var(--color-success-soft)}.removed-badge{color:var(--color-error);background:var(--color-error-soft)}.diff-view{max-height:24rem;overflow:auto}.diff-line{border-block-end:var(--rule-hair) solid var(--color-rule);min-width:0;min-height:2rem;font-family:var(--font-outlier);font-size:var(--text-xs);grid-template-columns:2rem 2rem 1.5rem minmax(0,1fr);display:grid}.diff-line:last-child{border-block-end:0}.diff-line.added{background:var(--color-success-soft)}.diff-line.removed{background:var(--color-error-soft)}.line-number{border-inline-end:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;place-items:center;display:grid}.diff-mark{color:var(--color-muted);-webkit-user-select:none;user-select:none;place-items:center;display:grid}.diff-line.added .diff-mark{color:var(--color-success)}.diff-line.removed .diff-mark{color:var(--color-error)}.diff-line code{padding:var(--space-xs) var(--space-sm);white-space:pre-wrap;overflow-wrap:anywhere}.image-cipher .wide-tabs button{justify-content:center;align-items:center;gap:var(--space-xs);display:inline-flex}.cipher-note{align-items:center;gap:var(--space-sm);min-height:3.5rem;padding:var(--space-sm);border-block:var(--rule-hair) solid var(--color-rule);color:var(--color-accent);background:var(--color-paper-2);margin-block-end:var(--space-md);display:flex}.cipher-note span{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.cipher-note strong{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600}.cipher-note small{color:var(--color-muted);font-size:var(--text-xs)}.cipher-drop{margin-block-end:var(--space-sm)}.cipher-source-list{max-height:20rem;border-block:var(--rule-hair) solid var(--color-rule);scrollbar-width:thin;margin-block-end:var(--space-md);overflow-y:auto}.cipher-source{align-items:center;gap:var(--space-sm);min-width:0;padding-block:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:3.5rem minmax(0,1fr) auto;display:grid}.cipher-source:last-child{border-block-end:0}.cipher-thumbnail{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper-2);width:3.5rem;height:3.5rem;overflow:hidden}.cipher-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.cipher-source>div:nth-child(2){gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.cipher-source strong,.cipher-source span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cipher-source strong{color:var(--color-ink-2);font-size:var(--text-sm)}.cipher-source span{color:var(--color-muted);font-size:var(--text-xs)}.cipher-password{max-width:34rem}.password-input{display:block;position:relative}.password-input input{padding-inline-end:3.25rem}.password-input button{border-radius:var(--radius-input);width:2.75rem;color:var(--color-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.cipher-submit{justify-content:center;align-items:center;gap:var(--space-xs);min-width:12rem;display:inline-flex}.download-button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:2.75rem;display:inline-flex}.cipher-results{border-block-start:var(--rule-hair) solid var(--color-rule);margin-block-start:var(--space-md);padding-block-start:var(--space-md)}.cipher-results-head{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:2.75rem;flex-wrap:wrap;margin-block-end:var(--space-sm);display:flex}.cipher-results-head>div{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.cipher-results-head strong{color:var(--color-ink-2);font-size:var(--text-sm)}.cipher-results-head span{color:var(--color-muted);font-size:var(--text-xs)}.cipher-result-list{border-block-start:var(--rule-hair) solid var(--color-rule)}.cipher-result-item{align-items:center;gap:var(--space-sm);min-width:0;padding-block:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:3.5rem minmax(0,1fr) auto;display:grid}.cipher-result-item.failed{color:var(--color-error)}.cipher-result-thumb{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);width:3.5rem;height:3.5rem;color:var(--color-muted);background:var(--color-paper-2);place-items:center;display:grid;overflow:hidden}.cipher-result-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cipher-result-copy{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.cipher-result-copy strong,.cipher-result-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cipher-result-copy strong{color:var(--color-ink-2);font-size:var(--text-sm)}.cipher-result-copy span{color:var(--color-muted);font-size:var(--text-xs)}.cipher-result-item.failed .cipher-result-copy span{color:var(--color-error)}.cipher-results>p{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-xs)}@media (hover:hover) and (pointer:fine){.secondary-button:hover,.copy-button:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.primary-button:hover{background:var(--color-accent-hover)}.text-button:hover{color:var(--color-error)}.secondary-button:active,.primary-button:active,.copy-button:active,.text-button:active{transform:translateY(1px)}.file-drop:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}}@media (min-width:40rem){.tool-toolbar,.hash-controls{align-items:center}.validation-status{margin-inline-start:auto}.input-row{grid-template-columns:minmax(0,1fr) auto}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card.wide{grid-column:span 2}.live-strip{grid-template-columns:minmax(0,1fr) auto auto}.timezone-grid{grid-template-columns:minmax(0,1fr) 2.75rem minmax(0,1fr)}.swap-button{margin-block-end:0;transform:none}.editor-grid{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr)}.editor-arrow{transform:none}.query-row{grid-template-columns:minmax(8rem,.45fr) minmax(0,1fr)}.query-row span{border-block-start:0;border-inline-start:var(--rule-hair) solid var(--color-rule)}.generator-options{align-items:flex-end}.compact-field{width:8rem}.generator-options .primary-button{width:auto}.diff-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-line{grid-template-columns:2.75rem 2.75rem 1.75rem minmax(0,1fr);min-width:34rem}}@media (hover:hover) and (pointer:fine) and (min-width:40rem){.swap-button:hover{transform:rotate(180deg)}}