.tool-header[data-astro-cid-xd2i2p23]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-xd2i2p23] h1[data-astro-cid-xd2i2p23]{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.tool-header[data-astro-cid-xd2i2p23] p[data-astro-cid-xd2i2p23]{color:var(--color-text-secondary);font-size:1rem}.generator-layout[data-astro-cid-xd2i2p23]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.generator-layout[data-astro-cid-xd2i2p23]{grid-template-columns:1fr}}.controls-panel[data-astro-cid-xd2i2p23]{background:var(--color-surface);border-radius:1rem;padding:1.5rem}.control-group[data-astro-cid-xd2i2p23]{margin-bottom:1rem}.control-label[data-astro-cid-xd2i2p23]{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem}.control-row[data-astro-cid-xd2i2p23]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-row[data-astro-cid-xd2i2p23] .control-group[data-astro-cid-xd2i2p23]{margin-bottom:.5rem}.control-select[data-astro-cid-xd2i2p23],.control-input[data-astro-cid-xd2i2p23]{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.9rem}.control-range[data-astro-cid-xd2i2p23]{width:100%}.range-value[data-astro-cid-xd2i2p23]{font-size:.8rem;color:var(--color-text-secondary)}.color-input[data-astro-cid-xd2i2p23]{width:100%;height:2.5rem;border:none;border-radius:.5rem;cursor:pointer;background:none}.style-options[data-astro-cid-xd2i2p23],.direction-options[data-astro-cid-xd2i2p23],.animation-options[data-astro-cid-xd2i2p23]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-xd2i2p23],.direction-btn[data-astro-cid-xd2i2p23],.animation-btn[data-astro-cid-xd2i2p23]{padding:.4rem .8rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.85rem;transition:all .2s}.style-btn[data-astro-cid-xd2i2p23]:hover,.direction-btn[data-astro-cid-xd2i2p23]:hover,.animation-btn[data-astro-cid-xd2i2p23]:hover{border-color:var(--color-primary)}.style-btn[data-astro-cid-xd2i2p23].active,.direction-btn[data-astro-cid-xd2i2p23].active,.animation-btn[data-astro-cid-xd2i2p23].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.checkbox-group[data-astro-cid-xd2i2p23]{display:flex;align-items:center}.checkbox-label[data-astro-cid-xd2i2p23]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.checkbox-label[data-astro-cid-xd2i2p23] input[data-astro-cid-xd2i2p23]{width:1rem;height:1rem}.preview-panel[data-astro-cid-xd2i2p23]{background:var(--color-surface);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.preview-panel[data-astro-cid-xd2i2p23] h3[data-astro-cid-xd2i2p23]{margin-bottom:.25rem;font-size:1.1rem;color:var(--color-text)}.preview-hint[data-astro-cid-xd2i2p23]{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.preview-area[data-astro-cid-xd2i2p23]{width:100%;display:flex;justify-content:center;padding:2rem;min-height:300px;position:relative}.code-output[data-astro-cid-xd2i2p23]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.code-output[data-astro-cid-xd2i2p23]{grid-template-columns:1fr}}.code-section[data-astro-cid-xd2i2p23]{background:var(--color-surface);border-radius:1rem;overflow:hidden}.code-header[data-astro-cid-xd2i2p23]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.code-header[data-astro-cid-xd2i2p23] h3[data-astro-cid-xd2i2p23]{font-size:1rem;margin:0;color:var(--color-text)}.btn-small[data-astro-cid-xd2i2p23]{padding:.4rem .8rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.8rem;transition:all .2s}.btn-small[data-astro-cid-xd2i2p23]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}pre[data-astro-cid-xd2i2p23]{margin:0;padding:1.5rem;overflow-x:auto;font-size:.8rem;line-height:1.5}pre[data-astro-cid-xd2i2p23] code[data-astro-cid-xd2i2p23]{font-family:Fira Code,monospace;color:var(--color-text)}.info-section[data-astro-cid-xd2i2p23]{margin-bottom:2rem}.info-section[data-astro-cid-xd2i2p23] h2[data-astro-cid-xd2i2p23]{font-size:1.4rem;margin-bottom:1rem;color:var(--color-text)}.info-section[data-astro-cid-xd2i2p23] p[data-astro-cid-xd2i2p23]{color:var(--color-text-secondary);line-height:1.7}.feature-list[data-astro-cid-xd2i2p23]{list-style:none;padding:0}.feature-list[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23]{padding:.5rem 0;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:.5rem}.feature-list[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23]:before{content:"✓";color:var(--color-primary);font-weight:700}.dropdown-container[data-astro-cid-xd2i2p23]{position:relative;display:inline-block}.dropdown-trigger[data-astro-cid-xd2i2p23]{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500}.dropdown-menu[data-astro-cid-xd2i2p23]{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;list-style:none;padding:.5rem 0;margin:.5rem 0 0;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 12px #0000001a}.dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23]{position:relative}.dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23] a[data-astro-cid-xd2i2p23]{display:block;padding:.6rem 1rem;color:#1f2937;text-decoration:none;transition:background .2s}.dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23] a[data-astro-cid-xd2i2p23]:hover{background:#f3f4f6}.dropdown-container[data-astro-cid-xd2i2p23]:hover .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23]:focus-within .dropdown-menu[data-astro-cid-xd2i2p23]{opacity:1;visibility:visible}.submenu[data-astro-cid-xd2i2p23]{position:absolute;top:0;left:100%;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;list-style:none;padding:.5rem 0;margin:0 0 0 .5rem;opacity:0;visibility:hidden;transition:all .2s ease;z-index:101;box-shadow:0 4px 12px #0000001a}.has-submenu[data-astro-cid-xd2i2p23]:hover .submenu[data-astro-cid-xd2i2p23],.has-submenu[data-astro-cid-xd2i2p23]:focus-within .submenu[data-astro-cid-xd2i2p23]{opacity:1;visibility:visible}.has-submenu[data-astro-cid-xd2i2p23]>a[data-astro-cid-xd2i2p23]:after{content:" ▶";font-size:.7rem}.dropdown-container[data-astro-cid-xd2i2p23].up .dropdown-menu[data-astro-cid-xd2i2p23]{top:auto;bottom:100%;margin:0 0 .5rem}.dropdown-container[data-astro-cid-xd2i2p23].up .submenu[data-astro-cid-xd2i2p23]{top:auto;bottom:0}.dropdown-container[data-astro-cid-xd2i2p23].left .dropdown-menu[data-astro-cid-xd2i2p23]{top:0;left:auto;right:100%;margin:0 .5rem 0 0}.dropdown-container[data-astro-cid-xd2i2p23].left .submenu[data-astro-cid-xd2i2p23]{left:auto;right:100%;margin:0 .5rem 0 0}.dropdown-container[data-astro-cid-xd2i2p23].right .dropdown-menu[data-astro-cid-xd2i2p23]{top:0;left:100%;margin:0 0 0 .5rem}.dropdown-container[data-astro-cid-xd2i2p23].right .submenu[data-astro-cid-xd2i2p23]{left:100%;margin:0 0 0 .5rem}.dropdown-container[data-astro-cid-xd2i2p23].anim-fade .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-fade .submenu[data-astro-cid-xd2i2p23]{transition:opacity .2s ease,visibility .2s ease}.dropdown-container[data-astro-cid-xd2i2p23].anim-slide .dropdown-menu[data-astro-cid-xd2i2p23]{transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.dropdown-container[data-astro-cid-xd2i2p23].anim-slide:hover .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-slide:focus-within .dropdown-menu[data-astro-cid-xd2i2p23]{transform:translateY(0)}.dropdown-container[data-astro-cid-xd2i2p23].anim-slide.up .dropdown-menu[data-astro-cid-xd2i2p23]{transform:translateY(10px)}.dropdown-container[data-astro-cid-xd2i2p23].anim-slide.up:hover .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-slide.up:focus-within .dropdown-menu[data-astro-cid-xd2i2p23]{transform:translateY(0)}.dropdown-container[data-astro-cid-xd2i2p23].anim-slide .submenu[data-astro-cid-xd2i2p23]{transform:translate(-10px)}.dropdown-container[data-astro-cid-xd2i2p23].anim-slide .has-submenu[data-astro-cid-xd2i2p23]:hover .submenu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-slide .has-submenu[data-astro-cid-xd2i2p23]:focus-within .submenu[data-astro-cid-xd2i2p23]{transform:translate(0)}.dropdown-container[data-astro-cid-xd2i2p23].anim-scale .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-scale .submenu[data-astro-cid-xd2i2p23]{transform:scale(.95);transform-origin:top left;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.dropdown-container[data-astro-cid-xd2i2p23].anim-scale:hover .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-scale:focus-within .dropdown-menu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-scale .has-submenu[data-astro-cid-xd2i2p23]:hover .submenu[data-astro-cid-xd2i2p23],.dropdown-container[data-astro-cid-xd2i2p23].anim-scale .has-submenu[data-astro-cid-xd2i2p23]:focus-within .submenu[data-astro-cid-xd2i2p23]{transform:scale(1)}.dropdown-container[data-astro-cid-xd2i2p23].style-minimal .dropdown-trigger[data-astro-cid-xd2i2p23]{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.dropdown-container[data-astro-cid-xd2i2p23].style-minimal .dropdown-menu[data-astro-cid-xd2i2p23]{border:none;box-shadow:0 2px 8px #00000014}.dropdown-container[data-astro-cid-xd2i2p23].style-mega .dropdown-menu[data-astro-cid-xd2i2p23]{min-width:400px;display:grid;grid-template-columns:repeat(2,1fr);padding:1rem}.dropdown-container[data-astro-cid-xd2i2p23].style-mega .submenu[data-astro-cid-xd2i2p23]{position:static;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0;margin:0}.dropdown-container[data-astro-cid-xd2i2p23].style-mega .has-submenu[data-astro-cid-xd2i2p23]{grid-column:span 2}.dropdown-container[data-astro-cid-xd2i2p23].style-mega .has-submenu[data-astro-cid-xd2i2p23]>a[data-astro-cid-xd2i2p23]{font-weight:600;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.dropdown-container[data-astro-cid-xd2i2p23].style-mega .has-submenu[data-astro-cid-xd2i2p23]>a[data-astro-cid-xd2i2p23]:after{content:none}.dropdown-container[data-astro-cid-xd2i2p23].style-dark .dropdown-trigger[data-astro-cid-xd2i2p23]{background:#1f2937;color:#f9fafb}.dropdown-container[data-astro-cid-xd2i2p23].style-dark .dropdown-menu[data-astro-cid-xd2i2p23]{background:#1f2937;border-color:#374151}.dropdown-container[data-astro-cid-xd2i2p23].style-dark .dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23] a[data-astro-cid-xd2i2p23]{color:#f9fafb}.dropdown-container[data-astro-cid-xd2i2p23].style-dark .dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23] a[data-astro-cid-xd2i2p23]:hover{background:#374151}.dropdown-container[data-astro-cid-xd2i2p23].style-dark .submenu[data-astro-cid-xd2i2p23]{background:#1f2937;border-color:#374151}.dropdown-container[data-astro-cid-xd2i2p23].style-glass .dropdown-trigger[data-astro-cid-xd2i2p23]{background:#3b82f6b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dropdown-container[data-astro-cid-xd2i2p23].style-glass .dropdown-menu[data-astro-cid-xd2i2p23]{background:#fffc;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.dropdown-container[data-astro-cid-xd2i2p23].style-glass .submenu[data-astro-cid-xd2i2p23]{background:#ffffffe6;backdrop-filter:blur(12px)}.dropdown-container[data-astro-cid-xd2i2p23].style-neumorphic .dropdown-trigger[data-astro-cid-xd2i2p23]{background:#e0e5ec;color:#4a5568;box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;border:none}.dropdown-container[data-astro-cid-xd2i2p23].style-neumorphic .dropdown-menu[data-astro-cid-xd2i2p23]{background:#e0e5ec;border:none;box-shadow:6px 6px 12px #b8b9be,-6px -6px 12px #fff}.dropdown-container[data-astro-cid-xd2i2p23].style-neumorphic .dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23] a[data-astro-cid-xd2i2p23]{color:#4a5568}.dropdown-container[data-astro-cid-xd2i2p23].style-neumorphic .dropdown-menu[data-astro-cid-xd2i2p23] li[data-astro-cid-xd2i2p23] a[data-astro-cid-xd2i2p23]:hover{background:#d1d9e6}.dropdown-container[data-astro-cid-xd2i2p23].style-neumorphic .submenu[data-astro-cid-xd2i2p23]{background:#e0e5ec;border:none;box-shadow:4px 4px 8px #b8b9be,-4px -4px 8px #fff}.dropdown-container[data-astro-cid-xd2i2p23].full-width{display:block;width:100%}.dropdown-container[data-astro-cid-xd2i2p23].full-width .dropdown-trigger[data-astro-cid-xd2i2p23]{width:100%}.dropdown-container[data-astro-cid-xd2i2p23].full-width .dropdown-menu[data-astro-cid-xd2i2p23]{width:100%;min-width:auto}