/* 포커스 가시성 향상 */
:focus-visible {
    outline: 2px solid #94a3b8;
    outline-offset: 2px;
}

/* 탭 */
.tab {
    padding: 0.4rem 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
}
.tab:hover {
    background: #f8fafc;
}
.tab.active {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
}

/* 옵션 라벨 */
.opt {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

/* 드래그 상태 시 드롭존 강조 */
#dropzone.drag-over {
    border-color: #0f172a;
}

/* 프리뷰의 캡션 HTML 샘플 스타일 프리셋 */
.caption.minimal p {
    margin: 0.2rem 0;
}
.caption.shadow p {
    margin: 0.4rem 0;
    padding: 0.2rem 0.4rem;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0.4rem;
}
.caption.outline p {
    margin: 0.3rem 0;
    padding: 0.2rem 0.4rem;
    border: 1px dashed #cbd5e1;
    border-radius: 0.4rem;
}
.caption.boxed p {
    margin: 0.3rem 0;
    padding: 0.3rem 0.5rem;
    background: #0f172a;
    color: #fff;
    border-radius: 0.5rem;
}