.tool-header[data-astro-cid-qjsupomo]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-qjsupomo] h1[data-astro-cid-qjsupomo]{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.tool-header[data-astro-cid-qjsupomo] p[data-astro-cid-qjsupomo]{color:var(--color-text-secondary);font-size:1rem}.generator-layout[data-astro-cid-qjsupomo]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.generator-layout[data-astro-cid-qjsupomo]{grid-template-columns:1fr}}.controls-panel[data-astro-cid-qjsupomo]{background:var(--color-surface);border-radius:1rem;padding:1.5rem}.control-group[data-astro-cid-qjsupomo]{margin-bottom:1rem}.control-label[data-astro-cid-qjsupomo]{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem}.control-row[data-astro-cid-qjsupomo]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-row[data-astro-cid-qjsupomo] .control-group[data-astro-cid-qjsupomo]{margin-bottom:.5rem}.control-select[data-astro-cid-qjsupomo],.control-input[data-astro-cid-qjsupomo]{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-color[data-astro-cid-qjsupomo]{width:100%;height:2.5rem;padding:.25rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer}.style-options[data-astro-cid-qjsupomo],.position-options[data-astro-cid-qjsupomo]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-qjsupomo],.position-btn[data-astro-cid-qjsupomo]{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-qjsupomo]:hover,.position-btn[data-astro-cid-qjsupomo]:hover{border-color:var(--color-primary)}.style-btn[data-astro-cid-qjsupomo].active,.position-btn[data-astro-cid-qjsupomo].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.shadow-options[data-astro-cid-qjsupomo]{display:flex;gap:.5rem}.shadow-btn[data-astro-cid-qjsupomo]{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}.shadow-btn[data-astro-cid-qjsupomo].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.preview-panel[data-astro-cid-qjsupomo]{background:var(--color-surface);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.preview-panel[data-astro-cid-qjsupomo] h3[data-astro-cid-qjsupomo]{margin-bottom:.25rem;font-size:1.1rem;color:var(--color-text)}.preview-hint[data-astro-cid-qjsupomo]{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.preview-card[data-astro-cid-qjsupomo]{position:relative;width:220px;height:280px;background:var(--color-bg);border-radius:1rem;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 4px 20px #0000001a}.card-content[data-astro-cid-qjsupomo]{padding:1rem;text-align:center}.card-image[data-astro-cid-qjsupomo]{width:100%;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;margin-bottom:.75rem}.card-title[data-astro-cid-qjsupomo]{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.card-price[data-astro-cid-qjsupomo]{color:var(--color-primary);font-weight:700;font-size:1.1rem}.ribbon[data-astro-cid-qjsupomo]{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:.05em;z-index:10;transition:all .2s ease}.ribbon[data-astro-cid-qjsupomo].corner{width:150px;padding:.4rem 0;text-align:center}.ribbon[data-astro-cid-qjsupomo].corner.small{width:120px;font-size:.65rem;padding:.25rem 0}.ribbon[data-astro-cid-qjsupomo].corner.medium{width:150px;font-size:.8rem;padding:.4rem 0}.ribbon[data-astro-cid-qjsupomo].corner.large{width:180px;font-size:1rem;padding:.5rem 0}.ribbon[data-astro-cid-qjsupomo].corner.top-left{top:12px;left:-35px;transform:rotate(-45deg);transform-origin:center}.ribbon[data-astro-cid-qjsupomo].corner.top-right{top:12px;right:-35px;transform:rotate(45deg);transform-origin:center}.ribbon[data-astro-cid-qjsupomo].corner.bottom-left{bottom:12px;left:-35px;transform:rotate(45deg);transform-origin:center}.ribbon[data-astro-cid-qjsupomo].corner.bottom-right{bottom:12px;right:-35px;transform:rotate(-45deg);transform-origin:center}.ribbon[data-astro-cid-qjsupomo].horizontal{left:0;right:0;padding:.5rem 0;text-align:center}.ribbon[data-astro-cid-qjsupomo].horizontal.small{font-size:.65rem;padding:.3rem 0}.ribbon[data-astro-cid-qjsupomo].horizontal.medium{font-size:.85rem;padding:.5rem 0}.ribbon[data-astro-cid-qjsupomo].horizontal.large{font-size:1.1rem;padding:.6rem 0}.ribbon[data-astro-cid-qjsupomo].horizontal.top-left,.ribbon[data-astro-cid-qjsupomo].horizontal.top-right{top:0;border-radius:1rem 1rem 0 0}.ribbon[data-astro-cid-qjsupomo].horizontal.bottom-left,.ribbon[data-astro-cid-qjsupomo].horizontal.bottom-right{bottom:0;border-radius:0 0 1rem 1rem}.ribbon[data-astro-cid-qjsupomo].vertical{top:0;bottom:0;padding:0;writing-mode:vertical-rl;text-orientation:mixed}.ribbon[data-astro-cid-qjsupomo].vertical.small{font-size:.65rem;width:28px}.ribbon[data-astro-cid-qjsupomo].vertical.medium{font-size:.85rem;width:36px}.ribbon[data-astro-cid-qjsupomo].vertical.large{font-size:1.1rem;width:44px}.ribbon[data-astro-cid-qjsupomo].vertical.top-left,.ribbon[data-astro-cid-qjsupomo].vertical.bottom-left{left:0;border-radius:1rem 0 0 1rem}.ribbon[data-astro-cid-qjsupomo].vertical.top-right,.ribbon[data-astro-cid-qjsupomo].vertical.bottom-right{right:0;border-radius:0 1rem 1rem 0}.ribbon[data-astro-cid-qjsupomo].bookmark{top:0;padding:.6rem .8rem 1.2rem;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.ribbon[data-astro-cid-qjsupomo].bookmark.small{font-size:.65rem;padding:.4rem .5rem 1rem}.ribbon[data-astro-cid-qjsupomo].bookmark.medium{font-size:.85rem;padding:.6rem .8rem 1.2rem}.ribbon[data-astro-cid-qjsupomo].bookmark.large{font-size:1.1rem;padding:.8rem 1rem 1.5rem}.ribbon[data-astro-cid-qjsupomo].bookmark.top-left,.ribbon[data-astro-cid-qjsupomo].bookmark.bottom-left{left:12px}.ribbon[data-astro-cid-qjsupomo].bookmark.top-right,.ribbon[data-astro-cid-qjsupomo].bookmark.bottom-right{right:12px}.ribbon[data-astro-cid-qjsupomo].bookmark.bottom-left,.ribbon[data-astro-cid-qjsupomo].bookmark.bottom-right{top:auto;bottom:0;clip-path:polygon(0 0,50% 25%,100% 0,100% 100%,0 100%);padding:1.2rem .8rem .6rem}.ribbon[data-astro-cid-qjsupomo].flag{padding:.4rem 1.2rem .4rem .6rem;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.ribbon[data-astro-cid-qjsupomo].flag.small{font-size:.65rem;padding:.25rem .8rem .25rem .4rem}.ribbon[data-astro-cid-qjsupomo].flag.medium{font-size:.8rem;padding:.4rem 1.2rem .4rem .6rem}.ribbon[data-astro-cid-qjsupomo].flag.large{font-size:1rem;padding:.5rem 1.5rem .5rem .8rem}.ribbon[data-astro-cid-qjsupomo].flag.top-left,.ribbon[data-astro-cid-qjsupomo].flag.bottom-left{left:0}.ribbon[data-astro-cid-qjsupomo].flag.top-right,.ribbon[data-astro-cid-qjsupomo].flag.bottom-right{right:0;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);padding:.4rem .6rem .4rem 1.2rem}.ribbon[data-astro-cid-qjsupomo].flag.bottom-left,.ribbon[data-astro-cid-qjsupomo].flag.bottom-right{top:auto;bottom:20px}.ribbon[data-astro-cid-qjsupomo].flag.top-left,.ribbon[data-astro-cid-qjsupomo].flag.top-right{top:20px}.ribbon[data-astro-cid-qjsupomo].wave{left:0;right:0;padding:.5rem 0;text-align:center}.ribbon[data-astro-cid-qjsupomo].wave.small{font-size:.65rem;padding:.3rem 0 .6rem}.ribbon[data-astro-cid-qjsupomo].wave.medium{font-size:.85rem;padding:.5rem 0 .9rem}.ribbon[data-astro-cid-qjsupomo].wave.large{font-size:1.1rem;padding:.6rem 0 1.1rem}.ribbon[data-astro-cid-qjsupomo].wave.top-left,.ribbon[data-astro-cid-qjsupomo].wave.top-right{top:0;clip-path:polygon(0 0,5% 100%,10% 0,15% 100%,20% 0,25% 100%,30% 0,35% 100%,40% 0,45% 100%,50% 0,55% 100%,60% 0,65% 100%,70% 0,75% 100%,80% 0,85% 100%,90% 0,95% 100%,100% 0,100% 0,0 0)}.ribbon[data-astro-cid-qjsupomo].wave.bottom-left,.ribbon[data-astro-cid-qjsupomo].wave.bottom-right{bottom:0;clip-path:polygon(0 100%,5% 0,10% 100%,15% 0,20% 100%,25% 0,30% 100%,35% 0,40% 100%,45% 0,50% 100%,55% 0,60% 100%,65% 0,70% 100%,75% 0,80% 100%,85% 0,90% 100%,95% 0,100% 100%,100% 100%,0 100%)}.ribbon[data-astro-cid-qjsupomo].shadow{box-shadow:0 2px 8px #00000040}.code-output[data-astro-cid-qjsupomo]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.code-output[data-astro-cid-qjsupomo]{grid-template-columns:1fr}}.code-section[data-astro-cid-qjsupomo]{background:var(--color-surface);border-radius:1rem;overflow:hidden}.code-header[data-astro-cid-qjsupomo]{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-qjsupomo] h3[data-astro-cid-qjsupomo]{font-size:1rem;margin:0;color:var(--color-text)}.btn-small[data-astro-cid-qjsupomo]{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-qjsupomo]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}pre[data-astro-cid-qjsupomo]{margin:0;padding:1.5rem;overflow-x:auto;font-size:.8rem;line-height:1.5}pre[data-astro-cid-qjsupomo] code[data-astro-cid-qjsupomo]{font-family:Fira Code,monospace;color:var(--color-text)}.info-section[data-astro-cid-qjsupomo]{margin-bottom:2rem}.info-section[data-astro-cid-qjsupomo] h2[data-astro-cid-qjsupomo]{font-size:1.4rem;margin-bottom:1rem;color:var(--color-text)}.info-section[data-astro-cid-qjsupomo] p[data-astro-cid-qjsupomo]{color:var(--color-text-secondary);line-height:1.7}.feature-list[data-astro-cid-qjsupomo]{list-style:none;padding:0}.feature-list[data-astro-cid-qjsupomo] li[data-astro-cid-qjsupomo]{padding:.5rem 0;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:.5rem}.feature-list[data-astro-cid-qjsupomo] li[data-astro-cid-qjsupomo]:before{content:"✓";color:var(--color-primary);font-weight:700}.faq-list[data-astro-cid-qjsupomo]{display:flex;flex-direction:column;gap:.5rem}.faq-item[data-astro-cid-qjsupomo]{background:var(--color-surface);border-radius:.75rem;overflow:hidden}.faq-item[data-astro-cid-qjsupomo] summary[data-astro-cid-qjsupomo]{padding:1rem;cursor:pointer;font-weight:600;color:var(--color-text);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item[data-astro-cid-qjsupomo] summary[data-astro-cid-qjsupomo]:after{content:"+";font-size:1.2rem;color:var(--color-primary)}.faq-item[data-astro-cid-qjsupomo][open] summary[data-astro-cid-qjsupomo]:after{content:"−"}.faq-item[data-astro-cid-qjsupomo] p[data-astro-cid-qjsupomo]{padding:0 1rem 1rem;color:var(--color-text-secondary);line-height:1.6;margin:0}