.meta-tag-generator{*{transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tab-btn{border-bottom-width:2px;border-color:transparent;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;padding-bottom:.75rem;padding-left:1rem;padding-right:1rem;white-space:nowrap}.tab-btn:hover{color:#374151}.dark .tab-btn{color:#9ca3af}.dark .tab-btn:hover{color:#d1d5db}.tab-btn.active{border-color:#3b82f6;color:#2563eb}.dark .tab-btn.active{color:#60a5fa}.preview-btn{border-bottom-width:2px;border-color:transparent;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;padding-bottom:.75rem;padding-left:1rem;padding-right:1rem;white-space:nowrap}.preview-btn:hover{color:#374151}.dark .preview-btn{color:#9ca3af}.dark .preview-btn:hover{color:#d1d5db}.preview-btn.active{border-color:#3b82f6;color:#2563eb}.dark .preview-btn.active{color:#60a5fa}input:focus,select:focus,textarea:focus{outline:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #3b82f6;border-color:transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#generated-output{scrollbar-color:#22c55e #111827;scrollbar-width:thin}#generated-output::-webkit-scrollbar{width:6px}#generated-output::-webkit-scrollbar-track{background-color:#111827}.dark #generated-output::-webkit-scrollbar-track{background-color:#030712}#generated-output::-webkit-scrollbar-thumb{background-color:#22c55e;border-radius:9999px}#generated-output::-webkit-scrollbar-thumb:hover{background-color:#22c55e}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}img[src=""]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-in}pre{white-space:pre-wrap;word-break:break-word}button:not(:disabled):hover{transform:scale(1.05)}button:disabled{cursor:not-allowed;opacity:.5}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid #d1d5db;border-radius:.5rem}input[type=color]::-moz-color-swatch{border:2px solid #d1d5db;border-radius:.5rem}.dark input[type=color]::-webkit-color-swatch{border-color:#4b5563}.dark input[type=color]::-moz-color-swatch{border-color:#4b5563}@media (max-width:768px){.grid.lg\\:grid-cols-2{grid-template-columns:1fr}}@media (max-width:768px){.meta-tag-generator .preview-btn,.meta-tag-generator .tab-btn{font-size:.75rem;padding-left:.5rem;padding-right:.5rem}}.bg-gradient-to-r{background:linear-gradient(90deg,#2563eb,#9333ea)}#template-select{cursor:pointer}#template-select:hover{border-color:#3b82f6}label span.text-xs{font-weight:400}.bg-white.dark\\:bg-gray-800.rounded-lg{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}img[src]:not([src=""]){transition-duration:.3s;transition-property:opacity}.text-red-500{font-weight:700}#generated-output pre{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.75rem}@media (min-width:640px){#generated-output pre{font-size:.875rem}}#preview-area,#tab-content{animation:fadeIn .2s ease-in-out}.flex.gap-2 button{flex-shrink:0}@media (max-width:640px){.meta-tag-generator h2{font-size:1.25rem;line-height:1.75rem}.meta-tag-generator h3{font-size:1rem;line-height:1.5rem}.meta-tag-generator .text-xl{font-size:1.125rem;line-height:1.75rem}}}