.container[data-astro-cid-w34gjdvd]{position:relative;z-index:1;width:100%;margin:0 auto;max-width:640px;padding:0;display:flex;flex-direction:column;gap:1.5rem}.hero[data-astro-cid-w34gjdvd]{text-align:center;padding:.5rem 0 1rem}.title[data-astro-cid-w34gjdvd]{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.subtitle[data-astro-cid-w34gjdvd]{font-size:1rem;color:var(--text-secondary);line-height:1.5}.privacy-badge[data-astro-cid-w34gjdvd]{font-size:.8rem;color:var(--opn-primary);margin-top:.5rem;font-weight:600}.widget-tool[data-astro-cid-w34gjdvd]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.form-group[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:.35rem}.form-label[data-astro-cid-w34gjdvd]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-input[data-astro-cid-w34gjdvd]{width:100%;padding:.7rem .85rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.95rem;line-height:1.4;transition:border-color .2s}.form-input[data-astro-cid-w34gjdvd]:focus{outline:none;border-color:var(--opn-primary)}.form-textarea[data-astro-cid-w34gjdvd]{resize:vertical;min-height:60px}.form-hint[data-astro-cid-w34gjdvd]{font-size:.75rem;color:var(--text-secondary);opacity:.7;line-height:1.4}.radio-group[data-astro-cid-w34gjdvd]{display:flex;gap:1rem}.radio-option[data-astro-cid-w34gjdvd]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.radio-option[data-astro-cid-w34gjdvd] input[data-astro-cid-w34gjdvd][type=radio]{accent-color:var(--opn-primary);width:18px;height:18px;cursor:pointer}.radio-label[data-astro-cid-w34gjdvd]{font-size:.9rem}.color-picker-row[data-astro-cid-w34gjdvd]{display:flex;align-items:center;gap:.75rem}.color-input[data-astro-cid-w34gjdvd]{width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:2px;background:var(--bg-primary)}.color-presets[data-astro-cid-w34gjdvd]{display:flex;gap:.4rem;flex-wrap:wrap}.color-preset[data-astro-cid-w34gjdvd]{width:28px;height:28px;border-radius:6px;border:2px solid var(--border-color);cursor:pointer;transition:transform .15s,border-color .15s}.color-preset[data-astro-cid-w34gjdvd]:hover{transform:scale(1.15);border-color:var(--text-primary)}.color-preset[data-astro-cid-w34gjdvd].active{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 0 0 2px var(--opn-primary)}.generate-btn[data-astro-cid-w34gjdvd]{width:100%;padding:.85rem;background:var(--opn-primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.generate-btn[data-astro-cid-w34gjdvd]:hover{opacity:.85}.result-section[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:1.25rem}.preview-section[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:.35rem}.preview-label[data-astro-cid-w34gjdvd]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.preview-frame[data-astro-cid-w34gjdvd]{position:relative;width:100%;height:280px;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);background:#f5f5f5}[data-theme=dark] .preview-frame[data-astro-cid-w34gjdvd]{background:#1a1a2e}.preview-page[data-astro-cid-w34gjdvd]{width:100%;height:100%;display:flex;flex-direction:column}.preview-header-bar[data-astro-cid-w34gjdvd]{padding:.5rem 1rem;background:#075e54;color:#fff;font-size:.8rem;font-weight:600}.preview-content-area[data-astro-cid-w34gjdvd]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem}[data-theme=dark] .preview-content-area[data-astro-cid-w34gjdvd]{color:#ccc}[data-theme=light] .preview-content-area[data-astro-cid-w34gjdvd]{color:#666}.preview-text-line[data-astro-cid-w34gjdvd]{font-size:.8rem;opacity:.5}.preview-widget[data-astro-cid-w34gjdvd]{position:absolute;bottom:20px;transition:all .3s}.code-section[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:.35rem}.code-label[data-astro-cid-w34gjdvd]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.code-output[data-astro-cid-w34gjdvd]{width:100%;max-height:300px;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.8rem;line-height:1.45;word-break:break-word;white-space:pre-wrap;font-family:monospace;overflow-y:auto}.code-actions[data-astro-cid-w34gjdvd]{display:flex;gap:.5rem;justify-content:flex-end}.copy-btn[data-astro-cid-w34gjdvd]{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid var(--opn-primary);border-radius:8px;background:var(--opn-primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.copy-btn[data-astro-cid-w34gjdvd]:hover{opacity:.85}.copy-icon[data-astro-cid-w34gjdvd]{width:16px;height:16px}.seo-section[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.seo-heading[data-astro-cid-w34gjdvd]{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.seo-text[data-astro-cid-w34gjdvd]{font-size:1rem;color:var(--text-secondary);line-height:1.6}.seo-features[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.feature-item[data-astro-cid-w34gjdvd]{display:flex;gap:.75rem;align-items:flex-start}.feature-icon[data-astro-cid-w34gjdvd]{font-size:1.5rem;line-height:1;flex-shrink:0}.feature-title[data-astro-cid-w34gjdvd]{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.feature-desc[data-astro-cid-w34gjdvd]{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.faq-list[data-astro-cid-w34gjdvd]{display:flex;flex-direction:column;gap:.5rem}.faq-item[data-astro-cid-w34gjdvd]{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);overflow:hidden}.faq-question[data-astro-cid-w34gjdvd]{font-weight:600;font-size:.95rem;color:var(--text-primary);padding:.75rem 1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-question[data-astro-cid-w34gjdvd]::-webkit-details-marker{display:none}.faq-question[data-astro-cid-w34gjdvd]:after{content:"+";font-size:1.2rem;font-weight:700;color:var(--opn-primary)}.faq-item[data-astro-cid-w34gjdvd][open] .faq-question[data-astro-cid-w34gjdvd]:after{content:"−"}.faq-answer[data-astro-cid-w34gjdvd]{font-size:.9rem;color:var(--text-secondary);line-height:1.6;padding:0 1rem .75rem}@media(max-width:520px){.title[data-astro-cid-w34gjdvd]{font-size:1.5rem}.preview-frame[data-astro-cid-w34gjdvd]{height:220px}}