:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--sans: var(--font-sans);--mono: var(--font-mono);--content-max-width: 52rem;--space-page: 1.5rem;--space: var(--space-page);--max-width: var(--content-max-width);--tool-page-edge-x: var(--space-2);--tool-header-pad-x: var(--space-2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--section-gap-y: clamp(2.25rem, 6vw, 4.25rem);--section-gap: var(--section-gap-y);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .375rem;--size-thumb: .75rem;--control-track-height: .25rem;--switch-track-w: 2.25rem;--switch-track-h: 1.25rem;--switch-thumb-inset: 2px;--switch-thumb-size: calc(var(--switch-track-h) - var(--switch-thumb-inset) * 2);--switch-thumb-travel: calc(var(--switch-track-w) - var(--switch-thumb-size) - var(--switch-thumb-inset) * 2);--fmt-tab-pad-y: .35rem;--fmt-tab-text-nudge: 1px;--fmt-tab-pad-x: .4rem;--fmt-tab-gap: .3rem;--fmt-tab-track-pad: 3px;--fmt-tab-track-gap: 2px;--fmt-tab-min-w: 3rem;--fmt-tab-inner-radius: calc(var(--radius-sm) - var(--fmt-tab-track-pad) + 1px);--fmt-icon-size: .875rem;--textarea-min-h: 6rem;--textarea-pad-x: .85rem;--font-size-2xs: .6rem;--font-size-xs: .65rem;--font-size-sm: .7rem;--font-size-caption: .75rem;--font-size-body-sm: .85rem;--font-size-body: .95rem;--font-size-ui: .8rem;--line-height-tight: 1.5;--line-height-body: 1.6;--line-height-relaxed: 1.65;--line-height-mission: 1.75;--line-height-section: 1.7;--letter-spacing-wide: .12em;--letter-spacing-ui: .1em;--letter-spacing-caps: .08em;--letter-spacing-caps-tight: .06em;--letter-spacing-tagline: .02em;--letter-spacing-tight-heading: -.02em;--z-noise: 1;--z-hero-snake: 1;--z-content: 2;--z-hero-controls: 3;--z-theme-toggle: 20;--hero-slider-max-width: 42rem;--hero-min-height: clamp(44vh, 46svh, 52vh);--hero-controls-max-width: min(52rem, calc(100vw - var(--space-2)));--hero-padding-bottom: var(--space-8);--logo-mark-min: 2.5rem;--logo-mark-preferred: 9vw;--logo-mark-max: 4.5rem;--animate-reveal-distance: .875rem;--duration-reveal: .5s;--ease-out-smooth: ease-out;--duration-control: .15s;--ease-control: ease;--breakpoint-sm: 40rem}html{color-scheme:dark;--color-surface-base: #0a0a0b;--color-surface-raised: #111113;--color-surface-card: #0e0e10;--color-border-default: #1e1e22;--color-border-strong: #27272a;--color-text-primary: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent: #a1a1aa;--color-link: #a1a1aa;--color-focus-ring: var(--color-text-muted);--color-hero-radial-spot: rgba(100, 100, 120, .06);--color-hero-control-text: #e4e4e7;--color-hero-text-glow: rgba(255, 255, 255, .06);--color-notice-accent-border: rgba(161, 161, 170, .35);--color-slider-track: var(--color-border-default);--color-noise-opacity: .035;--color-snake-grid: rgba(255, 255, 255, .03);--color-snake-highlight: rgba(255, 255, 255, .5);--color-snake-radial-inner: rgba(255, 255, 255, 1);--color-snake-radial-outer: rgba(255, 255, 255, 0);--color-snake-shade-top: rgba(10, 10, 11, 1);--color-snake-shade-mid: rgba(10, 10, 11, .85);--color-snake-shade-low: rgba(10, 10, 11, .35);--color-theme-toggle-bg: var(--color-surface-raised);--color-theme-toggle-border: var(--color-border-default);--color-theme-toggle-icon: var(--color-text-muted);--color-danger-text: #f87171;--color-danger-muted: rgba(248, 113, 113, .85);--color-danger-surface: rgba(248, 113, 113, .09);--color-danger-border: rgba(248, 113, 113, .42);--color-warning-text: #fbbf24;--color-warning-surface: rgba(251, 191, 36, .09);--color-warning-border: rgba(251, 191, 36, .38);--color-drop-ring: rgba(96, 165, 250, .5);--color-drop-active-bg: rgba(96, 165, 250, .08);--color-drop-overlay: rgba(0, 0, 0, .45);--color-drop-accent: #60a5fa;--color-drop-accent-bg: rgba(96, 165, 250, .12);--color-shadow: rgba(0, 0, 0, .25);--color-switch-off: var(--color-border-strong);--color-switch-on-bg: var(--color-accent);--color-switch-on-border: var(--color-border-default);--color-switch-thumb: var(--color-surface-card);--fmt-tab-text-fg: #93c5fd;--fmt-tab-text-bg: rgba(96, 165, 250, .14);--fmt-tab-hex-fg: #5eead4;--fmt-tab-hex-bg: rgba(45, 212, 191, .12);--fmt-tab-b64-fg: #c4b5fd;--fmt-tab-b64-bg: rgba(167, 139, 250, .14);--fmt-tab-bin-fg: #fcd34d;--fmt-tab-bin-bg: rgba(250, 204, 21, .12);--fmt-tab-dataurl-fg: #fb923c;--fmt-tab-dataurl-bg: rgba(251, 146, 60, .14);--bc2d-chip-matrix-qr-fg: #67e8f9;--bc2d-chip-matrix-qr-bg: rgba(103, 232, 249, .14);--bc2d-chip-matrix-dense-fg: #c4b5fd;--bc2d-chip-matrix-dense-bg: rgba(196, 181, 253, .14);--bc2d-chip-retail-fg: #4ade80;--bc2d-chip-retail-bg: rgba(74, 222, 128, .12);--bc2d-chip-gs1-databar-fg: #fbbf24;--bc2d-chip-gs1-databar-bg: rgba(251, 191, 36, .14);--bc2d-chip-industrial-fg: #7dd3fc;--bc2d-chip-industrial-bg: rgba(125, 211, 252, .12);--bc2d-chip-special-fg: #fb7185;--bc2d-chip-special-bg: rgba(251, 113, 133, .12);--bc2d-image-search-bg: #e4e4e7;--bc2d-image-search-fg: #09090b;--bc2d-image-search-border: rgba(0, 0, 0, .22);--bc2d-image-search-bg-hover: #f4f4f5;--opt-strict-fg: #fbbf24;--opt-strict-bg: rgba(251, 191, 36, .14);--opt-live-fg: #34d399;--opt-live-bg: rgba(52, 211, 153, .14);--opt-bigfiles-fg: #60a5fa;--opt-bigfiles-bg: rgba(96, 165, 250, .14);--opt-bigfiles-cta-bg: #172554;--opt-bigfiles-cta-border: #2563eb;--opt-bigfiles-cta-fg: #93c5fd;--opt-bigfiles-cta-bg-hover: #1e3a8a;--seg-encode-fg: #a78bfa;--seg-encode-bg: rgba(167, 139, 250, .14);--seg-decode-fg: #f472b6;--seg-decode-bg: rgba(244, 114, 182, .14);--bf-random-kind-int-fg: #7dd3fc;--bf-random-kind-int-bg: rgba(125, 211, 252, .16);--bf-random-kind-float-fg: #93c5fd;--bf-random-kind-float-bg: rgba(147, 197, 253, .15);--bf-random-kind-uuid-fg: #5eead4;--bf-random-kind-uuid-bg: rgba(94, 234, 212, .14);--bf-random-kind-string-fg: #fcd34d;--bf-random-kind-string-bg: rgba(252, 211, 77, .14);--bf-random-kind-bytes-hex-fg: #c4b5fd;--bf-random-kind-bytes-hex-bg: rgba(196, 181, 253, .15);--bf-random-kind-bytes-b64-fg: #f9a8d4;--bf-random-kind-bytes-b64-bg: rgba(249, 168, 212, .14);--bg: var(--color-surface-base);--bg-elevated: var(--color-surface-raised);--bg-card: var(--color-surface-card);--border: var(--color-border-default);--text: var(--color-text-primary);--text-muted: var(--color-text-muted);--accent: var(--color-text-secondary)}html[data-theme=light]{color-scheme:light;--color-surface-base: #fafafa;--color-surface-raised: #f4f4f5;--color-surface-card: #ffffff;--color-border-default: #e4e4e7;--color-border-strong: #d4d4d8;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #71717a;--color-accent: #3f3f46;--color-link: #3f3f46;--color-focus-ring: var(--color-text-secondary);--color-hero-radial-spot: rgba(80, 80, 120, .1);--color-hero-control-text: #18181b;--color-hero-text-glow: rgba(0, 0, 0, .06);--color-notice-accent-border: rgba(82, 82, 91, .45);--color-slider-track: #d4d4d8;--color-noise-opacity: .022;--color-snake-grid: rgba(0, 0, 0, .06);--color-snake-highlight: rgba(0, 0, 0, .35);--color-snake-radial-inner: rgba(0, 0, 0, .4);--color-snake-radial-outer: rgba(0, 0, 0, 0);--color-snake-shade-top: rgba(250, 250, 250, 1);--color-snake-shade-mid: rgba(250, 250, 250, .9);--color-snake-shade-low: rgba(250, 250, 250, .4);--color-theme-toggle-bg: var(--color-surface-card);--color-theme-toggle-border: var(--color-border-default);--color-theme-toggle-icon: var(--color-text-secondary);--color-danger-text: #dc2626;--color-danger-muted: rgba(220, 38, 38, .9);--color-danger-surface: rgba(220, 38, 38, .08);--color-danger-border: rgba(220, 38, 38, .38);--color-warning-text: #d97706;--color-warning-surface: rgba(217, 119, 6, .07);--color-warning-border: rgba(217, 119, 6, .35);--color-drop-ring: rgba(37, 99, 235, .5);--color-drop-active-bg: rgba(37, 99, 235, .06);--color-drop-overlay: rgba(255, 255, 255, .5);--color-drop-accent: #2563eb;--color-drop-accent-bg: rgba(37, 99, 235, .08);--color-shadow: rgba(0, 0, 0, .12);--color-switch-off: var(--color-border-strong);--color-switch-on-bg: var(--color-accent);--color-switch-on-border: var(--color-border-default);--color-switch-thumb: #ffffff;--fmt-tab-text-fg: #2563eb;--fmt-tab-text-bg: rgba(37, 99, 235, .1);--fmt-tab-hex-fg: #0d9488;--fmt-tab-hex-bg: rgba(13, 148, 136, .1);--fmt-tab-b64-fg: #7c3aed;--fmt-tab-b64-bg: rgba(124, 58, 237, .1);--fmt-tab-bin-fg: #b45309;--fmt-tab-bin-bg: rgba(180, 83, 9, .1);--fmt-tab-dataurl-fg: #ea580c;--fmt-tab-dataurl-bg: rgba(234, 88, 12, .1);--bc2d-chip-matrix-qr-fg: #0e7490;--bc2d-chip-matrix-qr-bg: rgba(14, 116, 144, .1);--bc2d-chip-matrix-dense-fg: #6d28d9;--bc2d-chip-matrix-dense-bg: rgba(109, 40, 217, .1);--bc2d-chip-retail-fg: #15803d;--bc2d-chip-retail-bg: rgba(21, 128, 61, .1);--bc2d-chip-gs1-databar-fg: #b45309;--bc2d-chip-gs1-databar-bg: rgba(180, 83, 9, .1);--bc2d-chip-industrial-fg: #0369a1;--bc2d-chip-industrial-bg: rgba(3, 105, 161, .1);--bc2d-chip-special-fg: #be123c;--bc2d-chip-special-bg: rgba(190, 18, 60, .09);--bc2d-image-search-bg: #18181b;--bc2d-image-search-fg: #fafafa;--bc2d-image-search-border: rgba(0, 0, 0, .35);--bc2d-image-search-bg-hover: #27272a;--opt-strict-fg: #d97706;--opt-strict-bg: rgba(217, 119, 6, .1);--opt-live-fg: #059669;--opt-live-bg: rgba(5, 150, 105, .1);--opt-bigfiles-fg: #2563eb;--opt-bigfiles-bg: rgba(37, 99, 235, .1);--opt-bigfiles-cta-bg: #dbeafe;--opt-bigfiles-cta-border: #2563eb;--opt-bigfiles-cta-fg: #1d4ed8;--opt-bigfiles-cta-bg-hover: #bfdbfe;--seg-encode-fg: #7c3aed;--seg-encode-bg: rgba(124, 58, 237, .1);--seg-decode-fg: #db2777;--seg-decode-bg: rgba(219, 39, 119, .1);--bf-random-kind-int-fg: #0369a1;--bf-random-kind-int-bg: rgba(3, 105, 161, .11);--bf-random-kind-float-fg: #1d4ed8;--bf-random-kind-float-bg: rgba(29, 78, 216, .1);--bf-random-kind-uuid-fg: #0d9488;--bf-random-kind-uuid-bg: rgba(13, 148, 136, .1);--bf-random-kind-string-fg: #b45309;--bf-random-kind-string-bg: rgba(180, 83, 9, .1);--bf-random-kind-bytes-hex-fg: #6d28d9;--bf-random-kind-bytes-hex-bg: rgba(109, 40, 217, .1);--bf-random-kind-bytes-b64-fg: #be185d;--bf-random-kind-bytes-b64-bg: rgba(190, 24, 93, .09)}html:has(.bf-tool-page),html:has(.bf-tool-page) body{touch-action:manipulation}html:has(.bf-tool-page){height:100%;overflow:hidden}@supports (-webkit-touch-callout: none){html:has(.bf-tool-page){height:-webkit-fill-available}}.bf-tool-page{margin:0;height:100svh;max-height:100svh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}.bf-tool-page .bf-tool-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.bf-tool-page #app{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.bf-page-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-noise);opacity:var(--color-noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bf-tool-shell{min-height:100svh;position:relative}.bf-tool-page .bf-tool-shell{box-sizing:border-box;padding-left:max(var(--tool-page-edge-x),env(safe-area-inset-left,0px));padding-right:max(var(--tool-page-edge-x),env(safe-area-inset-right,0px))}.bf-tool-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-noise);opacity:var(--color-noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bf-tool-lede--compact{display:none}.bf-tool-lede--full{display:inline}@media(max-width:480px){.bf-tool-lede--compact{display:inline}.bf-tool-lede--full{display:none}}.bf-tool-header{position:relative;z-index:var(--z-content);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--tool-header-pad-x);border-bottom:1px solid var(--color-border-default)}.bf-tool-header__brand{display:flex;align-items:center;min-width:0;flex-shrink:0}.bf-tool-header__nav{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}.bf-tool-brand{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;text-decoration:none;color:inherit}.bf-tool-brand__mark{flex-shrink:0;display:block;height:1.35rem;width:auto}.bf-tool-brand__name{font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-ui);text-transform:uppercase;color:var(--color-text-muted)}.bf-tool-brand:hover .bf-tool-brand__name{color:var(--color-link)}.bf-tool-home{font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-ui);text-transform:uppercase;color:var(--color-text-muted);text-decoration:none}.bf-tool-home:hover{color:var(--color-link)}.bf-tool-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.bf-tool-nav{width:100%;min-width:0;display:flex;justify-content:center}.bf-tool-nav__desktop{display:none;align-items:center;flex-wrap:wrap;justify-content:center;gap:.125rem}.bf-tool-nav-icon{flex-shrink:0;width:1rem;height:1rem;display:block}.bf-tool-nav__tab{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .45rem;border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-ui);text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);white-space:nowrap;transition:color var(--duration-control) var(--ease-control),background var(--duration-control) var(--ease-control)}.bf-tool-nav__tab:hover{color:var(--color-text-primary)}.bf-tool-nav__tab--current{cursor:default;color:var(--color-text-primary);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-border-default)}.bf-tool-nav__desktop .bf-tool-nav__tab{transition:color var(--duration-control) var(--ease-control),background var(--duration-control) var(--ease-control),box-shadow var(--duration-control) var(--ease-control)}.bf-tool-nav__desktop .bf-tool-nav__tab .bf-tool-nav-icon{transition:color var(--duration-control) var(--ease-control)}.bf-tool-nav__desktop .bf-tool-nav__tab--base64{--tn-icon: rgba(196, 181, 253, .78);--tn-icon-strong: rgba(216, 204, 255, .96);--tn-border: rgba(167, 139, 250, .42);--tn-fill: rgba(167, 139, 250, .14);--tn-fill-hover: rgba(167, 139, 250, .1);--tn-label: color-mix(in srgb, #a78bfa 42%, var(--color-text-muted));--tn-label-strong: color-mix(in srgb, #c4b5fd 30%, var(--color-text-primary))}.bf-tool-nav__desktop .bf-tool-nav__tab--sha{--tn-icon: rgba(120, 212, 200, .82);--tn-icon-strong: rgba(167, 243, 228, .96);--tn-border: rgba(94, 211, 196, .4);--tn-fill: rgba(45, 212, 191, .12);--tn-fill-hover: rgba(45, 212, 191, .09);--tn-label: color-mix(in srgb, #5eead4 38%, var(--color-text-muted));--tn-label-strong: color-mix(in srgb, #99f6e4 28%, var(--color-text-primary))}.bf-tool-nav__desktop .bf-tool-nav__tab--symmetric-crypto{--tn-icon: rgba(251, 191, 36, .85);--tn-icon-strong: rgba(253, 224, 71, .96);--tn-border: rgba(245, 158, 11, .42);--tn-fill: rgba(245, 158, 11, .12);--tn-fill-hover: rgba(245, 158, 11, .09);--tn-label: color-mix(in srgb, #fbbf24 40%, var(--color-text-muted));--tn-label-strong: color-mix(in srgb, #fcd34d 28%, var(--color-text-primary))}.bf-tool-nav__desktop .bf-tool-nav__tab--barcode2d{--tn-icon: rgba(125, 211, 252, .85);--tn-icon-strong: rgba(186, 230, 253, .96);--tn-border: rgba(56, 189, 248, .4);--tn-fill: rgba(14, 165, 233, .12);--tn-fill-hover: rgba(14, 165, 233, .09);--tn-label: color-mix(in srgb, #38bdf8 40%, var(--color-text-muted));--tn-label-strong: color-mix(in srgb, #7dd3fc 28%, var(--color-text-primary))}.bf-tool-nav__desktop .bf-tool-nav__tab--random{--tn-icon: rgba(232, 121, 249, .85);--tn-icon-strong: rgba(245, 208, 254, .96);--tn-border: rgba(217, 70, 239, .4);--tn-fill: rgba(192, 38, 211, .12);--tn-fill-hover: rgba(192, 38, 211, .09);--tn-label: color-mix(in srgb, #d946ef 38%, var(--color-text-muted));--tn-label-strong: color-mix(in srgb, #e879f9 26%, var(--color-text-primary))}.bf-tool-nav__desktop .bf-tool-nav__tab:not(.bf-tool-nav__tab--current){color:var(--tn-label)}.bf-tool-nav__desktop .bf-tool-nav__tab:not(.bf-tool-nav__tab--current) .bf-tool-nav-icon{color:var(--tn-icon)}.bf-tool-nav__desktop .bf-tool-nav__tab:not(.bf-tool-nav__tab--current):hover{color:var(--tn-label-strong);background:var(--tn-fill-hover);box-shadow:inset 0 0 0 1px transparent}.bf-tool-nav__desktop .bf-tool-nav__tab:not(.bf-tool-nav__tab--current):hover .bf-tool-nav-icon{color:var(--tn-icon-strong)}.bf-tool-nav__desktop .bf-tool-nav__tab--current{color:var(--tn-label-strong);background:var(--tn-fill);box-shadow:inset 0 0 0 1px var(--tn-border)}.bf-tool-nav__desktop .bf-tool-nav__tab--current .bf-tool-nav-icon{color:var(--tn-icon-strong)}.bf-tool-nav__mobile{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.bf-tool-nav__current{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-ui);text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap}.bf-tool-nav__menu{position:relative}.bf-tool-nav__menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;list-style:none;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-theme-toggle-border);background:var(--color-theme-toggle-bg);color:var(--color-theme-toggle-icon);transition:border-color var(--duration-control) var(--ease-control),color var(--duration-control) var(--ease-control),background var(--duration-control) var(--ease-control)}.bf-tool-nav__menu-trigger::-webkit-details-marker{display:none}.bf-tool-nav__menu-trigger::marker{content:""}.bf-tool-nav__menu-trigger:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.bf-tool-nav__menu-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-tool-nav__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:9rem;padding:var(--space-2);display:flex;flex-direction:column;gap:.125rem;background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:0 .5rem 1.5rem #0000001f;z-index:calc(var(--z-content) + 2)}[data-theme=dark] .bf-tool-nav__dropdown{box-shadow:0 .5rem 1.5rem #00000073}.bf-tool-nav__dropdown-link{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-ui);text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);transition:color var(--duration-control) var(--ease-control),background var(--duration-control) var(--ease-control)}.bf-tool-nav__dropdown-link:hover{color:var(--color-text-primary);background:var(--color-surface-raised)}@media(min-width:700px){.bf-tool-nav__desktop{display:flex}.bf-tool-nav__mobile{display:none}}.bf-tool-seo{position:relative;z-index:var(--z-content);max-width:var(--content-max-width);margin:0 auto;padding:clamp(var(--space-6),4vw,var(--space-10)) var(--space-page) var(--space-5)}.bf-tool-seo__title{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:600;letter-spacing:var(--letter-spacing-tight-heading);color:var(--color-text-primary)}.bf-tool-seo__lede{margin:0;font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.bf-tool-body{position:relative;z-index:var(--z-content);max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-page) var(--space-10)}.bf-panel{padding:var(--space-6) var(--space-5);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.bf-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.bf-segmented{display:inline-flex;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden}.bf-segmented__btn{margin:0;padding:calc(var(--fmt-tab-pad-y) + var(--fmt-tab-text-nudge)) var(--space-3) var(--fmt-tab-pad-y);display:inline-flex;align-items:center;justify-content:center;font:inherit;font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:500;line-height:1;letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-text-muted);background:var(--color-surface-raised);border:none;cursor:pointer;transition:color var(--duration-control) var(--ease-control),background var(--duration-control) var(--ease-control)}.bf-segmented__btn+.bf-segmented__btn{border-left:1px solid var(--color-border-default)}.bf-segmented__btn:hover:not(.bf-segmented__btn--active){color:var(--color-text-primary)}.bf-segmented__btn--active{color:var(--color-text-primary);background:var(--color-surface-card)}.bf-segmented__btn--active.bf-segmented__btn--encode{color:var(--seg-encode-fg);background:var(--seg-encode-bg)}.bf-segmented__btn--active.bf-segmented__btn--decode{color:var(--seg-decode-fg);background:var(--seg-decode-bg)}.bf-segmented__btn:disabled{opacity:.38;cursor:not-allowed}.bf-btn-outline{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;line-height:1;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;color:var(--color-accent);background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:calc(var(--fmt-tab-pad-y) + var(--fmt-tab-text-nudge)) var(--space-3) var(--fmt-tab-pad-y);cursor:pointer;transition:border-color var(--duration-control) var(--ease-control),color var(--duration-control) var(--ease-control)}.bf-btn-outline:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.bf-btn-primary{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;line-height:1;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;color:var(--color-surface-card);background:var(--color-accent);border:1px solid transparent;border-radius:var(--radius-sm);padding:calc(var(--fmt-tab-pad-y) + var(--fmt-tab-text-nudge)) var(--space-4) var(--fmt-tab-pad-y);cursor:pointer;transition:background var(--duration-control) var(--ease-control),opacity var(--duration-control) var(--ease-control)}.bf-btn-primary:hover{opacity:.85}.bf-btn-primary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-btn-primary:disabled,.bf-btn-outline:disabled{opacity:.38;cursor:not-allowed}.bf-field-label{display:block;margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.bf-textarea{width:100%;box-sizing:border-box;margin:0 0 var(--space-4);padding:var(--space-3) var(--textarea-pad-x);font-family:var(--font-mono);font-size:var(--font-size-body-sm);line-height:var(--line-height-tight);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);resize:vertical;min-height:var(--textarea-min-h)}.bf-textarea:focus{outline:none;border-color:var(--color-focus-ring)}.bf-textarea--readonly{opacity:.95}.bf-textarea--error{color:var(--color-danger-text);border-color:var(--color-danger-border);background:var(--color-danger-surface)}.bf-textarea--dim{color:var(--color-text-muted)}.bf-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-2xs);line-height:var(--line-height-tight);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-tagline)}.bf-legend{padding:0;margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.bf-switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.bf-switch__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.bf-switch__track{position:relative;width:var(--switch-track-w);height:var(--switch-track-h);border-radius:999px;background:var(--color-switch-off);flex-shrink:0;transition:background var(--duration-control) var(--ease-control)}.bf-switch__input:focus-visible+.bf-switch__track{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-switch__input:checked+.bf-switch__track{background:var(--color-switch-on-bg);box-shadow:inset 0 0 0 1px var(--color-switch-on-border)}.bf-switch__thumb{position:absolute;top:0;bottom:0;left:var(--switch-thumb-inset);margin-block:auto;width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:50%;background:var(--color-switch-thumb);box-shadow:0 1px 2px var(--color-shadow);transition:transform var(--duration-control) var(--ease-control)}.bf-switch__input:checked+.bf-switch__track .bf-switch__thumb{transform:translate(var(--switch-thumb-travel))}.bf-switch__text{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-ui);text-transform:uppercase;color:var(--color-text-muted)}.bf-fmt-tabs{display:flex;flex-wrap:wrap;gap:var(--fmt-tab-track-gap);padding:var(--fmt-tab-track-pad);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.bf-fmt-tab{flex:1 1 auto;min-width:var(--fmt-tab-min-w);display:inline-flex;align-items:center;justify-content:center;gap:var(--fmt-tab-gap);padding:var(--fmt-tab-pad-y) var(--fmt-tab-pad-x);margin:0;border:none;border-radius:var(--fmt-tab-inner-radius);background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;line-height:1;letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;cursor:pointer;transition:background var(--duration-control) var(--ease-control),color var(--duration-control) var(--ease-control)}.bf-fmt-tab:hover:not(:disabled):not(.bf-fmt-tab--active){color:var(--color-text-primary);background:var(--color-surface-card)}.bf-fmt-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-fmt-tab:disabled{opacity:.38;cursor:not-allowed}.bf-fmt-tab--active.bf-fmt-tab--text{background:var(--fmt-tab-text-bg);color:var(--fmt-tab-text-fg)}.bf-fmt-tab--active.bf-fmt-tab--hex{background:var(--fmt-tab-hex-bg);color:var(--fmt-tab-hex-fg)}.bf-fmt-tab--active.bf-fmt-tab--base64{background:var(--fmt-tab-b64-bg);color:var(--fmt-tab-b64-fg)}.bf-fmt-tab--active.bf-fmt-tab--binary{background:var(--fmt-tab-bin-bg);color:var(--fmt-tab-bin-fg)}.bf-fmt-tab--active.bf-fmt-tab--dataurl{background:var(--fmt-tab-dataurl-bg);color:var(--fmt-tab-dataurl-fg)}.bf-fmt-tabs--compact{padding:var(--fmt-tab-track-pad);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.bf-fmt-tab__label{white-space:nowrap;line-height:1;transform:translateY(var(--fmt-tab-text-nudge))}.bf-fmt-icon{width:var(--fmt-icon-size);height:var(--fmt-icon-size);display:block;flex-shrink:0}.bf-opt-group{display:inline-flex;align-items:center;gap:var(--space-1)}.bf-opt-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--fmt-tab-gap);padding:var(--fmt-tab-pad-y) var(--fmt-tab-pad-x);margin:0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;line-height:1;letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--duration-control) var(--ease-control),color var(--duration-control) var(--ease-control),border-color var(--duration-control) var(--ease-control)}.bf-opt-tab:hover:not(.bf-opt-tab--on){color:var(--color-text-primary);background:var(--color-surface-card)}.bf-opt-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-opt-tab:disabled{opacity:.38;cursor:not-allowed}.bf-opt-tab--on.bf-opt-tab--strict{background:var(--opt-strict-bg);color:var(--opt-strict-fg);border-color:transparent}.bf-opt-tab--on.bf-opt-tab--live{background:var(--opt-live-bg);color:var(--opt-live-fg);border-color:transparent}.bf-opt-tab--on.bf-opt-tab--bigfiles{background:var(--opt-bigfiles-bg);color:var(--opt-bigfiles-fg);border-color:transparent}.bf-opt-tab>span{transform:translateY(var(--fmt-tab-text-nudge))}.bf-opt-tab__icon{width:.75rem;height:.75rem;display:block;flex-shrink:0}.bf-drop-zone{position:relative;border-radius:var(--radius-sm);transition:background var(--duration-control) var(--ease-control),box-shadow var(--duration-control) var(--ease-control)}.bf-drop-zone--active{background:var(--color-drop-active-bg);box-shadow:inset 0 0 0 2px var(--color-drop-ring)}.bf-file-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-primary)}.bf-file-chip__icon{display:flex;color:var(--color-text-muted)}.bf-file-chip__name{font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-weight:500;word-break:break-all}.bf-file-chip__meta{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted)}.bf-file-chip__clear{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1;color:var(--color-danger-text);background:transparent;border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:calc(var(--space-1) + var(--fmt-tab-text-nudge)) var(--space-2) var(--space-1);cursor:pointer;transition:background var(--duration-control) var(--ease-control)}.bf-file-chip__clear:hover{background:var(--color-danger-surface)}.bf-link-btn{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;color:var(--color-accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.2em;transition:color var(--duration-control) var(--ease-control)}.bf-link-btn:hover{color:var(--color-text-primary)}.bf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bf-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-sm);border:1px solid var(--color-theme-toggle-border);background:var(--color-theme-toggle-bg);color:var(--color-theme-toggle-icon);cursor:pointer;transition:border-color var(--duration-control) var(--ease-control),color var(--duration-control) var(--ease-control),background var(--duration-control) var(--ease-control)}.bf-theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.bf-theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bf-theme-toggle__icon{display:block;width:1.125rem;height:1.125rem}.bf-theme-toggle--fixed{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-theme-toggle)}.bf-bc2d-camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.bf-bc2d-camera__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42}.bf-bc2d-camera__preview{position:relative;z-index:2;display:block;width:min(92vw,36rem);height:auto;aspect-ratio:10 / 3;max-height:min(40vh,14rem);border:2px solid color-mix(in srgb,var(--fmt-tab-b64-fg) 75%,white);border-radius:var(--radius-sm);box-shadow:0 0 0 1px #0009,0 12px 40px #0000008c;background:#0a0a0b}.bf-bc2d-camera__preview--square{aspect-ratio:1 / 1;width:min(88vw,24rem);max-height:min(70vh,24rem)}.bf-bc2d-camera__chrome{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-inline:var(--space-4);width:100%;max-width:24rem}.bf-bc2d-camera__hint{margin:0;font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-tagline);text-transform:uppercase;text-align:center;color:#ffffffb8}.bf-bc2d-camera__actions{display:flex;align-items:center;gap:var(--space-3);width:100%}.bf-bc2d-camera__zoom{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;min-height:3rem;padding:var(--space-3) var(--space-4);margin:0;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-md);background:#ffffff1f;color:#fffffff2;font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-weight:600;line-height:1.2;letter-spacing:var(--letter-spacing-caps);cursor:pointer;transition:background .15s ease,border-color .15s ease}.bf-bc2d-camera__zoom:hover{background:#ffffff29;border-color:#ffffff80}.bf-bc2d-camera__zoom--active{background:#ffffff47;border-color:#ffffffbf}.bf-bc2d-camera__zoom--active:hover{background:#ffffff52}.bf-bc2d-camera__zoom:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.bf-bc2d-camera__cancel{flex:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:3rem;min-width:min(100%,11rem);padding:var(--space-3) var(--space-8);margin:0;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-md);background:#ffffff1f;color:#fffffff2;font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-weight:600;line-height:1.2;letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease}.bf-bc2d-camera__cancel:hover{background:#ffffff29;border-color:#ffffff80}.bf-bc2d-camera__cancel:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-surface-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:1rem;line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono)}