/* 메타 태그 생성기 스타일 */
.meta-tag-generator-tool textarea {
    line-height: 1.6;
    resize: none;
}

.meta-tag-generator-tool textarea:focus,
.meta-tag-generator-tool input:focus,
.meta-tag-generator-tool select:focus {
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
}

.meta-tag-generator-tool pre {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height: 1.7;
    margin: 0;
}

/* 코드 출력 신택스 하이라이팅 (다크 테마) */
.meta-code-output {
    background-color: #1e1e2e !important;
    color: #cdd6f4;
}

.meta-code-output .meta-comment {
    color: #6c7086;
    font-style: italic;
}

.meta-code-output .meta-tag {
    color: #f38ba8;
}

.meta-code-output .meta-attr {
    color: #89b4fa;
}

.meta-code-output .meta-value {
    color: #a6e3a1;
}

/* Google 검색 미리보기 */
.google-preview {
    font-family: Arial, sans-serif;
}

.google-preview-title:hover {
    text-decoration: underline;
}

/* OG 미리보기 */
.og-preview {
    border-color: #dadde1 !important;
}

/* Twitter 미리보기 */
.twitter-preview {
    border-color: #cfd9de !important;
    border-radius: 16px !important;
}

/* 아코디언 스타일 */
.meta-tag-generator-tool .accordion-button:not(.collapsed) {
    background-color: var(--bs-light);
    box-shadow: none;
}

.meta-tag-generator-tool .accordion-button:focus {
    box-shadow: none;
}