.tabs-wrapper[data-astro-cid-4rvqikzu]{width:100%;max-width:500px}.tabs-nav[data-astro-cid-4rvqikzu]{display:flex;gap:0;border-bottom:2px solid #e2e8f0}.tabs-nav[data-astro-cid-4rvqikzu].vertical{flex-direction:column;border-bottom:none;border-right:2px solid #e2e8f0}.tab-btn[data-astro-cid-4rvqikzu]{padding:.75rem 1.25rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:#475569;transition:all .2s;position:relative}.tab-btn[data-astro-cid-4rvqikzu].active{color:#1e293b;font-weight:600}.tab-btn[data-astro-cid-4rvqikzu].active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#3b82f6}.tabs-nav[data-astro-cid-4rvqikzu].vertical .tab-btn[data-astro-cid-4rvqikzu].active:after{inset:0 -2px auto auto;width:2px;height:100%}.tabs-content[data-astro-cid-4rvqikzu]{padding:1rem;background:#f8fafc;border-radius:0 0 8px 8px}.tab-panel[data-astro-cid-4rvqikzu]{display:none}.tab-panel[data-astro-cid-4rvqikzu].active{display:block}.tabs-wrapper[data-astro-cid-4rvqikzu].style-pills .tabs-nav[data-astro-cid-4rvqikzu]{border:none;gap:.5rem;margin-bottom:.5rem}.tabs-wrapper[data-astro-cid-4rvqikzu].style-pills .tab-btn[data-astro-cid-4rvqikzu]{border-radius:999px;background:#f1f5f9}.tabs-wrapper[data-astro-cid-4rvqikzu].style-pills .tab-btn[data-astro-cid-4rvqikzu].active{background:#3b82f6;color:#fff}.tabs-wrapper[data-astro-cid-4rvqikzu].style-pills .tab-btn[data-astro-cid-4rvqikzu].active:after{display:none}.tabs-wrapper[data-astro-cid-4rvqikzu].style-underline .tabs-nav[data-astro-cid-4rvqikzu]{border:none;border-bottom:1px solid #e2e8f0}.tabs-wrapper[data-astro-cid-4rvqikzu].style-underline .tab-btn[data-astro-cid-4rvqikzu].active:after{height:3px;bottom:-1px}.tabs-wrapper[data-astro-cid-4rvqikzu].style-bordered .tabs-nav[data-astro-cid-4rvqikzu]{border:none;gap:2px}.tabs-wrapper[data-astro-cid-4rvqikzu].style-bordered .tab-btn[data-astro-cid-4rvqikzu]{border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;background:#f8fafc}.tabs-wrapper[data-astro-cid-4rvqikzu].style-bordered .tab-btn[data-astro-cid-4rvqikzu].active{background:#fff;border-color:#e2e8f0 #e2e8f0 #ffffff}.tabs-wrapper[data-astro-cid-4rvqikzu].style-bordered .tab-btn[data-astro-cid-4rvqikzu].active:after{display:none}.tabs-wrapper[data-astro-cid-4rvqikzu].style-bordered .tabs-content[data-astro-cid-4rvqikzu]{border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;background:#fff}.tabs-wrapper[data-astro-cid-4rvqikzu].style-cards .tabs-nav[data-astro-cid-4rvqikzu]{border:none;gap:.75rem;margin-bottom:.75rem}.tabs-wrapper[data-astro-cid-4rvqikzu].style-cards .tab-btn[data-astro-cid-4rvqikzu]{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a}.tabs-wrapper[data-astro-cid-4rvqikzu].style-cards .tab-btn[data-astro-cid-4rvqikzu].active{background:#3b82f6;color:#fff;border-color:#3b82f6}.tabs-wrapper[data-astro-cid-4rvqikzu].style-cards .tab-btn[data-astro-cid-4rvqikzu].active:after{display:none}.tabs-wrapper[data-astro-cid-4rvqikzu].style-cards .tabs-content[data-astro-cid-4rvqikzu]{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a}.tabs-wrapper[data-astro-cid-4rvqikzu].style-material .tabs-nav[data-astro-cid-4rvqikzu]{border:none;background:#f1f5f9;border-radius:8px;padding:4px;gap:4px}.tabs-wrapper[data-astro-cid-4rvqikzu].style-material .tab-btn[data-astro-cid-4rvqikzu]{border-radius:6px;flex:1;text-align:center}.tabs-wrapper[data-astro-cid-4rvqikzu].style-material .tab-btn[data-astro-cid-4rvqikzu].active{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.tabs-wrapper[data-astro-cid-4rvqikzu].style-material .tab-btn[data-astro-cid-4rvqikzu].active:after{display:none}.tabs-wrapper[data-astro-cid-4rvqikzu].style-material .tabs-content[data-astro-cid-4rvqikzu]{border:none;background:transparent}.tabs-wrapper[data-astro-cid-4rvqikzu].position-bottom{display:flex;flex-direction:column-reverse}.tabs-wrapper[data-astro-cid-4rvqikzu].position-bottom .tabs-nav[data-astro-cid-4rvqikzu]{border-bottom:none;border-top:2px solid #e2e8f0}.tabs-wrapper[data-astro-cid-4rvqikzu].position-bottom .tab-btn[data-astro-cid-4rvqikzu].active:after{bottom:auto;top:-2px}.tabs-wrapper[data-astro-cid-4rvqikzu].position-left{display:flex}.tabs-wrapper[data-astro-cid-4rvqikzu].position-left .tabs-nav[data-astro-cid-4rvqikzu]{flex-direction:column;border-bottom:none;border-right:2px solid #e2e8f0}.tabs-wrapper[data-astro-cid-4rvqikzu].position-left .tab-btn[data-astro-cid-4rvqikzu]{text-align:left}.tabs-wrapper[data-astro-cid-4rvqikzu].position-left .tab-btn[data-astro-cid-4rvqikzu].active:after{inset:0 -2px auto auto;width:2px;height:100%}.tabs-wrapper[data-astro-cid-4rvqikzu].position-right{display:flex;flex-direction:row-reverse}.tabs-wrapper[data-astro-cid-4rvqikzu].position-right .tabs-nav[data-astro-cid-4rvqikzu]{flex-direction:column;border-bottom:none;border-left:2px solid #e2e8f0;border-right:none}.tabs-wrapper[data-astro-cid-4rvqikzu].position-right .tab-btn[data-astro-cid-4rvqikzu]{text-align:left}.tabs-wrapper[data-astro-cid-4rvqikzu].position-right .tab-btn[data-astro-cid-4rvqikzu].active:after{inset:0 auto auto -2px;width:2px;height:100%}.tab-panel[data-astro-cid-4rvqikzu]{opacity:0;transition:opacity .3s ease}.tab-panel[data-astro-cid-4rvqikzu].active{opacity:1}.tabs-wrapper[data-astro-cid-4rvqikzu].animation-slide .tab-panel[data-astro-cid-4rvqikzu]{transform:translateY(10px);transition:all .3s ease}.tabs-wrapper[data-astro-cid-4rvqikzu].animation-slide .tab-panel[data-astro-cid-4rvqikzu].active{transform:translateY(0)}.tabs-wrapper[data-astro-cid-4rvqikzu].animation-none .tab-panel[data-astro-cid-4rvqikzu]{transition:none}.generator-layout[data-astro-cid-4rvqikzu]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.controls-panel[data-astro-cid-4rvqikzu]{background:var(--color-surface);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border)}.control-group[data-astro-cid-4rvqikzu]{margin-bottom:1.25rem}.control-label[data-astro-cid-4rvqikzu]{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem}.style-options[data-astro-cid-4rvqikzu]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-4rvqikzu]{padding:.5rem 1rem;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.style-btn[data-astro-cid-4rvqikzu]:hover{border-color:var(--color-primary)}.style-btn[data-astro-cid-4rvqikzu].active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.control-row[data-astro-cid-4rvqikzu]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-select[data-astro-cid-4rvqikzu]{width:100%;padding:.5rem;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.9rem}.color-input[data-astro-cid-4rvqikzu]{width:100%;height:40px;border:2px solid var(--color-border);border-radius:6px;cursor:pointer}.preview-panel[data-astro-cid-4rvqikzu]{background:var(--color-surface);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border)}.preview-panel[data-astro-cid-4rvqikzu] h3[data-astro-cid-4rvqikzu]{margin:0 0 .25rem}.preview-hint[data-astro-cid-4rvqikzu]{color:var(--color-text-muted);font-size:.85rem;margin:0 0 1rem}.preview-container[data-astro-cid-4rvqikzu]{background:#fff;border-radius:8px;padding:2rem;min-height:200px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.code-actions[data-astro-cid-4rvqikzu]{display:flex;gap:.75rem;margin-top:1rem}.copy-btn[data-astro-cid-4rvqikzu]{flex:1;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.copy-btn[data-astro-cid-4rvqikzu]:hover{opacity:.9}@media(max-width:768px){.generator-layout[data-astro-cid-4rvqikzu]{grid-template-columns:1fr}}