@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.has-dropdown[data-astro-cid-5blmo7yk]{position:relative}.nav-tools-btn[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:4px;padding:5px var(--space-3);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-body);background:none;border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.nav-tools-btn[data-astro-cid-5blmo7yk]:hover,.nav-tools-btn[data-astro-cid-5blmo7yk].active{background:var(--color-canvas-soft-2);color:var(--color-ink)}.nav-tools-btn[data-astro-cid-5blmo7yk].active{font-weight:600}.dropdown-arrow[data-astro-cid-5blmo7yk]{font-size:10px;transition:transform var(--transition-fast)}.has-dropdown[data-astro-cid-5blmo7yk]:hover .dropdown-arrow[data-astro-cid-5blmo7yk]{transform:rotate(180deg)}.dropdown[data-astro-cid-5blmo7yk]{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:8px;min-width:220px;z-index:200}.dropdown-inner[data-astro-cid-5blmo7yk]{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2)}.has-dropdown[data-astro-cid-5blmo7yk]:hover .dropdown[data-astro-cid-5blmo7yk],.has-dropdown[data-astro-cid-5blmo7yk]:focus-within .dropdown[data-astro-cid-5blmo7yk]{display:block}.dropdown-item[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:14px;color:var(--color-body);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.dropdown-item[data-astro-cid-5blmo7yk]:hover,.dropdown-item[data-astro-cid-5blmo7yk].active{background:var(--color-canvas-soft-2);color:var(--color-ink);text-decoration:none}.dropdown-emoji[data-astro-cid-5blmo7yk]{font-size:15px}.mobile-tools-section[data-astro-cid-5blmo7yk]{border-top:1px solid var(--color-hairline);margin-top:var(--space-2);padding-top:var(--space-2)}.mobile-section-label[data-astro-cid-5blmo7yk]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);padding:var(--space-2) var(--space-3)}.mobile-tool-link[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none}.mobile-tool-link[data-astro-cid-5blmo7yk]:hover,.mobile-tool-link[data-astro-cid-5blmo7yk].active{background:var(--color-canvas-soft-2);color:var(--color-ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-soft: #EFF6FF;--color-primary-light: #BFDBFE;--color-canvas: #ffffff;--color-canvas-soft: #F9FAFB;--color-canvas-soft-2: #F3F4F6;--color-ink: #111827;--color-body: #374151;--color-mute: #6B7280;--color-hairline: #E5E7EB;--color-hairline-strong:#9CA3AF;--color-success: #16A34A;--color-success-soft: #DCFCE7;--color-warning: #D97706;--color-warning-soft: #FEF3C7;--color-error: #DC2626;--color-error-soft: #FEE2E2;--color-on-primary: #ffffff;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 100px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--shadow-xs: 0 0 0 1px rgba(0,0,0,.06);--shadow-sm: 0 0 0 1px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 0 0 1px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.05), 0 4px 8px rgba(0,0,0,.06);--shadow-lg: 0 0 0 1px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.05), 0 8px 16px -4px rgba(0,0,0,.08);--transition-fast: .12s ease;--transition-base: .2s ease}[data-theme=dark]{--color-canvas: #1F2937;--color-canvas-soft: #111827;--color-canvas-soft-2: #0F172A;--color-ink: #F9FAFB;--color-body: #D1D5DB;--color-mute: #9CA3AF;--color-hairline: #374151;--color-hairline-strong:#4B5563;--color-primary-soft: #1E3A5F;--color-primary-light: #1E40AF;--color-success-soft: #052e16;--color-error-soft: #450a0a;--color-warning-soft: #431407;--shadow-xs: 0 0 0 1px rgba(255,255,255,.06);--shadow-sm: 0 0 0 1px rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 0 0 1px rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.2);--shadow-lg: 0 0 0 1px rgba(255,255,255,.06), 0 2px 4px rgba(0,0,0,.3), 0 8px 16px -4px rgba(0,0,0,.3)}html{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-ink);background-color:var(--color-canvas-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--color-ink)}h1{font-size:var(--text-4xl);letter-spacing:-.04em;line-height:1.05}h2{font-size:var(--text-3xl);letter-spacing:-.03em}h3{font-size:var(--text-2xl);letter-spacing:-.02em}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}p{color:var(--color-body);line-height:1.7}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code,kbd{font-family:var(--font-mono);font-size:.9em;background:var(--color-canvas-soft-2);padding:1px 5px;border-radius:var(--radius-xs);border:1px solid var(--color-hairline)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:40px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;text-decoration:none!important;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border-color:var(--color-hairline);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-canvas-soft-2);border-color:var(--color-hairline-strong)}.btn-ghost{background:transparent;color:var(--color-body);border-color:transparent}.btn-ghost:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.btn-pill{border-radius:var(--radius-pill);height:48px;padding:0 var(--space-6);font-size:16px}.btn-sm{height:32px;font-size:13px;padding:0 var(--space-3);border-radius:var(--radius-xs)}.btn-lg{height:52px;font-size:16px;padding:0 var(--space-8)}.card{background:var(--color-canvas);border-radius:var(--radius-md);border:1px solid var(--color-hairline);box-shadow:var(--shadow-sm)}.card-body{padding:var(--space-6)}.card-body-sm{padding:var(--space-4)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--color-ink);letter-spacing:-.01em;margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.5;white-space:nowrap}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-error{background:var(--color-error-soft);color:var(--color-error)}.badge-neutral{background:var(--color-canvas-soft-2);color:var(--color-mute)}input[type=text],input[type=number],textarea,select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}details{border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden}details+details{margin-top:var(--space-2)}summary{padding:var(--space-4) var(--space-5);font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;background:var(--color-canvas);color:var(--color-ink);transition:background var(--transition-fast)}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:18px;color:var(--color-mute);flex-shrink:0;transition:transform var(--transition-fast)}details[open] summary:after{content:"−"}details[open] summary{border-bottom:1px solid var(--color-hairline)}.details-body{padding:var(--space-4) var(--space-5);background:var(--color-canvas);color:var(--color-body);line-height:1.7}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);border-radius:var(--radius-full)}@media(max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}}.navbar{position:sticky;top:0;z-index:100;height:60px;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);box-shadow:0 1px 3px #0000000a}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6);gap:var(--space-6)}.navbar-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-ink);letter-spacing:-.02em;text-decoration:none!important;flex-shrink:0}.navbar-logo:hover{color:var(--color-ink)}.navbar-logo-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.navbar-logo .logo-accent{color:var(--color-primary)}.navbar-links{display:flex;align-items:center;gap:var(--space-1);list-style:none;flex:1;justify-content:center}.navbar-links a{display:flex;align-items:center;padding:5px var(--space-3);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none!important;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.navbar-links a:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.navbar-links a.active{background:var(--color-canvas-soft-2);color:var(--color-ink);font-weight:600}.navbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--color-hairline);background:var(--color-canvas);cursor:pointer;font-size:16px;transition:background var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background:var(--color-canvas-soft-2)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:pointer;padding:0 8px}.hamburger span{display:block;width:100%;height:2px;background:var(--color-ink);border-radius:1px;transition:all var(--transition-fast)}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:60px;left:0;right:0;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);z-index:99}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);font-size:15px;font-weight:500;color:var(--color-body);text-decoration:none}.mobile-menu a:hover,.mobile-menu a.active{background:var(--color-canvas-soft-2);color:var(--color-ink)}@media(max-width:768px){.navbar-links{display:none}.hamburger{display:flex}.navbar-inner{padding:0 var(--space-4)}}.footer{background:#111827;color:#9ca3af;padding:var(--space-12) 0 var(--space-6);border-top:1px solid #1F2937}[data-theme=dark] .footer{background:#070b12;border-top-color:#374151}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-10)}.footer-logo{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-3);display:block;text-decoration:none}.footer-logo .logo-accent{color:#60a5fa}.footer-desc{font-size:14px;line-height:1.7;color:#9ca3af;margin-bottom:var(--space-3)}.footer-privacy-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4ade80;background:#4ade801a;padding:3px var(--space-3);border-radius:var(--radius-full)}.footer-col-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#d1d5db;margin-bottom:var(--space-4)}.footer-links{list-style:none}.footer-links li+li{margin-top:var(--space-2)}.footer-links a{font-size:14px;color:#9ca3af;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff;text-decoration:none}.footer-bottom{border-top:1px solid #374151;padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.footer-copyright{font-size:13px;color:#6b7280}.footer-coming{font-size:14px;color:#6b7280;display:inline-flex;align-items:center;gap:6px}.footer-soon{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#374151;color:#9ca3af;padding:1px 5px;border-radius:4px}.footer-private-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#4ade80;font-weight:500}.footer-contact-note{font-size:12px;color:#6b7280;margin-top:var(--space-4);line-height:1.5}@media(max-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;align-items:flex-start}}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--color-mute);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-mute);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-hairline-strong)}.breadcrumb-current{color:var(--color-body)}.tool-privacy-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-4);background:var(--color-success-soft);color:var(--color-success);border-radius:var(--radius-full);font-size:13px;font-weight:600;border:1px solid rgba(22,163,74,.2)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);opacity:0;transform:translate(20px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:auto;max-width:320px}.toast.toast-visible{opacity:1;transform:translate(0)}.toast.toast-hiding{opacity:0;transform:translate(20px)}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.toast-warning{background:#d97706}.ad-zone{border:1px dashed var(--color-hairline-strong);background:var(--color-canvas-soft);border-radius:var(--radius-md);min-height:90px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-mute);text-align:center}.autosave-indicator{font-size:12px;color:var(--color-mute);display:flex;align-items:center;gap:5px}.autosave-indicator.saved{color:var(--color-success)}.autosave-indicator.restored{color:var(--color-primary)}.autosave-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-3)}.section-heading{margin-bottom:var(--space-4)}.section-subtext{font-size:var(--text-lg);color:var(--color-body);line-height:1.6;max-width:600px}@media(max-width:768px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{max-width:100%}}