@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#0e1116;--surface:#141a21;--surface-raised:#1b232c;--border:#262f3a;--text-primary:#e7eaf0;--text-secondary:#8b93a3;--text-tertiary:#5b6472;--accent:#f2b705;--accent-dim:#a87c05;--accent-soft:rgba(242,183,5,.12);--valid:#3fb950;--invalid:#f85149;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",monospace;--radius:6px;--max-width:1120px}[data-theme=light]{--bg:#fff;--surface:#f6f7f9;--surface-raised:#fff;--border:#e3e6ea;--text-primary:#12161c;--text-secondary:#55606e;--text-tertiary:#8b93a3;--accent:#b8860b;--accent-dim:#8f6a08;--accent-soft:rgba(184,134,11,.1);--valid:#1a7f37;--invalid:#cf222e}[data-theme=light] .demo-body .k{color:#0f7a5f}[data-theme=light] .demo-body .s{color:#8f6a08}[data-theme=light] .demo-body .n{color:#1a5fb4}[data-theme=light] .jt-key{color:#0f7a5f}[data-theme=light] .jt-string{color:#8f6a08}[data-theme=light] .jt-boolean,[data-theme=light] .jt-number{color:#1a5fb4}[data-theme=light] .site-header{background:hsla(0,0%,100%,.9)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}.mono,code,pre,textarea.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:rgba(14,17,22,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.site-header-inner{justify-content:space-between;height:64px}.brand,.site-header-inner{display:flex;align-items:center}.brand{gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700}.brand-mark{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--text-secondary)}.nav-links a:hover{color:var(--text-primary)}.site-header-actions{display:flex;align-items:center;gap:12px}.mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;line-height:1;font:inherit;box-sizing:border-box;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.mobile-nav-toggle:hover{color:var(--text-primary);border-color:var(--text-secondary)}.mobile-nav-panel{position:fixed;top:64px;left:0;right:0;max-height:calc(100vh - 64px);overflow-y:auto;display:flex;flex-direction:column;padding:8px 24px 16px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 12px 24px rgba(0,0,0,.25);z-index:60}.mobile-nav-panel a{padding:13px 8px;font-size:15px;color:var(--text-secondary);border-radius:8px}.mobile-nav-panel a:hover{color:var(--text-primary);background:var(--surface-raised)}@media (max-width:900px){.nav-links{display:none}.mobile-nav-toggle{display:inline-flex}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;line-height:1;font:inherit;box-sizing:border-box;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-secondary)}.site-footer{border-top:1px solid var(--border);padding:40px 0 0;margin-top:80px;color:var(--text-tertiary);font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:32px;gap:32px;padding-bottom:32px}@media (max-width:860px){.footer-grid{grid-template-columns:1fr;gap:28px}}.footer-column .brand{font-size:17px;margin-bottom:10px}.footer-column p{color:var(--text-secondary);margin:0 0 14px;max-width:32ch}.footer-column h2{font-size:13px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-column ul a{color:var(--text-secondary)}.footer-column ul a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--text-tertiary);font-size:12px}.hero{padding:64px 0 48px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}@media (max-width:860px){.hero{grid-template-columns:1fr;padding:40px 0 32px}}.eyebrow{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:42px;line-height:1.1;margin-bottom:16px}.hero p.lede{font-size:17px;color:var(--text-secondary);max-width:46ch;margin-bottom:24px}.hero-actions{display:flex;gap:12px}@media (max-width:768px){.hero-actions{flex-wrap:wrap}}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:#14110a}.btn-primary:hover{background:#ffcb2e}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-secondary)}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface-raised);border-top:1px solid var(--border);box-shadow:0 -4px 16px rgba(0,0,0,.2)}.cookie-consent-inner{max-width:var(--max-width);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-consent-inner p{margin:0;font-size:13px;color:var(--text-secondary);max-width:60ch}.cookie-consent-inner p a:hover{color:var(--text-primary)}.cookie-consent-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cookie-consent-close{background:transparent;border:none;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer;padding:4px 8px}.cookie-consent-close:hover{color:var(--text-primary)}@media (max-width:640px){.cookie-consent-inner{flex-direction:column;align-items:stretch}.cookie-consent-actions{justify-content:flex-end}}.demo-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.demo-panel-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.demo-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.demo-label{margin-left:8px;font-size:12px;color:var(--text-tertiary)}.demo-body,.demo-label{font-family:var(--font-mono)}.demo-body{padding:20px;font-size:13px;min-height:220px;white-space:pre-wrap;word-break:break-word}.demo-body .k{color:#7ee0c3}.demo-body .s{color:#f2b705}.demo-body .n{color:#79b8ff}.demo-body .p{color:var(--text-tertiary)}.html-tag{color:var(--accent);font-weight:600}.html-attr{color:var(--text-primary)}.html-string{color:var(--valid)}.html-comment{color:var(--text-tertiary);font-style:italic}.jt-key{color:#7ee0c3}.jt-string{color:#f2b705}.jt-boolean,.jt-number{color:#79b8ff}.jt-null{font-style:italic}.jt-null,.jt-toggle{color:var(--text-tertiary)}.jt-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;width:14px}.jt-punct{color:var(--text-tertiary)}.home-section{padding:48px 0}.home-section-alt{background:var(--surface)}.home-section-header{margin-bottom:20px}.home-section-header p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.tool-card-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tool-card-compact{position:relative;flex:0 0 240px;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:18px;scroll-snap-align:start;transition:border-color .15s ease}.tool-card-compact:hover{border-color:var(--accent-dim)}.tool-card-compact h3{font-size:14px;margin:0 0 6px;padding-right:40px}.tool-card-compact p{font-size:13px;color:var(--text-secondary);margin:0}.tool-card-badge{position:absolute;top:14px;right:14px;background:var(--accent);color:#14110a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:32px}@media (max-width:560px){.stats-bar{grid-template-columns:repeat(2,1fr)}}.stat-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;text-align:center}.stat-value{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.search-section{margin-bottom:48px}.tool-search{position:relative;max-width:480px}.tool-search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;padding:12px 14px}.tool-search-input:focus{outline:none;border-color:var(--accent-dim)}.tool-search-input::placeholder{color:var(--text-tertiary)}.tool-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;z-index:5;max-height:400px;overflow-y:auto}.tool-search-result{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid var(--border)}.tool-search-result:last-child{border-bottom:none}.tool-search-result:hover{background:var(--surface)}.tool-search-result-title{font-size:14px;color:var(--text-primary)}.tool-search-result-desc{font-size:12px;color:var(--text-secondary)}.tool-search-empty{padding:14px;font-size:13px;color:var(--text-tertiary);font-family:var(--font-mono)}.section-title{font-size:22px;margin-bottom:20px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:56px}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .15s ease,transform .15s ease}.category-card:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.category-card h3{font-size:15px;margin-bottom:6px}.category-card p{font-size:13px;color:var(--text-secondary);margin:0}.category-card .count{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-top:10px;display:block}.category-card-link{display:block}.category-tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tool-tag{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px;color:var(--text-secondary);white-space:nowrap}@media (max-width:768px){.tool-tag{padding:9px 12px}}.tool-tag:hover{border-color:var(--accent-dim);color:var(--text-primary)}.tool-tag-more{color:var(--accent);border-color:transparent;background:var(--accent-soft)}.tool-tag-more:hover{color:var(--accent);border-color:var(--accent-dim)}.tool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.tool-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:14px}.tool-list-item:hover{border-color:var(--accent-dim)}.tool-header{padding:40px 0 24px;border-bottom:1px solid var(--border)}.breadcrumb{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);margin-bottom:14px}.breadcrumb a:hover{color:var(--text-secondary)}.tool-header h1{font-size:28px;margin-bottom:8px}.tool-header p{color:var(--text-secondary);max-width:60ch}.tool-header-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.tool-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.tool-badges .pill{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 14px}.copy-link-btn,.tool-badges .pill{font-size:13px;color:var(--text-secondary)}.copy-link-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;white-space:nowrap;flex-shrink:0}.copy-link-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.faq-item{border-bottom:1px solid var(--border);padding:0}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;padding:20px 4px;font-family:var(--font-display);font-size:15px;font-weight:600}.faq-chevron{flex-shrink:0;transition:transform .15s ease;color:var(--text-tertiary)}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{overflow:hidden;max-height:0;transition:max-height .2s ease}.faq-answer.open{max-height:400px}.faq-answer p{color:var(--text-secondary);margin:0 4px 20px;font-size:14px}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:20px}@media (max-width:640px){.benefits-grid{grid-template-columns:1fr}}.benefit-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:20px}.benefit-card h3{font-size:15px;margin-bottom:8px}.benefit-card p{color:var(--text-secondary);font-size:14px;margin:0}.tool-cta{margin-top:48px;background:linear-gradient(135deg,var(--accent-soft),var(--surface));border-top:1px solid var(--border)}.tool-cta-inner{padding:56px 24px;text-align:center}.tool-cta-inner h2{font-size:26px;margin-bottom:10px}.tool-cta-inner p{color:var(--text-secondary);max-width:48ch;margin:0 auto 24px}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.related-tools-grid .category-card p{margin-top:6px}.tool-workbench{padding:32px 0}.how-it-works{padding:32px 0 8px}.how-it-works-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:28px;gap:28px;margin-top:20px}@media (max-width:860px){.how-it-works-steps{grid-template-columns:1fr}}.how-it-works-step{display:flex;flex-direction:column;gap:8px}.how-it-works-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;background:#0e1116;color:#fff}.how-it-works-step h3{font-size:15px;margin-top:4px}.how-it-works-step p{color:var(--text-secondary);font-size:14px;margin:0}.quick-facts{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px}.quick-facts h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:10px}.quick-facts dl{display:flex;flex-wrap:wrap;gap:24px;margin:0}.quick-facts dl>div{display:flex;flex-direction:column;gap:2px}.quick-facts dt{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.quick-facts dd{margin:0;font-size:14px;color:var(--text-primary)}.quick-facts dd a:hover{color:var(--accent)}.panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}@media (max-width:860px){.panels{grid-template-columns:1fr}}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.panel-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.panel-bar span{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.panel-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:8px 16px;font-size:12px;cursor:pointer}.icon-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.icon-btn.is-active,.icon-btn.is-active:hover{background:var(--accent);border-color:var(--accent);color:#14110a}@media (max-width:768px){.icon-btn{display:inline-flex;align-items:center;min-height:44px}.mobile-nav-toggle,.theme-toggle{width:44px;height:44px}}.panel .output,.panel textarea{flex:1 1;min-height:260px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:20px;resize:vertical;white-space:pre-wrap;word-break:break-word}.panel textarea:focus{outline:none}.status-line{font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-top:1px solid var(--border)}.status-valid{color:var(--valid)}.status-invalid{color:var(--invalid)}.status-neutral{color:var(--text-tertiary)}.control-row{gap:10px;flex-wrap:wrap;margin-bottom:16px}.ad-slot,.control-row{display:flex;align-items:center}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px;justify-content:center;padding:20px;margin:24px 0}.seo-content{padding:32px 0;border-top:1px solid var(--border)}.seo-content h2{font-size:18px;margin-bottom:12px}.seo-content p{color:var(--text-secondary);max-width:70ch;margin-bottom:12px}.related-tools{padding:32px 0}