.tool-header[data-astro-cid-z4nw4fc4]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-z4nw4fc4] h1[data-astro-cid-z4nw4fc4]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-z4nw4fc4] p[data-astro-cid-z4nw4fc4]{color:var(--text-secondary)}.generator-layout[data-astro-cid-z4nw4fc4]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:768px){.generator-layout[data-astro-cid-z4nw4fc4]{grid-template-columns:1fr}}.controls-panel[data-astro-cid-z4nw4fc4]{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.control-group[data-astro-cid-z4nw4fc4]{margin-bottom:1rem}.control-label[data-astro-cid-z4nw4fc4]{display:block;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.control-select[data-astro-cid-z4nw4fc4],.control-input[data-astro-cid-z4nw4fc4]{width:100%;padding:.5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color)}.color-picker[data-astro-cid-z4nw4fc4]{width:100%;height:36px;border:none;border-radius:6px;cursor:pointer}.control-row[data-astro-cid-z4nw4fc4]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.style-options[data-astro-cid-z4nw4fc4]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-z4nw4fc4]{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:6px;background:var(--btn-secondary-bg);color:var(--text-color);cursor:pointer;font-size:.85rem;transition:all .2s}.style-btn[data-astro-cid-z4nw4fc4]:hover{border-color:var(--primary)}.style-btn[data-astro-cid-z4nw4fc4].active{background:var(--primary);color:#fff;border-color:var(--primary)}.preview-panel[data-astro-cid-z4nw4fc4]{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.preview-panel[data-astro-cid-z4nw4fc4] h3[data-astro-cid-z4nw4fc4]{margin-bottom:.25rem}.preview-hint[data-astro-cid-z4nw4fc4]{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.preview-area[data-astro-cid-z4nw4fc4]{min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;position:relative}#preview-container[data-astro-cid-z4nw4fc4]{position:relative;display:inline-block}.preview-trigger[data-astro-cid-z4nw4fc4]{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.preview-tooltip[data-astro-cid-z4nw4fc4]{position:absolute;background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.preview-tooltip[data-astro-cid-z4nw4fc4].show{opacity:1;visibility:visible}.preview-tooltip[data-astro-cid-z4nw4fc4][data-arrow=yes]:after{content:"";position:absolute;width:0;height:0;border-style:solid}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=top]:after{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:#1f2937 transparent transparent transparent}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=bottom]:after{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent #1f2937 transparent}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=left]:after{right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent #1f2937}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=right]:after{left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent #1f2937 transparent transparent}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=top]{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=top].show{transform:translate(-50%) translateY(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=bottom]{top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=bottom].show{transform:translate(-50%) translateY(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=left]{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=left].show{transform:translateY(-50%) translate(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=right]{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-position=right].show{transform:translateY(-50%) translate(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-size=small]{padding:.25rem .5rem;font-size:.75rem}.preview-tooltip[data-astro-cid-z4nw4fc4][data-size=large]{padding:.75rem 1rem;font-size:1rem}.preview-tooltip[data-astro-cid-z4nw4fc4][data-style=rounded]{border-radius:999px}.preview-tooltip[data-astro-cid-z4nw4fc4][data-style=shadow]{box-shadow:0 4px 12px #00000026}.preview-tooltip[data-astro-cid-z4nw4fc4][data-style=gradient]{background:linear-gradient(135deg,#1f2937,#374151)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-style=glass]{background:#1f2937cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=scale]{transform:scale(.9)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=scale].show{transform:scale(1)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=slide]{transform:translate(-50%) translateY(8px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=slide].show{transform:translate(-50%) translateY(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=slide][data-position=left]{transform:translateY(-50%) translate(8px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=slide][data-position=left].show{transform:translateY(-50%) translate(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=slide][data-position=right]{transform:translateY(-50%) translate(-8px)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=slide][data-position=right].show{transform:translateY(-50%) translate(0)}.preview-tooltip[data-astro-cid-z4nw4fc4][data-animation=none]{transition:none}.code-output[data-astro-cid-z4nw4fc4]{margin-top:1rem}.code-tabs[data-astro-cid-z4nw4fc4]{display:flex;gap:.5rem;margin-bottom:.5rem}.code-tab[data-astro-cid-z4nw4fc4]{padding:.4rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--btn-secondary-bg);cursor:pointer}.code-tab[data-astro-cid-z4nw4fc4].active{background:var(--primary);color:#fff;border-color:var(--primary)}.code-block[data-astro-cid-z4nw4fc4]{background:var(--code-bg);color:var(--code-color);padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem;line-height:1.5;margin:0}.code-block[data-astro-cid-z4nw4fc4].hidden{display:none}.copy-btn[data-astro-cid-z4nw4fc4]{margin-top:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;width:100%}