:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #8b5cf6;--accent-hover: #7c3aed;--border-color: #2a2a3a;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--tailwind-cyan: #06b6d4}[data-astro-cid-ugz47ydo]{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}header[data-astro-cid-ugz47ydo]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content[data-astro-cid-ugz47ydo]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-ugz47ydo]{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo[data-astro-cid-ugz47ydo] svg[data-astro-cid-ugz47ydo]{width:24px;height:24px;fill:var(--accent)}nav[data-astro-cid-ugz47ydo]{display:flex;gap:1.5rem}nav[data-astro-cid-ugz47ydo] a[data-astro-cid-ugz47ydo]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}nav[data-astro-cid-ugz47ydo] a[data-astro-cid-ugz47ydo]:hover{color:var(--accent)}main[data-astro-cid-ugz47ydo]{max-width:1400px;margin:0 auto;padding:2rem}.tool-header[data-astro-cid-ugz47ydo]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-ugz47ydo] h1[data-astro-cid-ugz47ydo]{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.tool-header[data-astro-cid-ugz47ydo] p[data-astro-cid-ugz47ydo]{color:var(--text-secondary);max-width:600px;margin:0 auto}.controls[data-astro-cid-ugz47ydo]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;justify-content:center}.btn[data-astro-cid-ugz47ydo]{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-astro-cid-ugz47ydo]{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-primary[data-astro-cid-ugz47ydo]:hover{background:var(--accent-hover)}.btn-secondary[data-astro-cid-ugz47ydo]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary[data-astro-cid-ugz47ydo]:hover{border-color:var(--accent)}.btn-sm[data-astro-cid-ugz47ydo]{padding:.25rem .5rem;font-size:.75rem}.checkbox-option[data-astro-cid-ugz47ydo]{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.checkbox-option[data-astro-cid-ugz47ydo] input[data-astro-cid-ugz47ydo]{accent-color:var(--accent)}.editor-container[data-astro-cid-ugz47ydo]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.editor-container[data-astro-cid-ugz47ydo]{grid-template-columns:1fr}}.panel[data-astro-cid-ugz47ydo]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.panel-header[data-astro-cid-ugz47ydo]{background:var(--bg-tertiary);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-title[data-astro-cid-ugz47ydo]{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.tailwind-badge[data-astro-cid-ugz47ydo]{padding:.125rem .5rem;background:var(--tailwind-cyan);color:#fff;font-size:.625rem;font-weight:700;border-radius:4px}.panel-actions[data-astro-cid-ugz47ydo]{display:flex;gap:.5rem}.code-editor[data-astro-cid-ugz47ydo]{width:100%;min-height:400px;background:var(--bg-primary);border:none;color:var(--text-primary);padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6;resize:vertical}.code-editor[data-astro-cid-ugz47ydo]:focus{outline:none}.code-editor[data-astro-cid-ugz47ydo]::-moz-placeholder{color:var(--text-secondary)}.code-editor[data-astro-cid-ugz47ydo]::placeholder{color:var(--text-secondary)}.output-code[data-astro-cid-ugz47ydo]{width:100%;min-height:400px;background:var(--bg-primary);padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6;overflow:auto;white-space:pre-wrap;color:var(--text-primary)}.mapping-section[data-astro-cid-ugz47ydo]{margin-top:2rem}.mapping-table[data-astro-cid-ugz47ydo]{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.8125rem}.mapping-table[data-astro-cid-ugz47ydo] th[data-astro-cid-ugz47ydo],.mapping-table[data-astro-cid-ugz47ydo] td[data-astro-cid-ugz47ydo]{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.mapping-table[data-astro-cid-ugz47ydo] th[data-astro-cid-ugz47ydo]{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.mapping-table[data-astro-cid-ugz47ydo] td[data-astro-cid-ugz47ydo]{background:var(--bg-secondary)}.mapping-table[data-astro-cid-ugz47ydo] code[data-astro-cid-ugz47ydo]{background:var(--bg-primary);padding:.125rem .375rem;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,monospace}.css-code[data-astro-cid-ugz47ydo]{color:var(--warning)}.tailwind-code[data-astro-cid-ugz47ydo]{color:var(--tailwind-cyan)}.samples-section[data-astro-cid-ugz47ydo]{margin-top:2rem}.samples-section[data-astro-cid-ugz47ydo] h3[data-astro-cid-ugz47ydo]{font-size:1rem;margin-bottom:1rem;color:var(--text-secondary)}.sample-grid[data-astro-cid-ugz47ydo]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.sample-card[data-astro-cid-ugz47ydo]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s}.sample-card[data-astro-cid-ugz47ydo]:hover{border-color:var(--accent);transform:translateY(-2px)}.sample-title[data-astro-cid-ugz47ydo]{font-weight:600;margin-bottom:.25rem}.sample-desc[data-astro-cid-ugz47ydo]{font-size:.8125rem;color:var(--text-secondary)}.privacy-notice[data-astro-cid-ugz47ydo]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin:2rem 0;text-align:center}.privacy-notice[data-astro-cid-ugz47ydo] h3[data-astro-cid-ugz47ydo]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;color:var(--success)}.privacy-notice[data-astro-cid-ugz47ydo] p[data-astro-cid-ugz47ydo]{color:var(--text-secondary);font-size:.875rem}.seo-content[data-astro-cid-ugz47ydo]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.seo-content[data-astro-cid-ugz47ydo] h2[data-astro-cid-ugz47ydo]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.seo-content[data-astro-cid-ugz47ydo] h3[data-astro-cid-ugz47ydo]{font-size:1.125rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.seo-content[data-astro-cid-ugz47ydo] p[data-astro-cid-ugz47ydo]{color:var(--text-secondary);margin-bottom:1rem}.seo-content[data-astro-cid-ugz47ydo] ul[data-astro-cid-ugz47ydo]{color:var(--text-secondary);margin-left:1.5rem;margin-bottom:1rem}.seo-content[data-astro-cid-ugz47ydo] li[data-astro-cid-ugz47ydo]{margin-bottom:.5rem}.seo-content[data-astro-cid-ugz47ydo] code[data-astro-cid-ugz47ydo]{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.related-tools[data-astro-cid-ugz47ydo]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.related-tool-link[data-astro-cid-ugz47ydo]{display:block;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s}.related-tool-link[data-astro-cid-ugz47ydo]:hover{border-color:var(--accent);transform:translateY(-2px)}footer[data-astro-cid-ugz47ydo]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:3rem}footer[data-astro-cid-ugz47ydo] a[data-astro-cid-ugz47ydo]{color:var(--accent);text-decoration:none}footer[data-astro-cid-ugz47ydo] a[data-astro-cid-ugz47ydo]:hover{text-decoration:underline}.ad-container[data-astro-cid-ugz47ydo]{margin:1.5rem 0;text-align:center}