*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-card: #ffffff;--bg-input: #f3f3f5;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: rgba(59, 130, 246, .1);--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: rgba(0, 0, 0, .1);--border-radius: 10px;--shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--max-width: 1200px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "Cascadia Code", "JetBrains Mono", "Courier New", monospace}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:500;color:var(--text-primary)}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:1.5rem}h3{font-size:1.125rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-sans);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 10px 15px -3px #3b82f64d}.btn-primary:hover{background-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 12px 20px -3px #3b82f659}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#e5e7eb;color:var(--text-primary)}.btn-outline{background-color:#fff;color:var(--text-primary);border:2px solid #e5e7eb}.btn-outline:hover{border-color:#d1d5db;color:var(--text-primary)}.btn:active{transform:translateY(0)}.btn-sm{padding:6px 12px;font-size:.82rem}.card{background-color:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:16px;border:1px solid var(--border-color)}input[type=text],input[type=search],input[type=number],input[type=email],textarea,select{width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=search]:focus,input[type=number]:focus,input[type=email]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}textarea{resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background-color:var(--color-primary-light);color:var(--color-primary)}.section{padding:60px 0}.section-title{font-size:1.5rem;margin-bottom:8px}.section-subtitle{color:var(--text-secondary);margin-bottom:32px}.hero{padding:80px 0 64px;text-align:center;background:linear-gradient(to bottom,#fff,#f9fafb)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#3b82f614;color:var(--color-primary);padding:8px 16px;border-radius:999px;font-size:.875rem;font-weight:500;margin-bottom:24px}.hero-badge svg{flex-shrink:0}.hero-title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;margin-bottom:16px;color:#111827;line-height:1.2}.hero-title-accent{color:var(--color-primary)}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}.search-box{max-width:560px;width:100%;margin:0 auto;position:relative}.search-box input{width:100%;padding:14px 20px 14px 52px;font-size:1rem;border-radius:12px;border:1px solid #d1d5db;background:#fff;box-shadow:0 1px 3px #0000000f}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.search-box .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-no-results{grid-column:1 / -1;text-align:center;padding:48px 0;color:var(--text-muted);font-size:1rem}.home-categories-section{padding:48px 0}.home-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px}.home-category-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:20px 12px;text-decoration:none;color:var(--text-primary);transition:box-shadow .2s,border-color .2s}.home-category-card:hover{box-shadow:0 4px 12px #00000014;border-color:#93c5fd;color:var(--text-primary)}.home-category-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:10px}.home-category-name{font-weight:500;font-size:.9rem}.home-category-count{font-size:.75rem;color:var(--text-muted);margin-top:2px}.ad-space{border:2px dashed #d1d5db;border-radius:12px;padding:32px;text-align:center;color:var(--text-muted);font-size:.875rem;margin:0 0 48px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card-link{display:block;text-decoration:none;color:inherit}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;gap:12px;height:100%}.tool-card-link:hover .tool-card{border-color:#93c5fd;box-shadow:var(--shadow-lg)}.tool-card--disabled{opacity:.5;pointer-events:none}.tool-card-header{display:flex;align-items:flex-start;gap:12px}.tool-card-icon{width:40px;height:40px;min-width:40px;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#3b82f61a;color:var(--color-primary);border-radius:10px}.tool-card-meta{display:flex;flex-direction:column;gap:4px}.tool-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);transition:color .2s;line-height:1.3}.tool-card-link:hover .tool-card-title{color:var(--color-primary)}.tool-card-category{display:inline-block;padding:2px 8px;background:#f3f4f6;color:var(--text-secondary);font-size:.72rem;border-radius:999px;font-weight:500}.tool-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-cta{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;color:var(--color-primary);transition:transform .2s}.tool-card-link:hover .tool-card-cta{transform:translate(4px)}.tool-card-coming-soon{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background-color:var(--color-primary-light);color:var(--color-primary)}.categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.category-btn{padding:8px 18px;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);background-color:transparent;color:var(--text-secondary);font-family:var(--font-sans);text-decoration:none}.category-btn:hover,.category-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.features-section{padding:64px 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.feature-item{text-align:center}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.feature-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.feature-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.cta-banner{padding:64px 0;background:linear-gradient(to right,#3b82f6,#2563eb);text-align:center}.cta-banner h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:#fff;margin-bottom:12px}.cta-banner p{color:#ffffffd9;font-size:1rem;margin-bottom:32px}.cta-banner .btn{background:#fff;color:var(--color-primary);box-shadow:0 10px 25px #00000026}.cta-banner .btn:hover{background:#f0f9ff;color:var(--color-primary-hover);transform:translateY(-1px)}@media (max-width: 900px){.tools-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.hero{padding:60px 0 48px}.hero-title{font-size:2.25rem}.section{padding:40px 0}.home-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 540px){.container{padding:0 16px}.tools-grid{grid-template-columns:1fr}.home-categories-grid{grid-template-columns:repeat(2,1fr)}.hero-ctas{flex-direction:column;align-items:center}}.site-header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;color:var(--text-primary);text-decoration:none}.site-logo:hover{color:var(--text-primary)}.site-logo .logo-icon{width:36px;height:36px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{padding:6px 14px;border-radius:var(--border-radius);font-size:.9rem;color:var(--text-secondary);transition:all .2s;text-decoration:none}.site-nav a:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.site-nav a.nav-active{color:var(--color-primary);font-weight:500}.nav-hamburger{display:none;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-primary);transition:background .2s}.nav-hamburger:hover{background:var(--bg-secondary)}.nav-hamburger svg{display:block}.site-nav-mobile{display:none;flex-direction:column;padding:12px 0;border-top:1px solid var(--border-color)}.site-nav-mobile.open{display:flex}.site-nav-mobile a{padding:12px 16px;border-radius:8px;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:all .2s}.site-nav-mobile a:hover{color:var(--text-primary);background:var(--bg-secondary)}.site-nav-mobile a.nav-active{color:var(--color-primary);background:#3b82f60f;font-weight:500}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:48px 0 32px;margin-top:auto}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-bottom:40px}.footer-brand p{color:var(--text-secondary);font-size:.9rem;margin-top:12px;line-height:1.7;max-width:300px}.footer-links h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:24px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.875rem}.tool-page-header{padding:32px 0 24px;border-bottom:1px solid var(--border-color);margin-bottom:32px}.tool-page-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.875rem;margin-bottom:16px}.tool-page-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.tool-page-breadcrumb a:hover{color:var(--color-primary)}.tool-page-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.875rem;text-decoration:none;margin-bottom:20px;transition:color .2s}.tool-page-back:hover{color:var(--text-primary)}.tool-page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:8px}.tool-page-desc{color:var(--text-secondary);font-size:1rem}.tool-workspace{display:grid;gap:24px;margin-bottom:32px}.tool-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.tool-panel-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.tool-panel-actions{display:flex;gap:8px}.tool-panel-body{padding:16px}.tool-panel textarea{width:100%;min-height:300px;background:transparent;border:none;border-radius:0;padding:0;resize:none;font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);outline:none;line-height:1.7}.tool-panel textarea:focus{box-shadow:none}.tool-action-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-message{padding:8px 14px;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;display:none;align-items:center;gap:8px}.status-message.show{display:flex}.status-message.success{background-color:#22c55e14;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-message.error{background-color:#ef444414;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.tool-ad-space{border:2px dashed #d1d5db;border-radius:12px;padding:28px;text-align:center;color:var(--text-muted);font-size:.8rem;margin:24px 0}.tool-info-section{padding:48px 0;border-top:1px solid var(--border-color)}.tool-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.tool-info-box h3{font-size:1rem;margin-bottom:16px;color:var(--text-primary)}.tool-info-box p,.tool-info-box li{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.tool-info-box ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.code-block{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);overflow-x:auto;white-space:pre;line-height:1.6}.uuid-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--color-primary);letter-spacing:.05em;word-break:break-all}.tool-guide{margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color)}.tool-guide h2{font-size:1.125rem;font-weight:600;margin-top:28px;margin-bottom:12px;color:var(--text-primary)}.tool-guide h2:first-child{margin-top:0}.tool-guide-steps{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}.tool-guide-steps li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.tool-guide-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.tool-guide-example{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-guide-example-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.tool-guide pre{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px;overflow-x:auto;margin:0}.tool-guide pre code{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);line-height:1.6;white-space:pre}.tool-guide-explanation{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.tool-guide-faq{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;list-style:none;background:var(--bg-secondary);transition:background .15s}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.2rem;font-weight:400;color:var(--color-primary);flex-shrink:0;margin-left:12px;transition:transform .2s}.faq-item[open] .faq-question{background:#3b82f60d}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:14px 18px;font-size:.9rem;color:var(--text-secondary);line-height:1.7;border-top:1px solid var(--border-color)}.related-tools{padding:40px 0;border-top:1px solid var(--border-color);margin-top:24px}.related-tools-title{font-size:1.125rem;font-weight:600;margin-bottom:20px}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.md-preview{line-height:1.8;font-size:.95rem;color:var(--text-primary)}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{font-weight:700;margin:1.2em 0 .5em;color:var(--text-primary)}.md-preview h1{font-size:1.7rem}.md-preview h2{font-size:1.35rem;border-bottom:1px solid var(--border-color);padding-bottom:4px}.md-preview h3{font-size:1.1rem}.md-preview p{margin:.6em 0}.md-preview ul,.md-preview ol{padding-left:1.5em;margin:.5em 0}.md-preview li{margin:.25em 0}.md-preview blockquote{border-left:3px solid var(--color-primary);margin:.8em 0;padding:4px 12px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:0 6px 6px 0}.md-preview hr{border:none;border-top:1px solid var(--border-color);margin:1em 0}.md-preview a{color:var(--color-primary)}.md-preview img{max-width:100%;border-radius:6px}.md-pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:.8em 0}.md-code{font-family:var(--font-mono);font-size:.85rem}.md-inline-code{background:var(--bg-secondary);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.wc-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.wc-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px 12px;text-align:center}.wc-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary);font-family:var(--font-mono);line-height:1}.wc-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:6px;text-transform:uppercase;letter-spacing:.05em}.pg-check{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.pg-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.tool-info-grid{grid-template-columns:1fr}.site-nav{display:flex;flex-direction:column;position:absolute;top:0;right:0;background-color:#fff;border-left:1px solid black;height:100vh;padding-top:60px;width:30vw;transition:.3s ease-in-out}#header-container .site-nav{right:-30vw}#header-container.open .site-nav{right:0}.site-nav a{border-radius:0;width:100%;text-align:center;margin:0}.site-nav a:hover{background-color:var(--color-primary);color:#fff}.nav-hamburger{display:flex;align-items:center;justify-content:center;z-index:20}}@media (max-width: 640px){.tool-guide-example{grid-template-columns:1fr}}