*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bb-bg-100:#090909;--bb-bg-200:#111;--bb-bg-300:#171717;--bb-bg-400:#1c1c1c;--bb-bg-overlay:#000000a6;--bb-fg:#ededed;--bb-fg-light:#a0a0a0;--bb-fg-muted:#666;--bb-fg-faint:#444;--bb-border:#222;--bb-border-light:#1a1a1a;--bb-border-strong:#333;--bb-border-hover:#3a3a3a;--bb-brand:#3ecf8e;--bb-brand-hover:#30a46c;--bb-brand-muted:#3ecf8e1f;--bb-brand-subtle:#3ecf8e0f;--bb-brand-text:#3ecf8e;--bb-destructive:#ea4e3d;--bb-warning:#f5a623;--bb-success:#3ecf8e;--bb-info:#3b82f6;--bb-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bb-font-mono:"JetBrains Mono", "Fira Code", "Source Code Pro", ui-monospace, monospace;--bb-text-xs:.75rem;--bb-text-sm:.8125rem;--bb-text-base:.875rem;--bb-text-lg:1rem;--bb-text-xl:1.25rem;--bb-text-2xl:1.5rem;--bb-text-3xl:2rem;--bb-text-4xl:2.5rem;--bb-leading-tight:1.2;--bb-leading-normal:1.5;--bb-leading-relaxed:1.7;--bb-tracking-tight:-.025em;--bb-tracking-normal:0;--bb-tracking-wide:.02em;--bb-radius-sm:6px;--bb-radius-md:8px;--bb-radius-lg:12px;--bb-radius-xl:16px;--bb-radius-full:9999px;--bb-shadow-sm:0 1px 2px #0006;--bb-shadow-md:0 4px 12px #00000080;--bb-shadow-lg:0 8px 30px #0009;--bb-shadow-brand-glow:0 0 40px #3ecf8e14;--bb-ease:cubic-bezier(.4, 0, .2, 1);--bb-transition-fast:.15s var(--bb-ease);--bb-transition-normal:.2s var(--bb-ease);--bb-transition-slow:.3s var(--bb-ease);--bb-ring-brand:0 0 0 2px var(--bb-bg-100), 0 0 0 4px var(--bb-brand)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--bb-font-sans);font-size:var(--bb-text-base);background:var(--bb-bg-100);color:var(--bb-fg);line-height:var(--bb-leading-normal);min-height:100vh;overflow-x:hidden}a{color:var(--bb-brand-text);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bb-border-strong);border-radius:var(--bb-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bb-border-hover)}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-container{width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.bb-container--xs{max-width:480px}.bb-container--sm{max-width:512px}.bb-container--md{max-width:672px}.bb-container--lg{max-width:768px}.bb-container--xl{max-width:1024px}.bb-container--full{max-width:1280px}.bb-center-layout{z-index:1;flex-direction:column;align-items:center;padding-top:60px;padding-bottom:48px;display:flex;position:relative}.bb-tool-layout{z-index:1;grid-template-columns:1fr;gap:0;padding-top:60px;padding-bottom:16px;display:grid;position:relative}.bb-tool-main{width:100%;max-width:680px}.bb-tool-sidebar{display:none}.bb-ad-sidebar-sticky{position:sticky;top:80px}@media (width>=1024px){.bb-tool-layout{grid-template-columns:1fr 300px;align-items:start;gap:40px}.bb-tool-sidebar{opacity:.85;padding-top:8px;display:block}}@media (width<=640px){.bb-container{padding-left:16px;padding-right:16px}.bb-center-layout{align-items:stretch;padding-top:40px;padding-bottom:32px}.bb-tool-layout{padding-top:40px;padding-bottom:8px}}.bb-navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bb-border-light);background:#090909d9;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.bb-navbar-brand{color:var(--bb-fg);align-items:center;gap:10px;text-decoration:none;display:flex}.bb-navbar-brand:hover{text-decoration:none}.bb-navbar-logo{width:28px;height:28px;color:var(--bb-brand)}.bb-navbar-title{font-size:var(--bb-text-lg);letter-spacing:var(--bb-tracking-tight);color:var(--bb-fg);font-weight:700}.bb-navbar-title span{color:var(--bb-brand)}.bb-navbar-links{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bb-navbar-link{font-size:var(--bb-text-sm);color:var(--bb-fg-light);border-radius:var(--bb-radius-md);transition:color var(--bb-transition-fast), background var(--bb-transition-fast);align-items:center;gap:6px;padding:6px 12px;font-weight:450;text-decoration:none;display:inline-flex}.bb-navbar-link:hover{color:var(--bb-fg);background:var(--bb-bg-300);text-decoration:none}.bb-navbar-link.active{color:var(--bb-fg);background:var(--bb-bg-300)}.bb-navbar-link svg{opacity:.6;width:14px;height:14px}.bb-install-btn{cursor:pointer;background:#3fcf8e1a;border:1px solid #3fcf8e40;font-family:inherit;animation:.3s ease-out bb-install-fade-in;color:var(--bb-brand)!important}.bb-install-btn:hover{color:var(--bb-brand)!important;background:#3fcf8e2e!important}.bb-install-btn svg{color:var(--bb-brand);opacity:1!important}@keyframes bb-install-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bb-navbar-toggle{cursor:pointer;color:var(--bb-fg-light);background:0 0;border:none;padding:6px;transition:color .15s;display:none}.bb-navbar-toggle:hover{color:var(--bb-fg)}.bb-navbar-toggle svg{width:22px;height:22px}@media (width<=560px){.bb-navbar-toggle{display:block}.bb-navbar-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bb-border-light);background:#090909f2;flex-direction:column;gap:2px;padding:8px 16px;display:none;position:absolute;top:56px;left:0;right:0}.bb-navbar-links.open{display:flex}.bb-navbar-link{border-radius:var(--bb-radius-md);width:100%;padding:10px 12px}}.bb-page{min-height:100vh;padding-top:56px}.bb-ad-slot{border-top:1px solid var(--bb-border);border-bottom:1px solid var(--bb-border);opacity:.85;text-align:center;margin:16px auto;padding:0;overflow:hidden}:is(.bb-ad-slot:has(ins[data-ad-status=unfilled]),.bb-ad-slot:has(ins:empty)){display:none}.bb-ad-slot ins{background:0 0!important}.bb-tool-sidebar:has(ins:empty){display:none!important}@media (width<=768px){.bb-ad-desktop-only{display:none}}.bb-btn{height:38px;font-family:var(--bb-font-sans);font-size:var(--bb-text-sm);border-radius:var(--bb-radius-md);cursor:pointer;transition:all var(--bb-transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.bb-btn:hover{text-decoration:none}.bb-btn-icon{width:16px;height:16px}.bb-btn-primary{background:var(--bb-brand);color:#000;box-shadow:var(--bb-shadow-sm);font-weight:600}.bb-btn-primary:hover{background:var(--bb-brand-hover);box-shadow:var(--bb-shadow-md), 0 0 20px #3ecf8e33;transform:translateY(-1px)}.bb-btn-primary:active{box-shadow:var(--bb-shadow-sm);transform:translateY(0)}.bb-btn-secondary{background:var(--bb-bg-300);color:var(--bb-fg);border:1px solid var(--bb-border-strong)}.bb-btn-secondary:hover{background:var(--bb-bg-400);border-color:var(--bb-border-hover)}.bb-btn-ghost{color:var(--bb-fg-light);background:0 0}.bb-btn-ghost:hover{color:var(--bb-fg);background:var(--bb-bg-300)}.bb-card{background:var(--bb-bg-200);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);transition:border-color var(--bb-transition-normal), box-shadow var(--bb-transition-normal);padding:24px}.bb-card:hover{border-color:var(--bb-border-strong)}.bb-card-interactive{cursor:pointer}.bb-card-interactive:hover{border-color:var(--bb-brand);box-shadow:var(--bb-shadow-brand-glow)}.bb-badge{border-radius:var(--bb-radius-full);letter-spacing:var(--bb-tracking-wide);text-transform:uppercase;align-items:center;gap:5px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.bb-badge-live{background:var(--bb-brand-muted);color:var(--bb-brand);border:1px solid #3ecf8e33}.bb-badge-soon{color:var(--bb-fg-muted);border:1px solid var(--bb-border);background:#ffffff0a}.bb-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.bb-input,.bb-textarea{background:var(--bb-bg-300);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);width:100%;color:var(--bb-fg);font-family:var(--bb-font-sans);font-size:var(--bb-text-sm);line-height:var(--bb-leading-relaxed);transition:border-color var(--bb-transition-fast), box-shadow var(--bb-transition-fast);padding:10px 12px}.bb-input:hover,.bb-textarea:hover{border-color:var(--bb-border-strong)}.bb-input:focus,.bb-textarea:focus{border-color:var(--bb-brand);box-shadow:var(--bb-ring-brand);outline:none}.bb-input::placeholder,.bb-textarea::placeholder{color:var(--bb-fg-faint)}.bb-footer{border-top:1px solid var(--bb-border-light);margin-top:48px;padding:32px 24px}.bb-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bb-footer-brand{font-size:var(--bb-text-xs);color:var(--bb-fg-faint);margin:0}.bb-footer-links{gap:20px;display:flex}.bb-footer-links a{font-size:var(--bb-text-xs);color:var(--bb-fg-muted);transition:color var(--bb-transition-fast);text-decoration:none}.bb-footer-links a:hover{color:var(--bb-fg)}.bb-footer-tagline{font-size:var(--bb-text-xs);color:var(--bb-fg-faint);margin:0;font-style:italic}.bb-footer-text{font-size:var(--bb-text-xs);color:var(--bb-fg-faint);text-align:center}.bb-footer-text a{color:var(--bb-fg-muted);transition:color var(--bb-transition-fast)}.bb-footer-text a:hover{color:var(--bb-fg);text-decoration:none}@media (width<=560px){.bb-footer-inner{text-align:center;flex-direction:column}}@keyframes bb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bb-animate-in{animation:bb-slide-up .5s var(--bb-ease) both}.bb-stagger-1{animation-delay:50ms}.bb-stagger-2{animation-delay:.1s}.bb-stagger-3{animation-delay:.15s}.bb-stagger-4{animation-delay:.2s}.bb-stagger-5{animation-delay:.25s}.bb-stagger-6{animation-delay:.3s}