.tool-header[data-astro-cid-hibv5ipz]{text-align:center;margin-bottom:1.5rem}.tool-header[data-astro-cid-hibv5ipz] h1[data-astro-cid-hibv5ipz]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-hibv5ipz] p[data-astro-cid-hibv5ipz]{color:var(--color-secondary);font-size:1rem}.toolbar[data-astro-cid-hibv5ipz]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--color-bg-offset);border-radius:.5rem;border:1px solid var(--color-border)}.toolbar-left[data-astro-cid-hibv5ipz],.toolbar-right[data-astro-cid-hibv5ipz]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-primary[data-astro-cid-hibv5ipz]{padding:.5rem 1.25rem;border:none;border-radius:.375rem;background:var(--color-primary);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500}.btn-primary[data-astro-cid-hibv5ipz]:hover{opacity:.9}.btn-secondary[data-astro-cid-hibv5ipz]{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.375rem;background:transparent;color:var(--color-text);cursor:pointer;font-size:.85rem}.btn-secondary[data-astro-cid-hibv5ipz]:hover{background:var(--color-bg)}.toggle-label[data-astro-cid-hibv5ipz]{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.toggle-label[data-astro-cid-hibv5ipz] input[data-astro-cid-hibv5ipz][type=checkbox]{cursor:pointer}.playground-container[data-astro-cid-hibv5ipz]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:500px}.playground-container[data-astro-cid-hibv5ipz].vertical-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.editors-panel[data-astro-cid-hibv5ipz]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column}.editor-tab[data-astro-cid-hibv5ipz]{padding:.6rem 1rem;cursor:pointer;font-size:.85rem;font-weight:500;border-bottom:2px solid transparent;background:var(--color-bg-offset);color:var(--color-secondary);display:inline-flex;align-items:center}.editor-tab[data-astro-cid-hibv5ipz]:hover{color:var(--color-text)}.editor-tab[data-astro-cid-hibv5ipz].active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg)}.tab-label[data-astro-cid-hibv5ipz]{display:flex;align-items:center;gap:.4rem}.editor-content[data-astro-cid-hibv5ipz]{display:none;flex:1}.editor-content[data-astro-cid-hibv5ipz].active{display:block}.editor-content[data-astro-cid-hibv5ipz] textarea[data-astro-cid-hibv5ipz]{width:100%;height:100%;min-height:400px;padding:1rem;font-size:.9rem;border:none;outline:none;resize:none;background:var(--color-bg);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;line-height:1.6}.preview-panel[data-astro-cid-hibv5ipz]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column}.preview-label[data-astro-cid-hibv5ipz]{padding:.6rem 1rem;font-size:.8rem;font-weight:600;color:var(--color-secondary);border-bottom:1px solid var(--color-border);background:var(--color-bg-offset)}.preview-panel[data-astro-cid-hibv5ipz] iframe[data-astro-cid-hibv5ipz]{flex:1;width:100%;min-height:400px;border:none;background:#fff}@media(max-width:768px){.playground-container[data-astro-cid-hibv5ipz]{grid-template-columns:1fr;grid-template-rows:auto auto}.playground-container[data-astro-cid-hibv5ipz].vertical-layout{grid-template-rows:auto auto}.editor-content[data-astro-cid-hibv5ipz] textarea[data-astro-cid-hibv5ipz],.preview-panel[data-astro-cid-hibv5ipz] iframe[data-astro-cid-hibv5ipz]{min-height:250px}}.seo-sections[data-astro-cid-hibv5ipz]{margin-top:2rem}.seo-section[data-astro-cid-hibv5ipz]{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:8px}.seo-section[data-astro-cid-hibv5ipz] h3[data-astro-cid-hibv5ipz]{margin-bottom:.75rem;font-size:1.1rem}.seo-section[data-astro-cid-hibv5ipz] p[data-astro-cid-hibv5ipz]{line-height:1.6;margin-bottom:.5rem}.seo-section[data-astro-cid-hibv5ipz] ul[data-astro-cid-hibv5ipz],.seo-section[data-astro-cid-hibv5ipz] ol[data-astro-cid-hibv5ipz]{margin-left:1.25rem;line-height:1.7}.seo-section[data-astro-cid-hibv5ipz] li[data-astro-cid-hibv5ipz]{margin-bottom:.35rem}.seo-section[data-astro-cid-hibv5ipz] dl[data-astro-cid-hibv5ipz]{margin:0}.seo-section[data-astro-cid-hibv5ipz] dt[data-astro-cid-hibv5ipz]{font-weight:600;margin-top:1rem;margin-bottom:.35rem}.seo-section[data-astro-cid-hibv5ipz] dd[data-astro-cid-hibv5ipz]{margin-left:0;margin-bottom:.5rem;line-height:1.6;color:var(--color-text-secondary)}.seo-section[data-astro-cid-hibv5ipz] a[data-astro-cid-hibv5ipz]{color:var(--color-primary);text-decoration:none}.seo-section[data-astro-cid-hibv5ipz] a[data-astro-cid-hibv5ipz]:hover{text-decoration:underline}