.meta-gen{max-width:800px;margin:2rem auto;padding:2rem;background:var(--gradient-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.meta-gen:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent)}.meta-gen__form{display:flex;flex-direction:column;gap:1.5rem}.meta-gen__section{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.meta-gen__section:last-of-type{padding-bottom:0;border-bottom:none}.meta-gen__section-title{margin:0;color:var(--color-primary);font-size:1.1rem;font-weight:700}.meta-gen__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.meta-gen__field{display:flex;flex-direction:column;gap:.5rem}.meta-gen__field--full{grid-column:1 / -1}.meta-gen__label{color:var(--color-secondary);font-size:.85rem;font-weight:600}.meta-gen__input,.meta-gen__textarea,.meta-gen__select{width:100%;padding:.75rem 1rem;color:var(--color-primary);font-family:inherit;font-size:1rem;background:var(--color-bg);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);transition:all var(--transition-fast)}.meta-gen__textarea{resize:vertical}.meta-gen__input::placeholder,.meta-gen__textarea::placeholder{color:var(--color-muted)}.meta-gen__input:focus,.meta-gen__textarea:focus,.meta-gen__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e526}.meta-gen__hint{color:var(--color-muted);font-size:.8rem}.meta-gen__hint--over{color:var(--color-error, #ef4444)}.meta-gen__button{align-self:flex-start;border:none;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;font-size:.95rem;font-weight:700;padding:.75rem 1.25rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 10px 20px -10px #3b82f680}.meta-gen__button:hover{transform:translateY(-1px)}.meta-gen__button:active{transform:translateY(0)}.meta-gen__result{margin-top:2rem;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-soft)}.meta-gen__result-header{margin-bottom:1rem}.meta-gen__result-title{margin:0;color:var(--color-secondary);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.meta-gen__result-box{position:relative}.meta-gen__result-text{width:100%;min-height:220px;padding:1rem 3rem 1rem 1rem;resize:vertical;font-family:var(--font-mono);font-size:.88rem;line-height:1.55;color:var(--color-primary);background:var(--color-bg);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md)}.meta-gen__result-text:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e526}.meta-gen__copy-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.meta-gen__copy-btn:hover{background:var(--color-bg-soft);color:var(--color-primary)}.meta-gen__copy-success{position:absolute;top:-2rem;right:0;background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);opacity:0;transform:translateY(10px);transition:all .25s ease;pointer-events:none}.meta-gen__result--copied .meta-gen__copy-success{opacity:1;transform:translateY(0)}@media(max-width:640px){.meta-gen{margin:1rem auto;padding:1.25rem}.meta-gen__grid{grid-template-columns:1fr}.meta-gen__button{width:100%}}.meta-tags-example{margin:1.25rem 0;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow-x:auto}.meta-tags-example code{font-family:var(--font-mono);font-size:.86rem;line-height:1.6;white-space:pre;color:var(--color-primary)}.meta-faq{padding:4.5rem 1.5rem;max-width:800px;margin:0 auto;position:relative}.meta-faq:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:var(--gradient-brand);border-radius:var(--radius-full)}.meta-faq h2{font-size:2rem;font-weight:800;text-align:center;margin-bottom:3rem;letter-spacing:-.02em}.meta-faq__list{display:flex;flex-direction:column;gap:1rem}.meta-faq__item{background:#ffffffa6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-sm),var(--shadow-inner-surface);border-radius:var(--radius-lg);padding:1.1rem 1.25rem}.meta-faq__item summary{color:var(--color-primary);font-size:1.02rem;font-weight:700;cursor:pointer;line-height:1.45}.meta-faq__item p{margin:.9rem 0 0;color:var(--color-secondary);line-height:1.65;font-size:.95rem}@media(max-width:640px){.meta-faq{padding:3rem 1rem}.meta-faq h2{font-size:1.6rem;margin-bottom:2rem}}