.action-button{border:1px solid var(--color-border-interactive);background-color:var(--color-bg);min-height:44px;color:var(--color-text-primary);font-family:var(--font-ui);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.action-button:hover:not(:disabled){border-color:var(--color-accent)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button--copied{border-color:var(--color-success);color:color-mix(in srgb, var(--color-success) 80%, black)}.action-button--error{border-color:var(--color-danger);color:var(--color-danger)}.affiliate-disclosure{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0;font-size:.8125rem}.tool-shell{min-width:0;padding-bottom:5.5rem}.tool-tabs{gap:.5rem;margin-bottom:1rem;display:none}.tool-tab{border:1px solid var(--color-border-interactive);background-color:var(--color-surface);min-height:44px;color:var(--color-text-secondary);font-family:var(--font-ui);cursor:pointer;border-radius:.5rem;flex:1;font-size:.9375rem}.tool-tab.is-active{border-color:var(--color-accent);color:var(--color-accent-hover)}.style-controls{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.style-controls-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.style-controls-heading{font-family:var(--font-ui);color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.style-controls-toggle{border:1px solid var(--color-border-interactive);background-color:var(--color-bg);min-height:44px;color:var(--color-text-secondary);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border-radius:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;display:none}.style-controls-grid{flex-wrap:wrap;gap:1rem;display:flex}.style-control{flex-direction:column;flex:9rem;gap:.375rem;min-width:9rem;display:flex}.style-control label{font-family:var(--font-ui);color:var(--color-text-secondary);font-size:.8125rem}.style-control select,.style-control input[type=number]{border:1px solid var(--color-border-interactive);background-color:var(--color-bg);min-height:44px;color:var(--color-text-primary);font-family:var(--font-ui);border-radius:.5rem;padding:0 .75rem;font-size:.9375rem}.style-control input[type=color]{border:1px solid var(--color-border-interactive);background-color:var(--color-bg);cursor:pointer;border-radius:.5rem;width:100%;min-height:44px;padding:2px}.tool-panes{flex-direction:column;gap:1.5rem;display:flex}.pane{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:.75rem;flex-direction:column;min-width:0;display:flex;overflow:hidden}.pane-heading{border-bottom:1px solid var(--color-border);font-family:var(--font-ui);color:var(--color-text-primary);margin:0;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.pane-body{min-width:0;min-height:16rem;font-family:var(--font-ui);color:var(--color-text-secondary);flex:1;padding:1.5rem 1rem}.input-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.input-stats{font-family:var(--font-ui);color:var(--color-text-secondary);font-size:.8125rem}.input-toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.input-file-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-error{color:var(--color-danger);font-family:var(--font-ui);padding:0 1rem .75rem;font-size:.8125rem}.input-syntax-hint{border-top:1px solid var(--color-border);font-family:var(--font-ui);color:var(--color-text-secondary);margin:0;padding:.5rem 1rem;font-size:.75rem;line-height:1.5}.input-syntax-hint code{font-family:var(--font-code);background-color:var(--color-bg);border-radius:3px;padding:.05em .3em;font-size:.9em}.input-syntax-hint a{color:var(--color-accent-hover)}.input-textarea{resize:vertical;width:100%;min-height:16rem;color:var(--color-text-primary);font-family:var(--font-code);background:0 0;border:none;padding:1.5rem 1rem;font-size:16px;line-height:1.6;display:block}.output-toggle{border-bottom:1px solid var(--color-border);gap:.5rem;padding:.75rem 1rem;display:flex}.output-toggle-btn{border:1px solid var(--color-border-interactive);background-color:var(--color-bg);min-height:44px;color:var(--color-text-secondary);font-family:var(--font-ui);cursor:pointer;border-radius:.5rem;padding:0 1rem;font-size:.875rem}.output-toggle-btn.is-active{border-color:var(--color-accent);color:var(--color-accent-hover)}.output-actions{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.output-fidelity-note{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0;padding:.5rem 1rem 0;font-size:.75rem;line-height:1.5}.output-preview-note{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0;padding:.625rem 1rem 0;font-size:.75rem;font-style:italic;line-height:1.5}.output-note-icon{margin-right:.375rem}.output-placeholder{color:var(--color-text-secondary);font-family:var(--font-ui)}.output-error{color:var(--color-danger);font-family:var(--font-ui);font-size:.9375rem}.output-preview{font-family:var(--font-ui);overflow-x:auto}.output-preview table{max-width:100%}.output-code{white-space:pre-wrap;word-break:break-word;font-family:var(--font-code);color:var(--color-text-primary);margin:0;font-size:.8125rem;line-height:1.6;overflow-x:auto}.esp-cta{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:.5rem;margin:1rem 1rem 1.5rem;padding:.75rem 1rem}.esp-cta-text{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.esp-cta-text a{color:var(--color-accent-hover);font-weight:600}.copy-bar{border-top:1px solid var(--color-border);background-color:var(--color-surface);z-index:10;padding:.75rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.copy-bar .action-button{background-color:var(--color-accent-hover);color:var(--color-surface);border:none;border-radius:.5rem;flex:1;font-size:1rem}.copy-bar .action-button--copied{background-color:color-mix(in srgb, var(--color-success) 80%, black);color:var(--color-surface)}.copy-bar .action-button--error{background-color:var(--color-danger);color:var(--color-surface)}.copy-bar .action-button:disabled{background-color:var(--color-neutral);color:var(--color-surface)}@media (width<=639.98px){.style-controls-toggle{justify-content:center;align-items:center;display:inline-flex}.style-controls-grid{display:none}.style-controls-grid.is-expanded{display:flex}.input-textarea{min-height:9rem}}@media (width>=640px){.tool-shell{padding-bottom:1.5rem}.copy-bar{display:none}.tool-tabs{display:flex}}@media (width>=640px) and (width<=1023.98px){.is-hidden-tablet{display:none}}@media (width>=1024px){.tool-tabs{display:none}.tool-panes{flex-direction:row;align-items:stretch}.pane{flex:1;min-width:0}}.ad-slot[data-astro-cid-goqfo4ki]{min-height:250px}.ad-slot--dev[data-astro-cid-goqfo4ki]{text-align:center;border:1px dashed var(--color-border);background-color:var(--color-bg);border-radius:.5rem;justify-content:center;align-items:center;padding:1rem;display:flex}.ad-slot-label[data-astro-cid-goqfo4ki]{font-family:var(--font-ui);color:var(--color-text-secondary);font-size:.8125rem}.intro[data-astro-cid-lcdefpme]{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 0}.intro-heading[data-astro-cid-lcdefpme]{font-family:var(--font-ui);color:var(--color-text-primary);margin:0 0 .375rem;font-size:1.5rem;font-weight:700}.intro-subheading[data-astro-cid-lcdefpme]{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0;font-size:.9375rem}.tool-layout[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:grid}@media (width>=1024px){.tool-layout[data-astro-cid-lcdefpme]:not(.tool-layout--no-sidebar){grid-template-columns:1fr 280px;align-items:start}}.explainer[data-astro-cid-lcdefpme],.faq[data-astro-cid-lcdefpme]{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.explainer-content[data-astro-cid-lcdefpme],.faq-content[data-astro-cid-lcdefpme]{max-width:42rem}.explainer[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme],.faq[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{font-family:var(--font-ui);color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.explainer[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.7}.explainer[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]:last-child{margin-bottom:0}.explainer[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{font-family:var(--font-code);background-color:var(--color-bg);border-radius:.25rem;padding:.1em .35em;font-size:.85em}.faq-item[data-astro-cid-lcdefpme]{border-bottom:1px solid var(--color-border);padding:1rem 0}.faq-item[data-astro-cid-lcdefpme]:last-child{border-bottom:none;padding-bottom:0}.faq-item[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{font-family:var(--font-ui);color:var(--color-text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.faq-item[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-family:var(--font-ui);color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.faq-more-link[data-astro-cid-lcdefpme]{max-width:42rem;font-family:var(--font-ui);color:var(--color-text-secondary);margin:1.5rem 0 0;font-size:.9375rem;line-height:1.6}.faq-more-link[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]{color:var(--color-accent)}